/* Hero slide visuals – stejné pozadí kolem všech slidů */
.hero-visual-wrap {
    display: none;
    width: 100%;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    background: transparent;
}

@media (min-width: 1024px) {
    .hero-visual-wrap {
        display: flex !important;
    }
}

.hero-visual {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    border-radius: 0 !important;
    object-fit: contain;
    object-position: center;
    /* Černé pozadí PNG zmizí do tmavého hero – kolem zůstane stejný gradient sekce */
    mix-blend-mode: lighten;
    background: transparent !important;
}

img.hero-visual[src*="sch.png"] {
    transform: scale(1.08);
    transform-origin: center center;
}

/* Stejná výška hero u všech slidů (ne podle délky textu) */
.hero-slides {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
}

.hero-slides > .hero-slide {
    grid-area: 1 / 1 !important;
    width: 100% !important;
    position: relative !important;
    inset: auto !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 0;
    transform: translateX(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.hero-slides > .hero-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1 !important;
    transform: translateX(0) !important;
}