.jhb-slider { width: 100%; position: relative; }
.jhb-slider .jhb-track { width: 100%; aspect-ratio: 16 / 5; position: relative; touch-action: pan-y; cursor: default !important; isolation: isolate; }
.jhb-slider .jhb-track:not(.rsHor) > .jhb-slide:not(:first-child) { display: none; }
.jhb-slider .rsOverflow { position: relative; overflow: hidden; width: 100%; height: 100%; float: none; }
.jhb-slider .rsContainer { position: relative; width: 100%; height: 100%; }
.jhb-slider .rsSlide { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
.jhb-slider .jhb-slide { position: relative; width: 100%; height: 100%; overflow: hidden; }
.jhb-slider .jhb-main { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; max-width: none; object-fit: contain; position: relative; z-index: 1; }
.jhb-slider .jhb-layer { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; z-index: 2; opacity: 0; transform: translate(0, 0) scale(1); transition: opacity .6s ease-out, transform .2s ease-out; }
.jhb-slider .jhb-layer.is-loaded { opacity: 1; }
.jhb-slider .jhb-layer.is-broken { display: none; }
.jhb-slider .jhb-link { position: absolute; inset: 0; z-index: 3; display: block; cursor: pointer; }
.jhb-slider .jhb-link:focus-visible { outline: 3px solid var(--color-content-primary, #f62c83); outline-offset: -4px; }
.jhb-slider .jhb-dots { display: none; justify-content: center; gap: 0; width: 100%; margin-top: .5rem; }
.jhb-slider.is-ready .jhb-dots { display: flex; }
.jhb-slider .jhb-dot { appearance: none; border: 0; box-shadow: none; border-radius: 4px; min-width: 20px; width: 20px; height: 20px; padding: 6px; margin: 0; line-height: 1; background: transparent !important; color: var(--color-content-primary, #f62c83); cursor: pointer; }
.jhb-slider .jhb-dot::before, .jhb-slider .jhb-dot::after { display: none; }
.jhb-slider .jhb-dot span { display: block; width: 8px; height: 8px; border-radius: 50%; background: rgba(0, 0, 0, .2); }
.jhb-slider .jhb-dot[aria-pressed="true"] span { background: transparent; box-shadow: 0 0 0 2px currentColor; }
.jhb-slider .jhb-dot:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
    .jhb-slider .jhb-layer { transform: none !important; transition: none; }
}