.wp-block-zaites-hero-slider.zhs-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: var(--zhs-height-desktop, 560px);
    background: #202020;
}

.zhs-slider *, .zhs-slider *::before, .zhs-slider *::after { box-sizing: border-box; }
.zhs-track { position: relative; width: 100%; min-height: inherit; }
.zhs-slide {
    position: absolute;
    inset: 0;
    min-height: var(--zhs-height-desktop, 560px);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity .6s ease, visibility .6s ease;
    color: var(--zhs-text-color, #fff);
}
.zhs-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.zhs-overlay { position: absolute; inset: 0; background: #000; opacity: var(--zhs-overlay, .35); pointer-events: none; }
.zhs-content-wrap {
    position: relative;
    z-index: 2;
    min-height: inherit;
    width: 100%;
    display: flex;
    padding: 0 var(--zhs-side-padding, 40px);
}
.zhs-valign-top .zhs-content-wrap { align-items: flex-start; }
.zhs-valign-center .zhs-content-wrap { align-items: center; }
.zhs-valign-bottom .zhs-content-wrap { align-items: flex-end; }
.zhs-content-container {
    width: 100%;
    max-width: var(--zhs-container-width, 1200px);
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(28px, 6vw, 88px);
    padding-bottom: clamp(28px, 6vw, 88px);
}
.zhs-content { width: min(100%, var(--zhs-content-width, 520px)); color: inherit; }
.zhs-align-left .zhs-content { margin-right: auto; text-align: left; }
.zhs-align-center .zhs-content { margin-left: auto; margin-right: auto; text-align: center; }
.zhs-align-right .zhs-content { margin-left: auto; text-align: right; }
.zhs-title { color: inherit; font-size: clamp(2rem, 4vw, 4.5rem); line-height: 1.05; margin: 0 0 .3em; }
.zhs-text { color: inherit; font-size: clamp(1rem, 1.4vw, 1.25rem); line-height: 1.55; }
.zhs-text p { margin: 0 0 1em; }
.zhs-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: .6rem;
    padding: .75rem 1.3rem;
    border-radius: 4px;
    background: #fff;
    color: #111;
    text-decoration: none;
    font-weight: 600;
    transition: transform .2s ease, opacity .2s ease;
}
.zhs-button:hover, .zhs-button:focus { transform: translateY(-1px); opacity: .92; color: #111; }
.zhs-arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    padding: 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 34px;
    line-height: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,.55);
}
.zhs-prev { left: 18px; }
.zhs-next { right: 18px; }
.zhs-arrow:hover, .zhs-arrow:focus { background: transparent; opacity: .72; }
.zhs-dots { position: absolute; z-index: 5; left: 50%; bottom: 18px; transform: translateX(-50%); display: flex; gap: 9px; }
.zhs-dot { width: 11px; height: 11px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; }
.zhs-dot.is-active { background: #fff; }
.zhs-arrow:focus-visible, .zhs-dot:focus-visible, .zhs-button:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }

@media (max-width: 782px) {
    .wp-block-zaites-hero-slider.zhs-slider,
    .zhs-slide { min-height: var(--zhs-height-mobile, 430px); }
    .zhs-content-wrap { padding-left: 22px; padding-right: 22px; }
    .zhs-content-container { padding-top: 36px; padding-bottom: 58px; }
    .zhs-content { width: 100%; max-width: var(--zhs-content-width, 520px); }
    .zhs-arrow { width: auto; height: auto; padding: 6px; font-size: 28px; }
    .zhs-prev { left: 10px; }
    .zhs-next { right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .zhs-slide, .zhs-button { transition: none; }
}