.mcp-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;}

.mcp-card{
position:relative;height:320px;border-radius:20px;
overflow:hidden;background-size:cover;background-position:center;
cursor:pointer;transition:transform .4s ease;
}

.mcp-card:hover{transform:scale(1.05);}

.mcp-overlay{
position:absolute;inset:0;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}

.mcp-play{
width:70px;height:70px;background:#d4a24c;border-radius:50%;
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
z-index:2;
}

.mcp-play:after{
content:'';position:absolute;left:28px;top:20px;
border-left:18px solid #000;border-top:12px solid transparent;border-bottom:12px solid transparent;
}

.mcp-content{position:absolute;bottom:25px;left:25px;color:#fff;z-index:2;}

.mcp-filter{text-align:center;margin-bottom:30px;}
.mcp-filter button{margin:5px;padding:8px 18px;border:none;background:#222;color:#fff;border-radius:20px;cursor:pointer;}
.mcp-filter button.active{background:#d4a24c;color:#000;}

/* LIGHTBOX */
.mcp-lightbox{
position:fixed;inset:0;background:rgba(0,0,0,.95);
display:flex;align-items:center;justify-content:center;
z-index:9999;
}

.mcp-lightbox iframe{width:80%;height:80%;}

.mcp-close,.mcp-prev,.mcp-next{
position:absolute;color:#fff;font-size:30px;cursor:pointer;
}

.mcp-close{top:20px;right:40px;}
.mcp-prev{left:40px;top:50%;transform:translateY(-50%);}
.mcp-next{right:40px;top:50%;transform:translateY(-50%);}


/* HOVER VIDEO PREVIEW */
.mcp-preview{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
pointer-events:none;
}

.mcp-play,
.mcp-content{
z-index:2;
}

/* 2 COLUMN LAYOUT */
.mcp-container.mcp-2col{
grid-template-columns:repeat(2,1fr);
}