.hero-slider-section{width:100%;position:relative}.hero-slider{position:relative;width:100%;overflow:hidden}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.hero-slide.is-active{position:relative;opacity:1;visibility:visible}.hero-slide-media{position:relative;width:100%;height:var(--slide-height, 600px);background-color:var(--slide-bg-color, #000000)}.hero-slide-image,.hero-slide-video{width:100%;height:100%;object-fit:var(--slide-object-fit, contain)}.hero-slide-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.hero-slide-placeholder .placeholder-svg{width:200px;height:200px;opacity:.3}.hero-video-controls{position:absolute;bottom:0;left:0;right:0;z-index:15;display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(transparent,#000000b3);color:#fff}.hero-video-play-btn,.hero-video-mute-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0}.hero-video-play-btn:hover,.hero-video-mute-btn:hover{transform:scale(1.15)}.hero-video-icon-play{display:none}.hero-video-icon-pause,.hero-video-play-btn[data-playing=false] .hero-video-icon-play{display:flex}.hero-video-play-btn[data-playing=false] .hero-video-icon-pause,.hero-video-icon-unmuted{display:none}.hero-video-icon-muted,.hero-video-mute-btn[data-muted=false] .hero-video-icon-unmuted{display:flex}.hero-video-mute-btn[data-muted=false] .hero-video-icon-muted{display:none}.hero-video-progress{flex:1;padding:5px 0;cursor:pointer}.hero-video-progress-bar{width:100%;height:5px;background:#ffffff4d;border-radius:3px;overflow:hidden;position:relative}.hero-video-progress-filled{height:100%;background:#fff;border-radius:3px;width:0%;transition:width .1s linear}.hero-video-progress:hover .hero-video-progress-bar{height:7px}.hero-video-time{font-size:12px;font-family:monospace;white-space:nowrap;flex-shrink:0}.hero-slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-slide-content-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;padding:60px;z-index:10}.hero-slide-content-wrapper{justify-content:flex-start}.hero-slide-content-wrapper[style*="--content-position: center"]{justify-content:center}.hero-slide-content-wrapper[style*="--content-position: right"]{justify-content:flex-end}.hero-slide-content-wrapper.hide-on-desktop{display:none}.hero-slide-content{max-width:var(--content-max-width, 550px);width:100%}.hero-reviews{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.hero-reviews-stars{display:flex;gap:2px}.star-icon{flex-shrink:0}.hero-reviews-text{font-size:14px;font-weight:500}.hero-heading{margin:0 0 20px;line-height:1.2}.hero-text{margin-bottom:30px;line-height:1.6}.hero-text p{margin:0 0 15px}.hero-text p:last-child{margin-bottom:0}.hero-button-wrapper{margin-top:10px}.hero-button{display:inline-block;text-decoration:none;font-weight:600;transition:all .3s ease;background-color:var(--btn-bg);color:var(--btn-text);border:2px solid var(--btn-border)}.hero-button:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-bg)}.hero-button--outline{background-color:transparent}.hero-button--outline:hover{background-color:var(--btn-bg);color:var(--btn-text)}.hero-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:#ffffffe6;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#000}.hero-slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.hero-slider-arrow--prev{left:30px}.hero-slider-arrow--next{right:30px}.hero-slider-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:20}.hero-slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.hero-slider-dot:hover{background:#ffffff80}.hero-slider-dot.is-active{background:#fff;border-color:#fff}@media (max-width: 1024px){.hero-slide-content-wrapper{width:60%;padding:40px}.hero-heading{font-size:36px!important}}@media (max-width: 768px){.hero-slide{display:flex;flex-direction:column}.hero-slide-media{position:relative;height:var(--slide-height-mobile, 350px);min-height:auto;max-height:none}.hero-slide-video{width:100%;height:100%;object-fit:var(--slide-object-fit, contain)}.hero-slide-content-wrapper{position:relative;width:100%;top:auto;left:auto;right:auto;bottom:auto;padding:30px 20px 40px;background-color:var(--mobile-content-bg)!important;display:flex!important;justify-content:flex-start!important}.hero-slide-content-wrapper.hide-on-desktop{display:flex!important}.hero-slide-content{max-width:100%}.hero-heading{font-size:28px!important;margin-bottom:15px}.hero-text{font-size:15px!important;margin-bottom:25px}.hero-reviews{margin-bottom:15px}.hero-reviews-text{font-size:13px}.hero-slider-arrow{width:36px;height:36px;top:calc(var(--slide-height-mobile, 350px) / 2);transform:translateY(-50%)}.hero-slider-arrow--prev{left:10px}.hero-slider-arrow--next{right:10px}.hero-slider-arrow svg{width:18px;height:18px}.hero-slider-dots{position:absolute;bottom:auto;top:calc(var(--slide-height-mobile, 350px) - 30px)}.hero-slider-dot{width:10px;height:10px}.hero-button{width:auto;max-width:100%;padding-left:40px!important;padding-right:40px!important}.hero-video-controls{padding:10px 15px;gap:10px}.hero-video-time{font-size:11px}.hero-video-play-btn svg,.hero-video-mute-btn svg{width:18px;height:18px}}@media (max-width: 480px){.hero-slide-content-wrapper{padding:25px 15px 35px}.hero-heading{font-size:24px!important}.hero-text{font-size:14px!important}.hero-button{width:auto;max-width:100%;padding-left:30px!important;padding-right:30px!important}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/hero-slider.css.map */