/* Mesazhi.net Reels — app-like Facebook/Instagram style */
html.mr-fullscreen-app, body.mr-fullscreen-app{margin:0!important;padding:0!important;background:#050505!important}
body.mr-fullscreen-app{overflow:hidden!important}
body.mr-fullscreen-app #wpadminbar{display:none!important}
#mesazhi-reels-app-root{width:100%;min-height:100dvh;background:#fff}
.mr-page{position:relative;width:100%;height:calc(100dvh - var(--mr-desktop-top-space, 0px));margin-top:var(--mr-desktop-top-space, 0px);overflow:hidden;background:#050505;color:#fff;font-family:inherit}
.mr-topbar{position:absolute;left:0;right:0;top:0;height:68px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(rgba(0,0,0,.7),transparent);color:#fff;border:0;pointer-events:none}
.mr-topbar-left{display:flex;align-items:center;gap:8px;pointer-events:auto}
.mr-back-btn{appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;font-size:30px!important;line-height:1!important;cursor:pointer!important;text-shadow:0 1px 4px #000!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mr-back-btn:hover{background:rgba(255,255,255,.12)!important}
.mr-title{font-size:25px!important;font-weight:800!important;letter-spacing:-.3px;text-shadow:0 1px 4px #000}
.mr-add-btn{pointer-events:auto!important;appearance:none!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;padding:9px 16px!important;background:rgba(0,0,0,.42)!important;color:#fff!important;font-weight:700!important;font-size:14px!important;cursor:pointer!important;line-height:1!important;backdrop-filter:blur(8px)!important;box-shadow:none!important}
.mr-add-btn:hover{background:rgba(255,255,255,.18)!important}
.mr-feed{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-y:contain;background:#050505}
.mr-feed::-webkit-scrollbar{display:none}
.mr-reel{position:relative;width:100%;height:100%;min-height:0!important;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000;isolation:isolate}
.mr-video-wrap,.mr-video{position:absolute;inset:0;width:100%;height:100%}
.mr-video{display:block;object-fit:contain;background:#000;cursor:pointer}
.mr-gradient{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 25%,transparent 55%,rgba(0,0,0,.86) 100%)}
.mr-author{position:absolute;left:28px;bottom:122px;z-index:4;display:flex;align-items:center;gap:10px;font-weight:700;text-shadow:0 1px 4px #000}
.mr-author img{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #fff!important}
.mr-author a{color:#fff!important;text-decoration:none!important}
.mr-info{position:absolute;left:28px;bottom:28px;z-index:4;max-width:min(680px,calc(100% - 140px));color:#fff;text-shadow:0 1px 4px #000}
.mr-info h3{font-size:18px!important;line-height:1.25;margin:0 0 5px!important;color:#fff!important;font-weight:750!important}
.mr-desc{font-size:14px;line-height:1.42}.mr-desc p{margin:0 0 4px}.mr-audio{margin-top:7px;font-size:13px}
.mr-actions{position:absolute;right:22px;bottom:30px;z-index:5;display:flex;flex-direction:column;gap:14px}
.mr-action{appearance:none!important;width:50px!important;min-height:50px!important;padding:4px!important;border:0!important;background:rgba(0,0,0,.28)!important;color:#fff!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:25px!important;line-height:1!important;text-shadow:0 1px 4px #000;border-radius:50%!important;backdrop-filter:blur(5px)!important}
.mr-action b{font-size:11px!important;font-weight:600!important;color:#fff!important}.mr-action.is-active{color:#ff365f!important}
.mr-play,.mr-sound{position:absolute!important;z-index:5!important;border:0!important;background:rgba(0,0,0,.4)!important;color:#fff!important;border-radius:50%!important;width:50px!important;height:50px!important;cursor:pointer!important;backdrop-filter:blur(5px)!important}
.mr-play{top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.mr-reel:hover .mr-play{opacity:.9}.mr-sound{top:20px;right:20px}
.mr-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.24);z-index:6}.mr-progress span{display:block;width:0;height:100%;background:#fff}
.mr-view-count{position:absolute;top:20px;left:20px;z-index:4;font-size:12px;background:rgba(0,0,0,.35);padding:6px 10px;border-radius:20px}
.mr-ad-card{width:100%;height:100%;min-height:0!important;scroll-snap-align:start;background:#fff;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.mr-ad-label{position:absolute;top:80px;right:15px;background:#eee;border-radius:15px;padding:5px 10px;font-size:12px}.mr-ad-code{max-width:100%;max-height:90%;overflow:auto}
.mr-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#aaa;background:#050505;font-size:15px}
.mr-comments-panel{position:absolute!important;right:0;bottom:0;width:min(420px,100%);height:62%;background:rgba(255,255,255,.98);color:#111;z-index:10;border-radius:18px 18px 0 0;display:flex;flex-direction:column}.mr-comments-head{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #ddd}.mr-comments-head button{border:0;background:none;font-size:24px;cursor:pointer}.mr-comments-list{overflow:auto;padding:10px;flex:1}.mr-comment{display:flex;gap:9px;padding:9px 0}.mr-comment img{width:34px;height:34px;border-radius:50%}.mr-comment p{margin:2px 0;font-size:14px}.mr-comment-form{display:flex;border-top:1px solid #ddd;padding:10px;gap:8px}.mr-comment-form input{flex:1;border:1px solid #ccc;border-radius:20px;padding:10px}.mr-comment-form button{border:0;border-radius:50%;width:40px;background:#255263;color:#fff}.mr-login-comment{padding:15px}
.mr-upload-modal{position:fixed!important;inset:0!important;z-index:999999!important}.mr-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.75)}.mr-modal{position:relative;background:#fff;color:#111;width:min(520px,calc(100% - 30px));margin:8vh auto;padding:25px;border-radius:18px;z-index:2}.mr-modal h2{margin-top:0}.mr-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.mr-upload-form label{display:block;font-weight:700;margin:15px 0}.mr-upload-form input[type=text],.mr-upload-form textarea,.mr-upload-form input[type=file]{width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid #ccc;border-radius:8px}.mr-upload-progress{height:5px;background:#eee;margin:15px 0;border-radius:4px}.mr-upload-progress span{display:block;width:0;height:100%;background:#255263}.mr-form-message{padding-top:10px;font-size:14px}
@media(min-width:900px){.mr-feed{padding:0 0}.mr-reel,.mr-ad-card{width:min(760px,100%);margin:0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.02)}.mr-topbar{padding-left:28px;padding-right:28px}}
@media(max-width:700px){.mr-page{height:calc(100dvh - var(--mr-mobile-bottom-space, 0px));margin-top:0;margin-bottom:var(--mr-mobile-bottom-space, 0px)}.mr-topbar{height:62px;padding:0 15px}.mr-title{font-size:21px!important}.mr-add-btn{padding:10px 15px!important}.mr-author{left:15px;bottom:116px}.mr-info{left:15px;bottom:23px;max-width:calc(100% - 95px)}.mr-actions{right:9px;bottom:24px;gap:12px}.mr-action{width:46px!important;min-height:46px!important;font-size:22px!important}.mr-sound{right:12px;top:70px}.mr-view-count{left:12px;top:72px}}


/* BuddyPress activity: compact Reel preview */
.mr-bp-activity-reel {
    margin-top: 12px;
    max-width: 280px;
}
.mr-bp-activity-reel-link {
    position: relative;
    display: block;
    width: 280px;
    max-width: 100%;
    aspect-ratio: 9 / 16;
    max-height: 55vh;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
    text-decoration: none !important;
}
.mr-bp-activity-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
}
.mr-bp-activity-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.48);
    color: #fff;
    font-size: 20px;
    padding-left: 3px;
    pointer-events: none;
}
.mr-bp-activity-reel-title {
    margin-top: 7px;
    font-weight: 700;
    max-width: 280px;
}
.mr-bp-activity-content-marker{display:none!important}
@media (min-width: 769px) {
    .mr-bp-activity-reel-link { width: 280px; }
}
@media (max-width: 768px) {
    .mr-bp-activity-reel { max-width: 240px; }
    .mr-bp-activity-reel-link { width: 240px; max-height: 52vh; border-radius: 10px; }
    .mr-bp-activity-reel-title { max-width: 240px; }
}

/* v1.2.0 — professional UI, theme header, Facebook-style Feed strip */
html.mr-fullscreen-app, body.mr-fullscreen-app{background:#fff!important}
body.mr-fullscreen-app{overflow:hidden!important}
body.mr-fullscreen-app > footer, body.mr-fullscreen-app .site-footer, body.mr-fullscreen-app #colophon{display:none!important}
#mesazhi-reels-app-root{height:calc(100dvh - var(--mr-site-header-height,0px));min-height:0;background:#fff;overflow:hidden}
.mr-page{height:calc(100% - var(--mr-desktop-top-space,0px));margin-top:var(--mr-desktop-top-space,0px);background:#050505}
.mr-topbar{background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,0));}
.mr-back-btn{width:42px!important;height:42px!important;font-size:0!important;text-shadow:none!important;background:rgba(0,0,0,.42)!important;backdrop-filter:blur(8px);box-shadow:0 2px 12px rgba(0,0,0,.22)!important}
.mr-back-btn .mr-svg{display:block}
.mr-title{font-size:23px!important}
.mr-svg{display:inline-block;vertical-align:middle;flex:0 0 auto}
.mr-play .mr-pause-icon{display:none;font-size:17px;letter-spacing:-2px}
.mr-play.is-playing .mr-play-icon{display:none}.mr-play.is-playing .mr-pause-icon{display:block}
.mr-sound .mr-sound-on{display:none}.mr-sound:not(.is-muted) .mr-sound-muted{display:none}.mr-sound:not(.is-muted) .mr-sound-on{display:inline-flex}
.mr-action .mr-svg{display:block}
.mr-eye-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;vertical-align:middle}.mr-eye-icon .mr-svg{display:block}

.mr-feed-strip{margin:0 0 18px;padding:16px 18px 18px;background:#fff;border:1px solid #e7e7e7;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}
.mr-feed-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mr-feed-strip-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:#171717}
.mr-feed-strip-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#171717}
.mr-feed-strip-more{font-size:13px;font-weight:700;text-decoration:none!important;color:#255263!important;white-space:nowrap}
.mr-feed-strip-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px;scroll-snap-type:x proximity}
.mr-feed-strip-track::-webkit-scrollbar{display:none}
.mr-feed-strip-card{position:relative;flex:0 0 136px;width:136px;aspect-ratio:9/16;height:auto;border-radius:11px;overflow:hidden;background:#111;text-decoration:none!important;scroll-snap-align:start;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.mr-feed-strip-video,.mr-feed-strip-poster{width:100%;height:100%;display:block;object-fit:cover;background:#111}
.mr-feed-strip-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.76));pointer-events:none}
.mr-feed-strip-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);color:#fff;opacity:.96}
.mr-feed-strip-user{position:absolute;left:9px;right:7px;bottom:8px;display:flex;align-items:center;gap:7px;color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 3px #000;white-space:nowrap}
.mr-feed-strip-user img{width:26px!important;height:26px!important;border-radius:50%!important;object-fit:cover!important;border:1.5px solid #fff!important}

.mr-bp-activity-reel{margin-top:10px;max-width:240px}
.mr-bp-activity-reel-link{position:relative;display:block;width:180px;aspect-ratio:9/16;max-height:430px;overflow:hidden;border-radius:12px;background:#111;text-decoration:none!important}
.mr-bp-activity-video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.mr-bp-activity-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;pointer-events:none}
.mr-bp-activity-open{position:absolute;left:9px;bottom:9px;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:12px;font-weight:700}
.mr-bp-activity-reel-title{display:none!important}
@media(min-width:769px){.mr-bp-activity-reel-link{width:180px}.mr-feed-strip-card{flex-basis:136px;width:136px}}
@media(max-width:768px){
  #mesazhi-reels-app-root{height:100dvh!important}
  body.mr-fullscreen-app .mr-page{height:calc(100dvh - var(--mr-mobile-bottom-space,0px))!important;min-height:0!important;margin-top:0!important;margin-bottom:var(--mr-mobile-bottom-space,0px)!important}
  body.mr-fullscreen-app .mr-feed{height:100%!important;min-height:0!important}
  .mr-feed-strip{margin:0 0 12px;padding:13px 12px 14px;border-radius:12px}
  .mr-feed-strip-card{flex-basis:106px;width:106px;border-radius:9px}
  .mr-feed-strip-title{font-size:16px}.mr-feed-strip-more{font-size:12px}
  .mr-bp-activity-reel-link{width:155px;max-height:45vh}
}

/* v1.2.1 — true full-screen desktop viewer + vertical navigation */
html.mr-fullscreen-app, body.mr-fullscreen-app{background:#050505!important;overflow:hidden!important}
body.mr-fullscreen-app #mesazhi-reels-app-root{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;z-index:99990!important;background:#050505!important;overflow:hidden!important}
body.mr-fullscreen-app .mr-page{width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:0!important}
body.mr-fullscreen-app .mr-feed{height:100dvh!important;min-height:100dvh!important}
.mr-desktop-nav{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:120;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.mr-nav-arrow{width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:50%!important;background:rgba(0,0,0,.46)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;pointer-events:auto!important;backdrop-filter:blur(10px)!important;box-shadow:0 3px 14px rgba(0,0,0,.28)!important;transition:transform .16s ease,background .16s ease,opacity .16s ease!important}
.mr-nav-arrow:hover{background:rgba(255,255,255,.16)!important;transform:scale(1.06)!important}
.mr-nav-arrow:active{transform:scale(.96)!important}
.mr-nav-arrow .mr-svg{display:block}
@media(max-width:768px){
  body.mr-fullscreen-app #mesazhi-reels-app-root{height:100dvh!important}
  body.mr-fullscreen-app .mr-page,body.mr-fullscreen-app .mr-feed{height:100dvh!important;min-height:100dvh!important}
  .mr-desktop-nav{display:none!important}
}

/* v1.2.3 — compact Feed integration */
.mr-bp-activity-reel{display:none!important}
.mr-feed-strip{max-width:100%;}
.mr-feed-strip-track{gap:9px}
.mr-feed-strip-card:focus-visible{outline:2px solid #255263;outline-offset:2px}
@media(max-width:768px){.mr-feed-strip{padding-left:10px;padding-right:10px}.mr-feed-strip-track{gap:7px}}
\n\n/* v1.2.4 — shortcode-only Facebook-style shelf + working mobile bottom space */
.mr-shortcode-strip{position:relative;width:100%;box-sizing:border-box;padding:0 44px;overflow:hidden;background:transparent}
.mr-shortcode-strip-track{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x proximity;padding:1px 2px 4px}
.mr-shortcode-strip-track::-webkit-scrollbar{display:none}
.mr-shortcode-card{position:relative;flex:0 0 132px;width:132px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#111;text-decoration:none!important;scroll-snap-align:start;box-shadow:0 1px 5px rgba(0,0,0,.14)}
.mr-shortcode-poster,.mr-shortcode-video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
.mr-shortcode-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 48%,rgba(0,0,0,.72));pointer-events:none}
.mr-shortcode-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);color:#fff;backdrop-filter:blur(4px)}
.mr-shortcode-user{position:absolute;left:8px;right:7px;bottom:8px;display:flex;align-items:center;gap:6px;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden}
.mr-shortcode-user img{width:25px!important;height:25px!important;flex:0 0 25px;border-radius:50%!important;object-fit:cover!important;border:1.5px solid #fff!important}
.mr-shortcode-user span{overflow:hidden;text-overflow:ellipsis}
.mr-strip-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;color:#444!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 10px rgba(0,0,0,.16)!important;cursor:pointer!important}
.mr-strip-arrow:hover{background:#fff!important;transform:translateY(-50%) scale(1.04)!important}
.mr-strip-prev{left:7px!important}.mr-strip-next{right:7px!important}.mr-strip-prev .mr-svg{transform:rotate(180deg)}
@media(max-width:768px){
  .mr-shortcode-strip{padding:0 8px}
  .mr-shortcode-strip-track{gap:8px}
  .mr-shortcode-card{flex-basis:106px;width:106px;border-radius:9px}
  .mr-strip-arrow{display:none!important}
  body.mr-fullscreen-app #mesazhi-reels-app-root{height:100dvh!important;min-height:0!important}
  body.mr-fullscreen-app .mr-page{height:calc(100dvh - var(--mr-mobile-bottom-space,0px))!important;min-height:0!important;margin-top:0!important;margin-bottom:var(--mr-mobile-bottom-space,0px)!important}
  body.mr-fullscreen-app .mr-feed{height:100%!important;min-height:0!important}
}
@media(min-width:769px){body.mr-fullscreen-app .mr-page{height:100dvh!important;min-height:100dvh!important;margin-top:0!important}}


/* v1.2.5 — final stability polish */
/* The shortcode shelf is intentionally compact and content-driven. */
.mr-shortcode-strip{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 16px;padding:0 42px;background:transparent;overflow:hidden}
.mr-shortcode-strip-track{min-height:1px;align-items:stretch;gap:10px;padding:0 2px 3px;overflow-x:auto;overflow-y:hidden}
.mr-shortcode-card{flex:0 0 142px;width:142px;height:252px;aspect-ratio:auto;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.13);transition:transform .16s ease,box-shadow .16s ease}
.mr-shortcode-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.mr-shortcode-card:active{transform:scale(.985)}
.mr-shortcode-poster,.mr-shortcode-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mr-shortcode-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 25%,rgba(0,0,0,.68) 100%)}
.mr-shortcode-play{width:40px;height:40px;background:rgba(0,0,0,.38);backdrop-filter:blur(5px)}
.mr-shortcode-user{left:8px;bottom:8px;font-size:11px}
.mr-strip-arrow{width:40px!important;height:40px!important;background:rgba(255,255,255,.98)!important;color:#222!important}
.mr-shortcode-strip:has(.mr-shortcode-card:nth-child(1):last-child) .mr-strip-arrow{display:none!important}

/* Mobile: preserve the exact bottom space entered in settings. */
@media(max-width:768px){
  body.mr-fullscreen-app #mesazhi-reels-app-root{height:100dvh!important;min-height:0!important}
  body.mr-fullscreen-app .mr-page{height:calc(100dvh - var(--mr-mobile-bottom-space,0px))!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important}
  body.mr-fullscreen-app .mr-feed{height:100%!important;min-height:0!important}
  .mr-shortcode-strip{padding:0 8px;margin-bottom:12px}
  .mr-shortcode-strip-track{gap:8px;padding-bottom:2px}
  .mr-shortcode-card{flex-basis:108px;width:108px;height:192px;border-radius:9px}
  .mr-strip-arrow{display:none!important}
}
@media(min-width:769px){
  body.mr-fullscreen-app .mr-page{height:100dvh!important;min-height:100dvh!important;margin-top:0!important;margin-bottom:0!important}
}

/* v2.0.0 — lightweight Facebook-style Reels shelf + instant viewer playback */
.mr-fb-reels{position:relative;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 16px;padding:0 42px;background:transparent;overflow:hidden;contain:layout paint}
.mr-fb-reels-track{display:flex;align-items:stretch;gap:10px;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:1px 2px 5px}
.mr-fb-reels-track::-webkit-scrollbar{display:none}
.mr-fb-reel-card{position:relative;display:block;flex:0 0 146px;width:146px;height:260px;border-radius:13px;overflow:hidden;background:#111;text-decoration:none!important;scroll-snap-align:start;box-shadow:0 1px 5px rgba(0,0,0,.16);isolation:isolate}
.mr-fb-reel-video,.mr-fb-reel-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#111}
.mr-fb-reel-poster{z-index:0}.mr-fb-reel-video{z-index:1}
.mr-fb-reel-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.03) 30%,rgba(0,0,0,.72) 100%);pointer-events:none}
.mr-fb-reel-play{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.42);color:#fff;pointer-events:none}
.mr-fb-reel-user{position:absolute;left:9px;right:8px;bottom:9px;z-index:4;display:flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 3px #000}
.mr-fb-reel-user img{width:26px!important;height:26px!important;flex:0 0 26px;border-radius:50%!important;object-fit:cover!important;border:1.5px solid #fff!important}
.mr-fb-reels-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:40px!important;height:40px!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 10px rgba(0,0,0,.16)!important;cursor:pointer!important}
.mr-fb-reels-arrow:hover{transform:translateY(-50%) scale(1.04)!important}.mr-fb-reels-prev{left:4px!important}.mr-fb-reels-next{right:4px!important}.mr-fb-reels-prev .mr-svg{transform:rotate(0deg)}
.mr-back-btn{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}
@media(max-width:768px){
 .mr-fb-reels{padding:0 8px;margin-bottom:12px}.mr-fb-reels-track{gap:8px}.mr-fb-reel-card{flex-basis:108px;width:108px;height:192px;border-radius:10px}.mr-fb-reels-arrow{display:none!important}
 body.mr-fullscreen-app .mr-page{height:calc(100dvh - var(--mr-mobile-bottom-space,0px))!important;margin-top:0!important;margin-bottom:var(--mr-mobile-bottom-space,0px)!important}
 body.mr-fullscreen-app .mr-feed{height:100%!important}
}
@media(min-width:769px){body.mr-fullscreen-app .mr-page{height:100dvh!important;margin-top:0!important}.mr-fb-reel-card{flex-basis:146px;width:146px;height:260px}}
/* viewer startup: don't animate the feed itself; native snap changes screen immediately */
.mr-feed{scroll-behavior:auto!important}

/* v2.0.1 — shortcode reliability inside widgets/Elementor + fast viewer startup */
.mr-fb-reels{
  position:relative!important;display:block!important;width:100%!important;max-width:100%!important;
  box-sizing:border-box!important;margin:0 0 16px!important;padding:0 44px!important;
  overflow:hidden!important;background:transparent!important;min-height:0!important;height:auto!important;
  line-height:normal!important;
}
.mr-fb-reels-track{
  display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:10px!important;
  width:100%!important;height:260px!important;min-height:260px!important;max-height:260px!important;
  margin:0!important;padding:0 2px 4px!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  scroll-snap-type:x proximity!important;
}
.mr-fb-reels-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mr-fb-reel-card{
  position:relative!important;display:block!important;flex:0 0 var(--mr-card-w,146px)!important;
  width:var(--mr-card-w,146px)!important;min-width:var(--mr-card-w,146px)!important;
  max-width:var(--mr-card-w,146px)!important;height:var(--mr-card-h,260px)!important;
  min-height:var(--mr-card-h,260px)!important;max-height:var(--mr-card-h,260px)!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;border:0!important;
  border-radius:13px!important;overflow:hidden!important;background:#111!important;
  text-decoration:none!important;scroll-snap-align:start!important;isolation:isolate!important;
}
.mr-fb-reel-poster,.mr-fb-reel-video{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;background:#111!important;
}
.mr-fb-reel-shade{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important}
.mr-fb-reel-play{z-index:3!important;pointer-events:none!important}
.mr-fb-reel-user{z-index:4!important;display:flex!important;position:absolute!important;left:9px!important;right:8px!important;bottom:9px!important;margin:0!important;padding:0!important;}
.mr-fb-reel-user img{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;margin:0!important;padding:0!important;}
.mr-fb-reels-arrow{z-index:10!important;}
@media(max-width:768px){
  .mr-fb-reels{padding:0 8px!important;margin-bottom:12px!important;}
  .mr-fb-reels-track{height:192px!important;min-height:192px!important;max-height:192px!important;gap:8px!important;}
  .mr-fb-reel-card{--mr-card-w:108px!important;--mr-card-h:192px!important;flex-basis:108px!important;width:108px!important;min-width:108px!important;max-width:108px!important;height:192px!important;min-height:192px!important;max-height:192px!important;border-radius:10px!important;}
  .mr-fb-reels-arrow{display:none!important;}
}
/* Viewer: make the active Reel start immediately; no artificial smooth delay. */
.mr-feed{scroll-behavior:auto!important;}

/* v2.1.0 — Facebook-style Feed shelf: header + two-up mobile cards + compact desktop grid */
.mr-fb-reels{
  position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:0 0 18px!important;padding:14px 0 12px!important;background:#fff!important;border-top:1px solid #e4e6eb!important;border-bottom:1px solid #e4e6eb!important;
  overflow:hidden!important;font-family:inherit!important;line-height:1.2!important;
}
.mr-fb-reels-head{display:flex!important;align-items:center!important;justify-content:space-between!important;height:32px!important;padding:0 14px 10px!important;box-sizing:content-box!important}
.mr-fb-reels-title{display:flex!important;align-items:center!important;gap:9px!important;font-size:20px!important;font-weight:700!important;color:#050505!important}
.mr-fb-reels-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#050505!important}
.mr-fb-reels-head>.mr-fb-reels-more{position:static!important;width:32px!important;height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:#65676b!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.mr-fb-reels-wrap{position:relative!important;width:100%!important;box-sizing:border-box!important}
.mr-fb-reels-track{display:flex!important;flex-direction:row!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:0 14px 2px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
.mr-fb-reels-track::-webkit-scrollbar{display:none!important}
.mr-fb-reel-card{position:relative!important;display:block!important;flex:0 0 calc((100% - 30px)/4)!important;width:calc((100% - 30px)/4)!important;height:auto!important;aspect-ratio:9/16!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;overflow:hidden!important;background:#111!important;box-shadow:none!important;text-decoration:none!important;scroll-snap-align:start!important}
.mr-fb-reel-poster,.mr-fb-reel-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:#111!important}
.mr-fb-reel-shade{position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 35%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.32))!important;pointer-events:none!important}
.mr-fb-reel-more{position:absolute!important;z-index:5!important;right:9px!important;top:9px!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))!important;pointer-events:none!important}
.mr-fb-reel-more .mr-svg{width:20px!important;height:20px!important}
.mr-fb-reels-arrow{position:absolute!important;z-index:10!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.96)!important;color:#1c1e21!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.mr-fb-reels-prev{left:4px!important}.mr-fb-reels-next{right:4px!important}
.mr-fb-reels-arrow .mr-svg{width:20px!important;height:20px!important}
.mr-fb-reels-arrow:disabled{opacity:0!important;pointer-events:none!important}
@media(max-width:768px){
  .mr-fb-reels{padding:12px 0 10px!important;margin-bottom:14px!important}
  .mr-fb-reels-head{height:31px!important;padding:0 14px 9px!important}
  .mr-fb-reels-title{font-size:20px!important}
  .mr-fb-reels-track{gap:10px!important;padding-left:14px!important;padding-right:14px!important;scroll-snap-type:x mandatory!important}
  .mr-fb-reel-card{flex-basis:calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;border-radius:12px!important}
  .mr-fb-reels-arrow{display:none!important}
}

/* v3.0.0 — minimal Feed shelf: cards only, no title/header/extra UI. */
.mr-feed-reels-shelf{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:hidden!important;
}
.mr-feed-reels-track{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 2px 2px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
}
.mr-feed-reels-track::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.mr-feed-reel-card{
  position:relative!important;
  display:block!important;
  flex:0 0 120px!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:213px!important;
  min-height:213px!important;
  max-height:213px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#e9eaed!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
  text-decoration:none!important;
  scroll-snap-align:start!important;
  isolation:isolate!important;
}
.mr-feed-reel-poster,
.mr-feed-reel-video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  background:#111!important;
}
.mr-feed-reel-card:active{transform:scale(.985)!important}
@media(min-width:769px){
  .mr-feed-reels-shelf{margin-bottom:16px!important}
  .mr-feed-reels-track{gap:9px!important}
  .mr-feed-reel-card{flex-basis:138px!important;width:138px!important;min-width:138px!important;max-width:138px!important;height:245px!important;min-height:245px!important;max-height:245px!important;border-radius:11px!important}
}
@media(max-width:768px){
  .mr-feed-reels-shelf{margin-bottom:12px!important}
  .mr-feed-reels-track{gap:8px!important;padding-left:2px!important;padding-right:2px!important}
  .mr-feed-reel-card{flex-basis:120px!important;width:120px!important;min-width:120px!important;max-width:120px!important;height:213px!important;min-height:213px!important;max-height:213px!important;border-radius:10px!important}
}


/* v3.0.1 — final Feed shelf: cards only, theme-resistant and compact */
.mesazhi-reels-feed-slot{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  line-height:0!important;
  clear:both!important;
}
.mesazhi-reels-feed-track{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px 2px!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  box-sizing:border-box!important;
}
.mesazhi-reels-feed-track::-webkit-scrollbar{display:none!important}
.mesazhi-reels-feed-card{
  position:relative!important;
  display:block!important;
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  height:267px!important;
  min-height:267px!important;
  max-height:267px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#e9eaed!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
  text-decoration:none!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
  line-height:0!important;
}
.mesazhi-reels-feed-media{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#111!important;
}
.mesazhi-reels-feed-card:active{transform:scale(.985)!important}
@media(min-width:769px){
  .mesazhi-reels-feed-track{gap:10px!important}
  .mesazhi-reels-feed-card{flex-basis:150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:267px!important;min-height:267px!important;max-height:267px!important}
}
@media(max-width:768px){
  .mesazhi-reels-feed-slot{margin-bottom:12px!important}
  .mesazhi-reels-feed-track{gap:8px!important;padding-left:0!important;padding-right:0!important}
  .mesazhi-reels-feed-card{flex-basis:112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:199px!important;min-height:199px!important;max-height:199px!important;border-radius:9px!important}
}


/* v3.1.0 — performance hardening for busy Feed pages */
.mesazhi-reels-feed-slot{contain:layout paint;content-visibility:auto;contain-intrinsic-size:267px 267px}
.mesazhi-reels-feed-track{overscroll-behavior-x:contain;touch-action:pan-x;}
.mesazhi-reels-feed-media{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
@media(max-width:768px){.mesazhi-reels-feed-slot{contain-intrinsic-size:199px 199px}}

/* v3.2.0 — Ad Feed HTML placeholder: never reserves a large blank area */
.mesazhi-reels-feed{display:block!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;line-height:0!important;background:transparent!important;}

/* v3.3.0 — automatic BuddyPress Feed placement after N activity posts */
.mesazhi-reels-auto-item{
  list-style:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clear:both!important;
}
.mesazhi-reels-auto-item > .mesazhi-reels-feed{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.mr-auto-feed-block{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:10px 0 0!important;
  box-sizing:border-box!important;
  background:transparent!important;
  overflow:hidden!important;
}
.mr-auto-feed-head{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:0 2px 9px!important;
  box-sizing:border-box!important;
}
.mr-auto-feed-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#050505!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.mr-auto-feed-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  color:#050505!important;
}
.mr-auto-feed-icon .mr-svg{width:25px!important;height:25px!important}
@media(max-width:768px){
  .mesazhi-reels-auto-item{margin-bottom:12px!important}
  .mr-auto-feed-block{padding-top:8px!important}
  .mr-auto-feed-head{padding-bottom:8px!important}
  .mr-auto-feed-title{font-size:17px!important}
}