.mesazhi-reels-outer { font-family: Arial,sans-serif; }
.mesazhi-reels-only-mobile { display:none; }
.mesazhi-reels-desktop-only { display:block; padding:40px; text-align:center; background:#f7f7f7; border-radius:8px; }
@media (max-width:760px){
.mesazhi-reels-only-mobile{display:block;}
.mesazhi-reels-desktop-only{display:none;}
.mesazhi-reels-wrap{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;padding-top:50px;padding-bottom:50px;}
.mesazhi-reel{height:calc(100vh - 200px);position:relative;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:#333;color:#fff;}
.mr-media img,.mr-media video,.mr-iframe-wrap iframe{width:100%;height:100%;object-fit:contain;background:#e8e2da;display:block;position:relative;z-index:1;}
.mr-media::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#e8e2da 0%,#f5f3f0 50%,#e8e2da 100%);z-index:0;}
.mr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;}
.mr-top{position:absolute;top:14px;left:12px;z-index:30;display:flex;align-items:center;gap:8px;pointer-events:auto;}
.mr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.mr-author-name{color:#000;font-weight:600;margin-left:6px;}
.mr-right-actions{position:absolute;bottom:20px;right:10px;display:flex;flex-direction:row;gap:14px;z-index:40;pointer-events:auto;}
.action-button{background:rgba(0,0,0,0.4);border:none;color:#fff;font-size:24px;padding:10px;border-radius:50%;cursor:pointer;}
.action-button.liked i{color:#e74c3c;}
.mr-no-media{width:100%;height:100%;background:linear-gradient(to bottom,#e8e2da 0%,#f5f3f0 50%,#e8e2da 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
}