.white-section {
        position: relative;
        overflow: hidden;
        padding: 40px 5%;
        z-index: 1;
        background-color: unset;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    #map-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(28, 36, 42, 0.6); /* tmavý filtr pro čitelnost textu */
        z-index: 0;
    }

    .hero-content {
        position: relative;
        z-index: 1;
        width: 100%;
    }