@import "components/buttons";
@import "components/highlight_product";

.awaypage {
    background-image: $gra4_j;

    .highlight_product {
        padding: 50px 0;
        min-height: 100vh;

        @include brp($b6) {
            min-height: initial;
        }
    }

    .main_container {
        padding-block-start: 0;
    }

    .media_preview_slider {
        position: relative;
        overflow: hidden;
        pointer-events: none;

        .media_slide {
            position: absolute;
            inset: 0;
            opacity: 0;
            transition: opacity 500ms ease;
        }

        .media_slide.is_active {
            position: relative;
            opacity: 1;
        }
    }
}