/**
 * Image float blocks — mobile layout (all zzzippysites using master theme).
 * Images are full viewport width with no side margins; copy keeps readable padding.
 */
@media (max-width: 768px) {
    #main .imagefloat-fullwidth-bg,
    #main .imageFloat,
    #main [id^="me"].imageFloat {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    #main .imageFloat {
        flex-direction: column !important;
    }

    #main .imageFloat.imgleft,
    #main .imageFloat.imgright,
    #main .imageFloat.imgtop,
    #main .imageFloat.imgbottom,
    #main .imageFloat.rightFloat {
        flex-direction: column !important;
    }

    /* Image column: edge-to-edge (break out of padded #main / columns) */
    #main .imageFloat .widerMan,
    #main .imageFloat a.widerMan,
    #main .imageFloat > .widerMan,
    #main .imageFloat > a.widerMan {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    #main .imageFloat img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none;
    }

    #main .imageFloat.imgleft img,
    #main .imageFloat.imgright img,
    #main .imageFloat.imgtop img,
    #main .imageFloat.imgbottom img,
    #main .imageFloat.shaded img {
        margin: 0 !important;
    }

    #main .imageFloat .embed-container {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-bottom: 56.25%;
    }

    /* Copy below image — symmetric padding, no desktop % width offset */
    #main .imageFloat .listOneText {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 1rem 4vw 0 !important;
        box-sizing: border-box;
        text-align: center;
    }
}