.enhanced-banner{position:relative;width:100%;height:var(--banner-height, 60vh);overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-slides{position:relative;width:100%;height:100%}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center;justify-content:center}.banner-slide.active{opacity:1}.banner-media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.banner-image,.banner-video,.banner-video-container{width:100%;height:100%;object-fit:cover}.banner-video-container{position:relative}.banner-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;border:none;outline:none}.banner-video--mp4{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}.video-fallback-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.banner-video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.banner-video-fallback img{width:100%;height:100%;object-fit:cover}.banner-video-controls{position:absolute;top:1rem;right:1rem;z-index:5;display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.banner-video-container:hover .banner-video-controls{opacity:1}.video-play-pause,.video-mute-unmute{background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-play-pause:hover,.video-mute-unmute:hover{background:#000c;transform:scale(1.1)}.video-play-pause svg,.video-mute-unmute svg{width:20px;height:20px}.banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.banner-placeholder svg{width:100px;height:100px;opacity:.5}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity, .2));z-index:2}.banner-content{position:relative;z-index:3;width:100%;height:100%;display:flex;padding:2rem;box-sizing:border-box}.banner-content-inner{max-width:var(--content-max-width, 600px);margin:auto;text-align:center;color:#fff}.banner--position-top-left .banner-content{align-items:flex-start;justify-content:flex-start}.banner--position-top-center .banner-content{align-items:flex-start;justify-content:center}.banner--position-top-right .banner-content{align-items:flex-start;justify-content:flex-end}.banner--position-center-left .banner-content{align-items:center;justify-content:flex-start}.banner--position-center-center .banner-content{align-items:center;justify-content:center}.banner--position-center-right .banner-content{align-items:center;justify-content:flex-end}.banner--position-bottom-left .banner-content{align-items:flex-end;justify-content:flex-start}.banner--position-bottom-center .banner-content{align-items:flex-end;justify-content:center}.banner--position-bottom-right .banner-content{align-items:flex-end;justify-content:flex-end}.banner--align-left .banner-content-inner{text-align:left}.banner--align-center .banner-content-inner{text-align:center}.banner--align-right .banner-content-inner{text-align:right}.banner-heading{margin:0 0 1rem;font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-heading.h3{font-size:clamp(1.5rem,4vw,2rem)}.banner-heading.h2{font-size:clamp(2rem,5vw,3rem)}.banner-heading.h1{font-size:clamp(2.5rem,6vw,4rem)}.banner-heading.display{font-size:clamp(3rem,8vw,5rem)}.banner-subheading{margin:0 0 1rem;font-weight:300;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-text{margin:0 0 2rem;line-height:1.6;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-text.small,.banner-subheading.small{font-size:clamp(.875rem,2vw,1rem)}.banner-text.medium,.banner-subheading.medium{font-size:clamp(1rem,2.5vw,1.25rem)}.banner-text.large,.banner-subheading.large{font-size:clamp(1.25rem,3vw,1.5rem)}.banner-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.banner--align-left .banner-buttons{justify-content:flex-start}.banner--align-right .banner-buttons{justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent;min-width:120px;text-align:center}.btn--primary{background:#007bff;color:#fff;border-color:#007bff}.btn--primary:hover{background:#0056b3;border-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn--secondary{background:#6c757d;color:#fff;border-color:#6c757d}.btn--secondary:hover{background:#545b62;border-color:#545b62;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn--outline{background:transparent;color:#fff;border-color:#fff}.btn--outline:hover{background:#fff;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.banner-nav--prev{left:2rem}.banner-nav--next{right:2rem}.banner-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:.5rem}.banner-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.banner-indicator.active,.banner-indicator:hover{background:#fff;border-color:#fff;transform:scale(1.2)}.banner--parallax .banner-media{will-change:transform}.banner--adapt{height:auto;min-height:300px}.banner--small{height:40vh;min-height:300px}.banner--medium{height:60vh;min-height:400px}.banner--large{height:80vh;min-height:500px}.banner--full{height:100vh}@media screen and (max-width: 768px){.banner-content{padding:1rem}.banner-content-inner{max-width:100%}.banner-nav{width:40px;height:40px}.banner-nav--prev{left:1rem}.banner-nav--next{right:1rem}.banner-indicators{bottom:1rem}.banner-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.banner-video-controls{opacity:1;top:.5rem;right:.5rem}.video-play-pause,.video-mute-unmute{width:35px;height:35px}.video-play-pause svg,.video-mute-unmute svg{width:18px;height:18px}.banner-heading.h3{font-size:1.5rem}.banner-heading.h2{font-size:2rem}.banner-heading.h1{font-size:2.5rem}.banner-heading.display{font-size:3rem}}@media screen and (max-width: 480px){.banner-content{padding:.5rem}.banner-nav{width:35px;height:35px}.banner-nav--prev{left:.5rem}.banner-nav--next{right:.5rem}.banner-indicators{bottom:.5rem}.banner-indicator{width:10px;height:10px}}.scroll-trigger.animate--fade-in{opacity:0;animation:fadeIn 1s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.banner-nav:focus,.banner-indicator:focus,.btn:focus{outline:2px solid #007bff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.banner-slide,.btn,.banner-nav,.banner-indicator{transition:none}.btn:hover,.banner-nav:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-enhanced-banner.css.map */
