.animated-banner{position:relative;width:100%;height:var(--banner-height-mobile, 600px);overflow:hidden;font-family:var(--banner-font-family, Arial, sans-serif);z-index:1}.animated-banner__container{position:relative;width:100%;height:100%;background:#ff8c42;transition:background var(--circle-duration, 1s) ease-in-out}.animated-banner__slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;opacity:0;transition:opacity .6s ease-in-out,transform .6s ease-in-out;transform:translate(100%);z-index:1}.animated-banner__slide:first-child{opacity:1;transform:translate(0)}.animated-banner__slide.active{opacity:1;transform:translate(0);z-index:3}.animated-banner__slide.prev{transform:translate(-100%);opacity:0;z-index:1}.animated-banner__slide.next{transform:translate(100%);opacity:0;z-index:1}.animated-banner__svg-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--svg-width-mobile, 300px);height:var(--svg-height-mobile, 300px);z-index:2;opacity:var(--svg-opacity, .3);pointer-events:none}.animated-banner__svg-background svg{width:100%;height:100%;fill:var(--svg-color, rgba(255, 255, 255, .3))}.animated-banner__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.animated-banner__particle{position:absolute;opacity:0;animation:particleFadeIn .8s ease-out forwards,particleRotate var(--particle-rotation-duration, 8s) ease-in-out infinite}.animated-banner__particle svg{width:var(--particle-size-mobile, 40px);height:var(--particle-size-mobile, 40px);fill:var(--particle-color, rgba(255, 255, 255, .6))}.animated-banner__particle:nth-child(1){top:15%;left:10%;animation-delay:.6s,.6s}.animated-banner__particle:nth-child(2){top:25%;right:15%;animation-delay:.8s,1s}.animated-banner__particle:nth-child(3){bottom:30%;left:8%;animation-delay:1s,1.4s}.animated-banner__particle:nth-child(4){bottom:20%;right:12%;animation-delay:1.2s,1.8s}.animated-banner__particle:nth-child(5){top:45%;right:5%;animation-delay:1.4s,2.2s}.animated-banner__content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;position:relative;z-index:5}.animated-banner__heading-1{font-size:var(--h1-font-size-mobile, clamp(1.8rem, 7vw, 3.5rem));font-weight:var(--h1-font-weight, 900);color:var(--h1-color, white);text-align:center;margin:0 0 10px;letter-spacing:var(--h1-letter-spacing, .05em);line-height:1.1;text-transform:var(--h1-text-transform, uppercase);animation:slideInFromTop .8s ease-out}.animated-banner__heading-1.custom-size{font-size:var(--h1-custom-size-mobile, inherit)}.animated-banner__heading-2{font-size:clamp(1.2rem,4vw,2.2rem);font-weight:var(--h2-font-weight, 700);color:var(--h2-color, rgba(0, 0, 0, .8));text-align:center;margin:0 0 20px;font-style:var(--h2-font-style, italic);animation:slideInFromTop .8s ease-out .2s backwards}.animated-banner__images-container{position:relative;width:100%;max-width:450px;height:280px;margin:10px 0;display:flex;align-items:center;justify-content:center}.animated-banner__main-image{position:relative;z-index:2;max-width:100%;width:var(--img-width-mobile, 90%);height:auto;animation:rotateAndScale 1s ease-out .4s backwards,hover var(--hover-duration, 3s) ease-in-out 1.4s infinite}.animated-banner__secondary-image{position:absolute;top:var(--secondary-top, 10%);left:var(--secondary-left, 5%);width:var(--secondary-width-mobile, 35%);max-width:160px;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:var(--secondary-border-width, 4px) solid var(--secondary-border-color, white);box-shadow:0 10px 30px #0003;z-index:1;animation:fadeIn .8s ease-out .6s backwards}.animated-banner__button{display:inline-block;padding:var(--button-padding-mobile, 14px 50px);font-size:var(--button-font-size-mobile, 1.2rem);font-weight:var(--button-font-weight, 700);color:var(--button-text-color, #333);background-color:var(--button-bg-color, white);border:var(--button-border-width, 0) solid var(--button-border-color, transparent);border-radius:var(--button-border-radius, 50px);text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px #00000026;animation:fadeInUp .8s ease-out .8s backwards;position:relative;z-index:3}.animated-banner__button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040;background-color:var(--button-bg-hover-color, white);color:var(--button-text-hover-color, #333)}.animated-banner__nav{position:absolute;bottom:var(--nav-bottom-mobile, 40px);left:50%;transform:translate(-50%);display:flex;gap:var(--nav-gap, 15px);z-index:10}.animated-banner__dot{width:var(--dot-size-mobile, 10px);height:var(--dot-size-mobile, 10px);border-radius:50%;background-color:var(--dot-color, rgba(255, 255, 255, .6));border:none;cursor:pointer;transition:all .3s ease;padding:0}.animated-banner__dot.active{background-color:var(--dot-active-color, white);transform:scale(var(--dot-active-scale, 1.3))}.animated-banner__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--arrow-size-mobile, 55px);height:var(--arrow-size-mobile, 55px);border-radius:50%;background-color:var(--arrow-bg-color, rgba(64, 34, 8, .9));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.animated-banner__arrow:hover{background-color:var(--arrow-bg-hover-color, rgba(64, 34, 8, 1));transform:translateY(-50%) scale(1.1)}.animated-banner__arrow--left{left:var(--arrow-left-position, 25px)}.animated-banner__arrow--right{right:var(--arrow-right-position, 25px)}.animated-banner__arrow svg{width:var(--arrow-icon-size, 24px);height:var(--arrow-icon-size, 24px);fill:var(--arrow-icon-color, white)}.animated-banner__background-transition{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:0}.animated-banner__background-transition.fade{transition:opacity var(--transition-duration, .8s) ease-in-out}.animated-banner__background-transition.fade.active{opacity:1}.animated-banner__background-transition.slide-right{transform:translate(-100%);opacity:1;transition:transform var(--transition-duration, .8s) cubic-bezier(.65,0,.35,1)}.animated-banner__background-transition.slide-right.active{transform:translate(0)}.animated-banner__background-transition.slide-left{transform:translate(100%);opacity:1;transition:transform var(--transition-duration, .8s) cubic-bezier(.65,0,.35,1)}.animated-banner__background-transition.slide-left.active{transform:translate(0)}.animated-banner__background-transition.slide-down{transform:translateY(-100%);opacity:1;transition:transform var(--transition-duration, .8s) cubic-bezier(.65,0,.35,1)}.animated-banner__background-transition.slide-down.active{transform:translateY(0)}.animated-banner__background-transition.slide-up{transform:translateY(100%);opacity:1;transition:transform var(--transition-duration, .8s) cubic-bezier(.65,0,.35,1)}.animated-banner__background-transition.slide-up.active{transform:translateY(0)}.animated-banner__background-transition.zoom-in{transform:scale(0);opacity:1;transition:transform var(--transition-duration, .8s) cubic-bezier(.34,1.56,.64,1)}.animated-banner__background-transition.zoom-in.active{transform:scale(1)}.animated-banner__background-transition.zoom-out{transform:scale(2);opacity:0;transition:transform var(--transition-duration, .8s) ease-in-out,opacity var(--transition-duration, .8s) ease-in-out}.animated-banner__background-transition.zoom-out.active{transform:scale(1);opacity:1}.animated-banner__background-transition.diagonal-wipe{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:1;transition:clip-path var(--transition-duration, .8s) cubic-bezier(.65,0,.35,1)}.animated-banner__background-transition.diagonal-wipe.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(var(--hover-distance, -20px))}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateAndScale{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes particleFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes particleRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-5deg) scale(1.05)}}@media (min-width: 769px){.animated-banner{height:var(--banner-height-desktop, 550px)}.animated-banner__slide{flex-direction:column;align-items:center;justify-content:center;padding:var(--slide-padding-desktop, 40px 150px);gap:20px}.animated-banner__content-wrapper{width:100%;max-width:800px;text-align:center;align-items:center}.animated-banner__heading-1{text-align:center;font-size:var(--h1-font-size-desktop, clamp(2.5rem, 5vw, 4.5rem));margin-bottom:15px}.animated-banner__heading-1.custom-size{font-size:var(--h1-custom-size-desktop, inherit)}.animated-banner__heading-2{text-align:center;font-size:clamp(1.5rem,3vw,3rem);margin-bottom:25px}.animated-banner__images-container{width:100%;max-width:600px;height:380px;margin:10px 0}.animated-banner__main-image{width:var(--img-width-desktop, 85%);max-width:500px}.animated-banner__secondary-image{width:var(--secondary-width-desktop, 30%);max-width:180px;border:var(--secondary-border-width-desktop, 5px) solid var(--secondary-border-color, white)}.animated-banner__svg-background{width:var(--svg-width-desktop, 400px);height:var(--svg-height-desktop, 400px)}.animated-banner__button{align-self:center;padding:var(--button-padding-desktop, 16px 55px);font-size:var(--button-font-size-desktop, 1.25rem)}.animated-banner__nav{bottom:var(--nav-bottom-desktop, 40px)}.animated-banner__dot{width:var(--dot-size-desktop, 10px);height:var(--dot-size-desktop, 10px)}.animated-banner__arrow{width:var(--arrow-size-desktop, 55px);height:var(--arrow-size-desktop, 55px)}.animated-banner__particle svg{width:var(--particle-size-desktop, 60px);height:var(--particle-size-desktop, 60px)}}@media (max-width: 768px){.animated-banner{height:var(--banner-height-mobile, 600px)}.animated-banner__slide{padding:var(--slide-padding-mobile, 25px 20px 20px 20px)}.animated-banner__heading-1{font-size:clamp(1.8rem,9vw,2.8rem);margin-bottom:8px}.animated-banner__heading-2{font-size:clamp(1.1rem,5.5vw,1.8rem);margin-bottom:15px}.animated-banner__images-container{height:260px;max-width:100%;margin:10px 0 15px}.animated-banner__main-image{width:var(--img-width-mobile, 90%)}.animated-banner__secondary-image{width:var(--secondary-width-mobile, 38%);max-width:140px;border:var(--secondary-border-width-mobile, 3px) solid var(--secondary-border-color, white)}.animated-banner__arrow{width:var(--arrow-size-mobile, 50px);height:var(--arrow-size-mobile, 50px)}.animated-banner__arrow--left{left:var(--arrow-left-position-mobile, 15px)}.animated-banner__arrow--right{right:var(--arrow-right-position-mobile, 15px)}.animated-banner__arrow svg{width:var(--arrow-icon-size, 24px);height:var(--arrow-icon-size, 24px)}.animated-banner__button{padding:var(--button-padding-mobile, 14px 45px);font-size:var(--button-font-size-mobile, 1.15rem)}.animated-banner__nav{bottom:var(--nav-bottom-mobile, 20px)}.animated-banner__dot{width:var(--dot-size-mobile, 8px);height:var(--dot-size-mobile, 8px)}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */