.zhs{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:#f3ecdd}.zhs__track{width:100%;height:100%;position:relative}.zhs__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.zhs__slide.is-active{opacity:1;pointer-events:auto}.zhs__img{width:100%;height:100%;object-fit:contain;display:block}.zhs__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:0 8%}.zhs__content--left{align-items:flex-start;text-align:left}.zhs__content--center{align-items:center;text-align:center}.zhs__content--right{align-items:flex-end;text-align:right}.zhs__heading{margin:0;color:#fff;font-size:clamp(1.6rem,4vw,3rem);font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(0,0,0,.35);max-width:18ch}.zhs__btn{display:inline-block;background:#fff;color:#1a1a1a;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;padding:13px 30px;border-radius:4px;text-decoration:none;transition:transform .15s ease,background .15s ease}.zhs__btn:hover{transform:translateY(-2px);background:#f0f0f0}.zhs__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffffd9;color:#1a1a1a;font-size:1.6rem;line-height:1;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.zhs__arrow:hover{background:#fff}.zhs__arrow--prev{left:18px}.zhs__arrow--next{right:18px}.zhs__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:9px;z-index:3}.zhs__dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.zhs__dot.is-active{background:#fff;transform:scale(1.2)}@media screen and (max-width:749px){.zhs{height:var(--zhs-height-mobile, 320px)}.zhs__arrow{width:36px;height:36px;font-size:1.3rem}.zhs__arrow--prev{left:10px}.zhs__arrow--next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zeus-hero-slider.css.map */