.hero-slideshow{position:relative;overflow:hidden;background:#e8e8e8}.hero-slideshow__track{display:flex;will-change:transform}.hero-slide{min-width:100vw;width:100vw;height:clamp(360px,calc(86vh - var(--header-height, 115px)),900px);min-height:360px;position:relative;overflow:hidden;flex-shrink:0}.hero-slide__img{width:100%;height:100%;object-fit:cover}.hero-slide__img--desktop{display:block!important}.hero-slide__img--mobile{display:none!important}.hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d0d0d0;overflow:hidden}.hero-placeholder .placeholder-svg{width:100%;height:100%;display:block}.hero-slideshow__btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:2px solid rgba(255,255,255,.5);color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background var(--transition)}.hero-slideshow__btn:hover{background:#ffffff4d}.hero-slideshow__btn--prev{left:20px}.hero-slideshow__btn--next{right:20px}.hero-slideshow__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.hero-slideshow__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition)}.hero-slideshow__dot.is-active{background:var(--color-accent);transform:scale(1.25)}.hero-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:var(--spacing-xxl) var(--spacing-xl);background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 50%,transparent 100%);z-index:5}.hero-slide__content{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:640px}.hero-slide__title{font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,3.4rem);font-weight:var(--font-weight-black);text-transform:uppercase;color:#fff;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.4);margin:0}.hero-slide__subtitle{font-size:clamp(.9rem,2vw,1.1rem);font-weight:var(--font-weight-light);color:#ffffffeb;line-height:1.5;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.5)}.hero-slide__btn{align-self:flex-start;margin-top:var(--spacing-sm);padding:12px 28px;font-size:.9rem;letter-spacing:.06em}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-hero.css.map */