/* BJC Smart Studio — independent Frame mobile template.
 * Mirrors the proven Style mobile principle: normal flow, width 100%, min-width
 * 0, and media capped to the available phone width. Frame controls remain Frame-only.
 */
@media (max-width:767px) {
    .bjc-studio-section.bjc-studio-frame-design {
        width:100%; max-width:100%; min-width:0; box-sizing:border-box;
        --bjc-frame-width:100%;
    }
    .bjc-studio-section.bjc-studio-frame-design > .bjc-frame-baseline-stage,
    .bjc-studio-section.bjc-studio-frame-design > .bjc-frame-baseline-footer-stage {
        display:flex; flex-direction:column; align-items:stretch;
        width:100%; max-width:100%; min-width:0;
        margin:0 auto; padding:0; box-sizing:border-box;
    }
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-stage > .bjc-studio-top-content,
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-box,
    .bjc-studio-section.bjc-studio-frame-design .bjc-studio-frame-footer-below {
        width:min(var(--bjc-frame-media-width),100%);
        max-width:100%; min-width:0; box-sizing:border-box;
        align-self:center;
    }
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-media {
        width:100%; max-width:100%; min-width:0; box-sizing:border-box;
    }
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-media > img,
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-media > video,
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-media > iframe,
    .bjc-studio-section.bjc-studio-frame-design .bjc-frame-baseline-media > .bjc-studio-shortcode-embed {
        max-width:100%;
    }



}