.carbona-hero-media[style] {
    background-image: var(--desktop-bg);
}

/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.carbona-hero-media,
.carbona-video-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #3f3f3f;
}

.carbona-video-section .pinned-image__container {
    background: inherit;
}

.carbona-video-section video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 991.98px) {
    .carbona-hero-media {
        min-height: 100svh;
    }
    .carbona-hero-media[style] {
        background-image: var(--mobile-bg) !important;
    }


    .carbona-video-section {
        display: none !important;
    }
}

/* Disable full-screen loader animation to prevent CLS in Lighthouse. */
#preloader {
    display: none !important;
}

.carbona-about-video-poster {
    background-image: url('/upload/carbona-about-poster.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 991.98px) {
    .carbona-about-video-poster {
        background-image: url('/upload/carbona-about-poster-mobile.webp');
    }

    .carbona-about-video-poster video.js-deferred-desktop-video {
        display: none;
    }
}

/* Keep deferred desktop videos out of the mobile layout. */
@media (max-width: 991.98px) {
    video.js-deferred-desktop-video {
        display: none !important;
    }
}

/* Homepage: make the main "Наш отель" image taller on desktop. */
@media (min-width: 992px) {
    .carbona-hotel-main-img {
        width: 100%;
        height: 560px;
        object-fit: cover;
    }
}