body{font-family:Inter,sans-serif;color:#0f172a}html{scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.mobile-sticky{transform:translateY(100%);transition:transform .3s ease}.mobile-sticky.show{transform:translateY(0)}.faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-body.open{max-height:500px}.faq-icon{transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}input[type=range]{accent-color:#ea580c}.form-input:focus{outline:none;ring:2px;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.hero-overlay{background:linear-gradient(135deg,#0f172aeb,#0f172abf)}.lift{transition:transform .3s ease,box-shadow .3s ease}.lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #00000026}.ba-slider{position:relative;width:100%;height:300px;overflow:hidden;border-radius:.75rem;cursor:col-resize}.ba-slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.ba-slider .after-img{clip-path:inset(0 0 0 50%)}.ba-slider .slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#fff;transform:translate(-50%);z-index:10;box-shadow:0 0 10px #00000080}.ba-slider .slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#ea580c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:11;box-shadow:0 4px 12px #0000004d}.ba-label{position:absolute;top:12px;padding:4px 12px;background:#0009;color:#fff;font-size:12px;font-weight:700;border-radius:4px;z-index:5}.ba-label.before{left:12px}.ba-label.after{right:12px;background:#ea580c}.form-success{opacity:0;transform:scale(.95);transition:all .5s cubic-bezier(.16,1,.3,1)}.form-success.visible{opacity:1;transform:scale(1)}.form-error{opacity:0;transform:translateY(-8px);transition:all .3s ease}.form-error.visible{opacity:1;transform:translateY(0)}@keyframes check-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.check-icon{animation:check-bounce .5s cubic-bezier(.16,1,.3,1) forwards}
/*# sourceMappingURL=/cdn/shop/t/21/assets/installation-page.css.map */