.hero-slider{position:relative;height:var(--slide-height-mobile, 500px);overflow:hidden;width:100%;opacity:0;transition:opacity .3s ease}@media screen and (min-width: 768px){.hero-slider{height:var(--slide-height-desktop, 650px)}}.hero-slider.is-initialized{opacity:1}.hero-slider .swiper{width:100%;height:100%;overflow:hidden}.hero-slider .swiper-slide{position:relative;height:100%;width:100%!important;overflow:hidden;flex-shrink:0}.hero-slider .swiper-wrapper{display:flex;height:100%;width:100%}.hero-slider .slide-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-slider .slide-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease,transform 1.2s ease;transform:scale(1.1)}.hero-slider .slide-image.is-loaded{opacity:1;transform:scale(1)}.hero-slider .swiper-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#0000004d,#00000080);z-index:2}.hero-slider .swiper-slide .overlay-dark:after{background:linear-gradient(to bottom,#0006,#00000080,#000000b3)}.hero-slider .slide-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-loose, 1.5rem);max-width:600px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.hero-slider .swiper-slide-active .slide-content{opacity:1;transform:translateY(0)}.hero-slider .slide-content.align-left{margin-right:auto;margin-left:var(--spacing-loose, 1.5rem);text-align:left}.hero-slider .slide-content.align-center{margin:0 auto;text-align:center}.hero-slider .slide-content.align-right{margin-left:auto;margin-right:var(--spacing-loose, 1.5rem);text-align:right}.hero-slider .slide-content.text-light{color:var(--color-light, #FFFFFF)}.hero-slider .slide-content.text-dark{color:var(--color-dark, #000000)}.hero-slider .slide-overline{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-tight, .5rem);font-weight:var(--font-weight-medium, 500);color:inherit}.hero-slider .slide-heading{font-size:2rem;line-height:1.2;margin-top:0;margin-bottom:var(--spacing-base, 1rem);font-weight:var(--font-weight-bold, 700);color:inherit}.hero-slider .slide-text{font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-loose, 1.5rem);font-weight:var(--font-weight-regular, 400);color:inherit}.hero-slider .slide-button{display:inline-block;padding:var(--spacing-tight, .5rem) var(--spacing-loose, 1.5rem);font-size:.875rem;font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-base, 8px);transition:all .3s ease;text-decoration:none}.hero-slider .slide-button--primary{background-color:var(--color-primary, #B62921);color:var(--color-light, #FFFFFF);border:2px solid var(--color-primary, #B62921)}.hero-slider .slide-button--primary:hover,.hero-slider .slide-button--primary:focus{background-color:var(--color-primary-hover, #CB4137);border-color:var(--color-primary-hover, #CB4137);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hero-slider .slide-button--secondary{background-color:transparent;color:var(--color-light, #FFFFFF);border:2px solid var(--color-light, #FFFFFF)}.hero-slider .slide-button--secondary:hover,.hero-slider .slide-button--secondary:focus{background-color:var(--color-light, #FFFFFF);color:var(--color-primary, #B62921);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next{width:3.5rem;height:3.5rem;background-color:#ffffff4d;border:2px solid rgba(255,255,255,.6);border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;color:var(--color-light, #FFFFFF);z-index:10}.hero-slider .swiper-button-prev:hover,.hero-slider .swiper-button-next:hover,.hero-slider .swiper-button-prev:focus,.hero-slider .swiper-button-next:focus{background-color:var(--color-primary, #B62921);border-color:var(--color-primary, #B62921);transform:scale(1.1)}.hero-slider .swiper-button-prev:after,.hero-slider .swiper-button-next:after{font-size:1.5rem;font-weight:700;color:var(--color-light, #FFFFFF);text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-slider .swiper-pagination{bottom:var(--spacing-loose, 1.5rem)!important}.hero-slider .swiper-pagination-bullet{width:.75rem;height:.75rem;background-color:#ffffff4d;border:2px solid rgba(255,255,255,.6);opacity:1;transition:all .3s ease}.hero-slider .swiper-pagination-bullet-active{background-color:var(--color-primary, #B62921);border-color:var(--color-light, #FFFFFF);transform:scale(1.2)}.hero-slider .hero-slider__skip{position:absolute;left:-9999px;z-index:10;background:var(--color-light, #FFFFFF);color:var(--color-dark, #000000);padding:var(--spacing-tight, .5rem) var(--spacing-base, 1rem);border-radius:var(--radius-base, 8px);font-size:.875rem;font-weight:var(--font-weight-medium, 500);border:none;cursor:pointer}.hero-slider .hero-slider__skip:focus{left:var(--spacing-base, 1rem);top:var(--spacing-base, 1rem);outline:2px solid var(--color-primary, #B62921);outline-offset:2px}@media screen and (max-width: 767px){.hero-slider .slide-heading{font-size:1.75rem}.hero-slider .slide-content{padding:var(--spacing-base, 1rem);max-width:100%}.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next{width:2.5rem;height:2.5rem}.hero-slider .swiper-button-prev:after,.hero-slider .swiper-button-next:after{font-size:1rem}.hero-slider .slide-content.align-left,.hero-slider .slide-content.align-right{margin-left:var(--spacing-base, 1rem);margin-right:var(--spacing-base, 1rem)}}@media screen and (min-width: 768px) and (max-width: 1023px){.hero-slider .slide-heading{font-size:2.25rem}.hero-slider .slide-content{max-width:500px}.hero-slider .slide-content.align-left{margin-left:var(--spacing-extra-loose, 2rem)}.hero-slider .slide-content.align-right{margin-right:var(--spacing-extra-loose, 2rem)}}@media screen and (min-width: 1024px){.hero-slider .slide-heading{font-size:2.5rem}.hero-slider .slide-text{font-size:1.125rem}.hero-slider .slide-content.align-left{margin-left:calc(var(--spacing-extra-loose, 2rem) * 2)}.hero-slider .slide-content.align-right{margin-right:calc(var(--spacing-extra-loose, 2rem) * 2)}}@media (prefers-reduced-motion: reduce){.hero-slider .slide-image,.hero-slider .slide-content,.hero-slider .swiper-button-prev,.hero-slider .swiper-button-next,.hero-slider .slide-button{transition:none!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-hero-slider.css.map */