/* InstaPaket mobile landscape hero - v148 */

.ip-home-page .ip-hero-picture {
    display: contents;
}

@media (max-width: 768px) {
    html body.ip-home-page .ip-hero-shell,
    html[data-theme] body.ip-home-page .ip-hero-shell,
    html[data-ip-theme] body.ip-home-page .ip-hero-shell {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        border-radius: 20px !important;
    }

    html body.ip-home-page .ip-hero-stage,
    html[data-theme] body.ip-home-page .ip-hero-stage,
    html[data-ip-theme] body.ip-home-page .ip-hero-stage {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 3 / 2 !important;
        overflow: hidden !important;
        background: #050914 !important;
        line-height: normal !important;
    }

    html body.ip-home-page .ip-hero-media.ip-hero-media-wide,
    html[data-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide,
    html[data-ip-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide,
    html body.ip-home-page .ip-hero-picture,
    html[data-theme] body.ip-home-page .ip-hero-picture,
    html[data-ip-theme] body.ip-home-page .ip-hero-picture {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }

    html body.ip-home-page .ip-hero-media.ip-hero-media-wide img,
    html[data-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide img,
    html[data-ip-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        transform: none !important;
        opacity: 1 !important;
    }

    html body.ip-home-page .ip-hero-shade,
    html[data-theme] body.ip-home-page .ip-hero-shade,
    html[data-ip-theme] body.ip-home-page .ip-hero-shade {
        display: none !important;
    }

    html body.ip-home-page .ip-hero-media.ip-hero-media-wide ~ .ip-hero-copy,
    html[data-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide ~ .ip-hero-copy,
    html[data-ip-theme] body.ip-home-page .ip-hero-media.ip-hero-media-wide ~ .ip-hero-copy {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    html body.ip-home-page .ip-hero-arrow,
    html[data-theme] body.ip-home-page .ip-hero-arrow,
    html[data-ip-theme] body.ip-home-page .ip-hero-arrow {
        top: 50% !important;
        width: 34px !important;
        height: 44px !important;
        border-radius: 12px !important;
        font-size: 20px !important;
        transform: translateY(-50%) !important;
        background: rgba(3, 7, 17, .68) !important;
        border-color: rgba(255, 255, 255, .24) !important;
        backdrop-filter: blur(10px) !important;
    }

    html body.ip-home-page .ip-hero-tabs,
    html[data-theme] body.ip-home-page .ip-hero-tabs,
    html[data-ip-theme] body.ip-home-page .ip-hero-tabs {
        margin-top: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .10) !important;
    }
}