.rhs{--rhs-accent: #ff3b3b;position:relative;width:100%}.rhs__track{position:relative;width:100%;aspect-ratio:16 / 7;min-height:280px;overflow:hidden}@media screen and (max-width:749px){.rhs__track{aspect-ratio:4 / 5;min-height:380px}}.rhs__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1;transition:opacity .9s ease;pointer-events:none}.rhs__slide--active{opacity:1;z-index:2;pointer-events:auto}.rhs__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 6.5s ease}.rhs__slide--active .rhs__img{transform:scale(1)}.rhs__img--placeholder{background:linear-gradient(135deg,#1a1a1a,#3a3a3a)}.rhs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#0009)}.rhs__content{position:absolute;left:0;bottom:0;z-index:3;padding:clamp(20px,4vw,56px);max-width:600px;color:#fff}.rhs__tag{display:inline-block;background:var(--rhs-accent);color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;margin-bottom:12px;font-weight:700}.rhs__heading{margin:0 0 8px;font-size:clamp(24px,4vw,44px);line-height:1.1;font-weight:800;color:#fff}.rhs__text{margin:0 0 18px;color:#ffffffe0;font-size:clamp(14px,1.6vw,17px)}.rhs__cta{display:inline-block;background:#fff;color:#111;text-decoration:none;font-weight:700;font-size:14px;padding:11px 24px;border-radius:8px;transition:transform .2s ease}.rhs__cta:hover{transform:translateY(-2px)}.rhs__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:20px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.rhs__nav:hover{background:#ffffff4d}.rhs__nav--prev{left:16px}.rhs__nav--next{right:16px}.rhs__pagination{display:flex;justify-content:center;gap:10px;padding:16px 0}.rhs__dot{position:relative;width:40px;height:4px;border-radius:2px;background:#00000026;border:none;cursor:pointer;overflow:hidden;padding:0}.rhs__dot-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#111;border-radius:2px;display:block}.rhs__dot--active .rhs__dot-fill{animation:rhsFill var(--rhs-duration, 5s) linear forwards}.rhs__dot--done .rhs__dot-fill{width:100%}@keyframes rhsFill{0%{width:0%}to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/rukasa-hero-slider.css.map */