/* Basic grid */
.mwe-video-gallery-wrap { max-width:1200px; margin:60px auto; padding:0 20px; }
.mwe-video-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; align-items:start; }
.mwe-video-card { text-align:center; }
.mwe-thumb { position:relative; overflow:hidden; background:#000; border-radius:2px; }
.mwe-thumb img { width:100%; height:220px; object-fit:cover; display:block; }
.mwe-play-overlay { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.mwe-play-icon { width:84px; height:56px; background:rgba(255,0,0,0.95); border-radius:12px; clip-path: polygon(30% 20%, 70% 50%, 30% 80%); box-shadow:0 6px 18px rgba(0,0,0,0.35); }
.mwe-video-title { display:block; margin-top:12px; color:#6b2f2f; text-decoration:none; font-family: 'Helvetica Neue', Arial; }

/* Pagination */
.mwe-video-pagination { text-align:center; margin:30px 0; }
.mwe-video-pagination .page-numbers { display:inline-block; padding:8px 12px; border:1px solid #ddd; border-radius:6px; margin:0 4px; }

/* Modal */
.mwe-modal { display:none; position:fixed; inset:0; z-index:99999; }
.mwe-modal[aria-hidden="false"] { display:block; }
.mwe-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,0.85); }
.mwe-modal-inner { position:relative; max-width:980px; margin:60px auto; z-index:100000; background:transparent; padding:0 20px; }
.mwe-close { position:absolute; right:0; top:-40px; background:transparent; color:#fff; border:0; font-size:38px; cursor:pointer; }
.mwe-player-wrap { background:#000; border-radius:4px; overflow:hidden; padding-top:56.25%; position:relative; } /* 16:9 */
#mwe-player { position:absolute; left:0; right:0; top:0; bottom:0; }

/* Thumbnail strip inside modal */
.mwe-thumb-strip { margin-top:12px; display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; }
.mwe-thumb-strip .mwe-mini { flex:0 0 160px; cursor:pointer; opacity:.85; }
.mwe-thumb-strip .mwe-mini img { width:100%; height:90px; object-fit:cover; display:block; border-radius:2px; }
.mwe-thumb-strip .mwe-mini.active { outline:3px solid #e63b3b; opacity:1; }

/* Responsive */
@media (max-width:900px) {
  .mwe-video-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:560px) {
  .mwe-video-grid { grid-template-columns: 1fr; }
  .mwe-thumb img { height:180px; }
}