/* mobile menu */

#mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}
#mobile-menu.open {
    transform: translateX(0);
}

/* bg fade */ 

@media (min-width: 640px) {
    #szolgaltatasaink::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 8rem;
        background: linear-gradient(to bottom, rgb(1 50 50 / 1), transparent);
        pointer-events: none;
        z-index: 1;
    }
}

/* galeria */

#prev-button, #next-button {
    top: 50%;
    transform: translateY(-50%);
}

#gallery-wrapper {
    width: 100%;
    aspect-ratio: 2 / 1;
}

#gallery {
    height: 100%;
    display: flex;
}

.image-container {
    flex: 0 0 50%;
    aspect-ratio: 1 / 1;
    padding: 0.5rem;
    box-sizing: border-box;
}

.image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px) {
    #gallery-wrapper {
        aspect-ratio: 1 / 1;
    }

    .image-container {
        flex: 0 0 100%;
    }

    #prev-button, #next-button {
        transform: none;
        top: auto;
        bottom: -2rem;
    }

    #prev-button {
        left: 1rem;
        bottom: -4rem;
    }

    #next-button {
        right: 1rem;
        bottom: -4rem;
    }
}

/* szolg */

    .details-section {
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
        opacity: 0;
    }

    .details-section:not(.hidden) {
        opacity: 1;
    }