/* float-center.css -- portrait-flow layout for authored floating Stage Swap images. */

.feat-float-center > .elementor-widget-container {
    transform: translate(-50%, -50%);
}

.feat-float-center img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Match Stage Swap's native-flow breakpoints: phone portrait and coarse tablet portrait. */
@media (max-width: 768px) and (orientation: portrait),
    (min-width: 769px) and (max-width: 1180px) and (orientation: portrait) and (pointer: coarse) {
    .feat-float-center {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: min(72vw, 320px) !important;
        max-width: 320px !important;
        margin: 18px auto 0 !important;
        align-self: center !important;
    }

    .feat-float-center > .elementor-widget-container {
        transform: none !important;
    }

    .feat-float-center img {
        width: 100%;
        max-width: none;
    }
}