body {
    /* make background image fixed */
    background-attachment: fixed;
    background-image: url(img/background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* height: 100vh;
    width: 100vw; */
    overflow: scroll;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content-image {
    /* add fadein effect at scroll down*/
    opacity: 0;
    animation: fadein 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
    height: 100vh;
    max-width: 100vw;
    object-fit: cover;
    object-position: center;
    object-fit: contain;
    object-position: center;
}

/* slide pentru hartă (iframe) */
.map-slide {
    height: 90vh;
    width: 100vw;
    max-width: 90vw;
    display: block;
    border: 0;
    margin: 30px;
}

@keyframes fadein {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Overlay animat ursuleț balon */
.floating-bear {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 10;
}

.floating-bear__bob {
    position: absolute;
    left: 4vw;
    top: 50px;
    animation: bear-bob 6s ease-in-out infinite;
    will-change: transform;
}

.floating-bear__img {
    display: block;
    width: min(28vw, 360px);
    height: auto;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,0.25));
    opacity: 0.35;
}

@keyframes bear-bob {
    0% { transform: translateY(0) }
    50% { transform: translateY(-12px) }
    100% { transform: translateY(0) }
}

/* Parallax subtil la scroll (reduce motion respectat) */
@media (prefers-reduced-motion: reduce) {
    .floating-bear__bob { animation: none; }
}

/* Overlay animat stea decorativă */
.floating-star {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9; /* sub ursuleț pentru stratificare plăcută */
}

.floating-star__bob {
    position: absolute;
    right: 4vw;
    bottom: 8vh;
    animation: star-bob 7s ease-in-out infinite;
    will-change: transform;
}

.floating-star__img {
    display: block;
    width: min(18vw, 220px);
    height: auto;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,0.2));
    opacity: 0.35;
}

@keyframes star-bob {
    0% { transform: translateY(0) rotate(0deg) }
    50% { transform: translateY(10px) rotate(2deg) }
    100% { transform: translateY(0) rotate(0deg) }
}

@media (prefers-reduced-motion: reduce) {
    .floating-star__bob { animation: none; }
}