.hero-slider{--hero-interval: 6s;--hero-height: max(220px, 50vw);position:relative;isolation:isolate;overflow:hidden;height:var(--hero-height);background:#e1e1e1;touch-action:pan-y;-webkit-user-select:none;user-select:none}@media(min-width:768px){.hero-slider{--hero-height: max(450px, 50vw)}}@media(min-width:992px){.hero-slider{--hero-height: max(450px, 25vw)}}.hero-slider .hero-slider__slide{position:absolute;inset:0}.hero-slider .hero-slider__slide:not(.is-active,.is-leaving){visibility:hidden}.hero-slider__link{display:block;height:100%;color:#fff;text-decoration:none}.hero-slider__link:hover,.hero-slider__link:focus{color:#fff;text-decoration:none}.hero-slider__image{display:block;width:100%;height:100%;object-fit:cover}.hero-slider__caption{display:none}@media(min-width:768px){.hero-slider__caption{position:absolute;top:105px;right:0;left:0;transform:translateY(-50%);padding:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;letter-spacing:.6px;text-shadow:4px 4px 16px #000}}.hero-slider__title,.hero-slider__subtitle{font-size:30px}.hero-slider__title{font-family:roboto_bold,sans-serif}.hero-slider__subtitle{font-family:roboto_regular,sans-serif}.hero-slider__price{font-size:16px}.hero-slider__button{margin-top:20px;padding:0 15px;min-width:170px;line-height:45px;letter-spacing:normal;text-align:center;border-radius:16px;background:#fff;color:#575c69;font-family:roboto_bold,sans-serif;font-size:.9em;text-transform:uppercase;text-shadow:none;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.hero-slider__dots{position:absolute;bottom:15px;left:50%;z-index:2;display:flex;align-items:center;gap:8px;transform:translate(-50%)}.hero-slider__dot{position:relative;overflow:hidden;width:12px;height:12px;padding:0;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000059;cursor:pointer;transition:width .3s ease}.hero-slider__dot.is-active{width:56px}.hero-slider.is-stopped .hero-slider__dot.is-active{width:12px;background:#61ba00}.hero-slider__progress{position:absolute;inset:0;background:#61ba00;transform:scaleX(0);transform-origin:left}.is-active>.hero-slider__progress{animation:hero-slider-progress var(--hero-interval) linear forwards}@media(hover:hover){.hero-slider:hover .hero-slider__progress{animation-play-state:paused}}.hero-slider.is-stopped .hero-slider__progress{animation:none}@media(prefers-reduced-motion:reduce){.hero-slider__progress{animation:none!important}}@keyframes hero-slider-progress{to{transform:scaleX(1)}}
