.hero{position:relative;overflow:hidden;width:100%;background:linear-gradient(135deg,#8b4513,sienna,peru,#d4a574);min-height:0}.hero-slider{position:relative;width:100%;background:linear-gradient(135deg,#8b4513,sienna,peru,#d4a574);min-height:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#8b4513;background-image:linear-gradient(135deg,#8b4513,sienna,peru,#d4a574)}.hero-slide--clickable{cursor:pointer}.hero-slide__link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;cursor:pointer;display:block}.hero-slide--clickable:before,.hero-slide--clickable:after{pointer-events:none}.hero-slide.active{opacity:1!important;z-index:1!important}.hero-slide--placeholder{background:linear-gradient(135deg,#8b4513,sienna,peru,#d4a574)!important}.hero-slide:not([style*=background-image]){background:linear-gradient(135deg,#8b4513,sienna,peru,#d4a574)!important}.hero-slide__wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:4}.hero-slide__container{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center;pointer-events:none}@media screen and (min-width: 990px){.hero-slide__container{padding:6rem 2rem}}.hero-slide__content{position:relative;z-index:3;text-align:center;color:#fff;padding:0;width:100%;max-width:800px;margin:0 auto;pointer-events:none}.hero-slide__heading{margin-bottom:2.5rem;font-weight:700;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.5);animation:fadeInUp .8s ease-out;font-size:3.5rem;color:#fff}@media screen and (min-width: 990px){.hero-slide__heading{font-size:4.5rem}}.hero-slide__text{max-width:100%;margin:0 auto 3rem;line-height:1.8;animation:fadeInUp .8s ease-out .2s both;font-size:1.6rem;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5)}@media screen and (min-width: 990px){.hero-slide__text{max-width:700px;font-size:2rem}}.hero-slide__button{animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff40;border:none;color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s ease;z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;pointer-events:auto}.hero-nav:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.hero-nav:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.hero-nav.prev{left:20px}.hero-nav.next{right:20px}.hero-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:8;pointer-events:auto}.hero-indicator{width:12px;height:12px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;padding:0;margin:0}.hero-indicator.active{background:gold;border-color:gold;width:32px;border-radius:6px}.hero-indicator:hover{background:#fff9}.hero-indicator:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.hero-slide__button{display:inline-block;background:linear-gradient(135deg,gold,#dab549);color:#fff;padding:1.2rem 3rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;box-shadow:0 4px 15px #ffd7004d;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out .4s both;text-shadow:0 2px 4px rgba(0,0,0,.2);pointer-events:auto;z-index:7}@media screen and (min-width: 990px){.hero-slide__button{padding:1.4rem 3.5rem;font-size:1.6rem}}.hero-slide__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.hero-slide__button:hover:before{left:100%}.hero-slide__button:hover{transform:translateY(-4px);box-shadow:0 8px 25px #ffd70080;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ffe135,gold)}.hero-slide__button:active{transform:translateY(-2px)}.hero-slide{opacity:1!important}@media screen and (max-width: 1024px){.hero-nav{width:45px;height:45px;font-size:1rem}.hero-nav.prev{left:20px}.hero-nav.next{right:20px}}@media screen and (max-width: 768px){.hero-slide{background-image:var(--mobile-image, var(--desktop-image))!important}.hero-slide__container{padding:3rem 1.5rem;gap:3rem}.hero-slide__products{gap:1rem}.hero-slide__product{width:120px;height:160px}.hero-nav{width:45px;height:45px;font-size:1rem}.hero-nav.prev{left:10px}.hero-nav.next{right:10px}.hero-indicators{bottom:20px}.hero-slide__heading{font-size:2.8rem!important;margin-bottom:2rem;text-shadow:0 4px 20px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.5)!important}.hero-slide__text{font-size:1.5rem!important;margin-bottom:2.5rem;text-shadow:0 3px 15px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5)!important}.hero-slide__button{padding:1rem 2.5rem;font-size:1.3rem}}@media screen and (max-width: 480px){.hero-slide__container{padding:2rem 1rem;gap:2rem}.hero-slide__products{gap:.8rem}.hero-slide__product{width:100px;height:140px}.hero-nav{width:40px;height:40px;font-size:.9rem}.hero-nav.prev{left:5px}.hero-nav.next{right:5px}.hero-indicators{bottom:15px}.hero-indicator{width:10px;height:10px}.hero-indicator.active{width:24px}.hero-slide__heading{font-size:2.5rem!important;line-height:1.3;margin-bottom:1.5rem;text-shadow:0 4px 20px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.6),0 0 5px rgba(0,0,0,.5)!important}.hero-slide__text{font-size:1.4rem!important;margin-bottom:2rem;text-shadow:0 3px 15px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5)!important}.hero-slide__button{padding:.9rem 2.2rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hero-banner.css.map */