.banner-carousel{position:relative;overflow:hidden;margin:0 auto;background:#f5f5f5}.banner-carousel-container{position:relative;width:100%;overflow:hidden}.banner-slides-wrapper{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:grab;-webkit-user-select:none;user-select:none}.banner-slides-wrapper:active{cursor:grabbing}.banner-slide{position:relative;flex:0 0 100%;width:100%;min-height:400px;background:#e0e0e0}.banner-slide-link{display:block;width:100%;height:100%;position:relative}.banner-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden;background:#d0d0d0}.banner-image{width:100%;height:100%;object-fit:cover;display:block;opacity:1!important}.banner-image-mobile{display:block}.banner-image-desktop{display:none}@media screen and (min-width: 750px){.banner-image-mobile{display:none}.banner-image-desktop{display:block}}.banner-placeholder{width:100%;height:100%;object-fit:cover;display:block}.banner-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:20px;pointer-events:none;z-index:2}.banner-content-inner{max-width:800px;pointer-events:auto}.banner-title{font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-text{line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.banner-text p{margin:0}.banner-button{display:inline-block;padding:12px 32px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;text-align:center;pointer-events:auto}.banner-button-classic{border-radius:0;box-shadow:0 2px 8px #00000026}.banner-button-classic:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.banner-button-rounded{border-radius:8px;box-shadow:0 4px 12px #0000001a}.banner-button-rounded:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.banner-button-pill{border-radius:50px;padding:14px 36px;box-shadow:0 4px 15px #0000001a}.banner-button-pill:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.banner-button-outline{background:transparent!important;border:2px solid currentColor;border-radius:8px}.banner-button-outline:hover{background:currentColor!important;color:#fff!important}.banner-button-ghost{background:#ffffff1a!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px}.banner-button-ghost:hover{background:#fff3!important;border-color:#fff6}.banner-button-gradient{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:10px;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.banner-button-gradient:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#764ba2,#667eea);transition:left .3s ease;z-index:0}.banner-button-gradient:hover:before{left:0}.banner-button-gradient span{position:relative;z-index:1}.banner-button-3d{border-radius:8px;box-shadow:0 6px #0003,0 8px 20px #00000026;transform:translateY(0);transition:all .1s ease}.banner-button-3d:hover{transform:translateY(2px);box-shadow:0 4px #0003,0 6px 15px #00000026}.banner-button-3d:active{transform:translateY(4px);box-shadow:0 2px #0003,0 4px 10px #00000026}.banner-button-minimal{background:transparent!important;border:none;padding:12px 0;position:relative;font-weight:500;letter-spacing:.5px}.banner-button-minimal:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(1);transition:transform .3s ease}.banner-button-minimal:hover:after{transform:scaleX(.8)}.banner-button-soft{border-radius:12px;box-shadow:0 8px 24px #0000001f}.banner-button-soft:hover{box-shadow:0 12px 32px #00000029;transform:translateY(-2px)}.banner-button-neon{border-radius:8px;box-shadow:0 0 20px #667eea80;border:2px solid currentColor}.banner-button-neon:hover{box-shadow:0 0 30px #667eeacc,0 0 60px #667eea66}.banner-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.banner-dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.banner-dot:hover{background:#fffc;transform:scale(1.2)}.banner-dot.active{background:#fff;width:32px;border-radius:6px}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:3;opacity:0}.banner-carousel:hover .banner-arrow{opacity:1}.banner-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.banner-arrow-prev{left:20px}.banner-arrow-next{right:20px}.banner-arrow svg{color:#333}@media screen and (max-width: 749px){.banner-slide{min-height:300px}.banner-content{padding:15px}.banner-dots{bottom:15px;gap:8px}.banner-dot{width:10px;height:10px}.banner-dot.active{width:24px}.banner-arrow{display:none}.banner-button{padding:10px 24px}.banner-button-pill{padding:12px 28px}}@media screen and (min-width: 750px){.banner-slide{min-height:500px}.banner-content{padding:40px}.banner-content-inner{max-width:700px}}@media screen and (min-width: 990px){.banner-content{padding:60px}.banner-content-inner{max-width:800px}}.banner-slide{will-change:transform}.banner-arrow:focus,.banner-dot:focus{outline:2px solid #fff;outline-offset:2px}@media screen and (min-width: 1920px){.banner-slide{max-height:1080px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-banner-carousel.css.map */