.hero-bg {
    background-image:
        linear-gradient(90deg,rgba(247,251,255,.90) 0%,rgba(242,248,255,.82) 29%,rgba(238,246,255,.38) 49%,rgba(238,246,255,.07) 66%,rgba(238,246,255,0) 100%),
        var(--hero-image,url(../images/nakliye-hero.webp));
}

.hero-slide .eyebrow,
.hero-slide h1 {
    text-shadow: 0 1px 1px rgba(255,255,255,.75), 0 0 16px rgba(255,255,255,.42);
}

.hero-slide .slider-button-primary {
    background: var(--slider-button-bg, #0758d5);
    color: var(--slider-button-color, #fff);
}

.hero-slide .slider-button-secondary {
    background: var(--slider-button-2-bg, #fff);
    color: var(--slider-button-2-color, #0758d5);
}

.hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-slide .btn:hover {
    filter: brightness(.94) saturate(1.06);
}

@media (max-width:790px) {
    .hero-bg {
        background-image:
            linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(250,253,255,.82) 42%,rgba(245,250,255,.36) 69%,rgba(240,248,255,.04) 100%),
            var(--hero-image,url(../images/nakliye-hero.webp));
    }
}

@media (max-width:540px) {
    .hero-actions {
        align-items: stretch;
        flex-direction: column;
        width: min(100%, 290px);
    }

    .hero-actions .btn {
        justify-content: center;
        width: 100%;
    }

    .hero-bg {
        background-image:
            linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(251,253,255,.84) 45%,rgba(246,251,255,.38) 70%,rgba(240,248,255,.05) 100%),
            var(--hero-image,url(../images/nakliye-hero.webp));
    }
}