.mraif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.mraif-card{border:1px solid #e5e5e5;border-radius:6px;padding:10px;background:#fff}
.mraif-list .mraif-row{padding:8px 0;border-bottom:1px solid #eee}
.mraif-masonry{column-count:3;column-gap:16px}
.mraif-masonry .mraif-brick{display:inline-block;width:100%;margin:0 0 16px;background:#fff;border:1px solid #eee;border-radius:6px;padding:10px}

/* Video Template Styles */
.mraif-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.mraif-video-card{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff;transition:transform 0.3s ease, box-shadow 0.3s ease}
.mraif-video-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.mraif-video-thumbnail{position:relative;overflow:hidden;padding-top:56.25%}
.mraif-video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.mraif-video-thumbnail:hover img{transform:scale(1.05)}
.mraif-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center}
.mraif-play-button:after{content:"";width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #fff;margin-left:5px}
.mraif-video-title{padding:12px;margin:0;font-size:16px;line-height:1.4}
.mraif-video-title a{color:#333;text-decoration:none}
.mraif-video-title a:hover{color:#1e88e5}