
.mia-video-catalog{max-width:1180px;margin:0 auto}
.mia-video-section{margin:0 0 3rem}
.mia-video-section>h2{margin:0 0 1.2rem}
.mia-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mia-video-card{overflow:hidden;border:1px solid rgba(174,142,80,.45);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(24,49,62,.08)}
.mia-video-card-link{display:block;color:inherit!important;text-decoration:none!important}
.mia-video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1b27}
.mia-video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.mia-video-card:hover .mia-video-thumb img{transform:scale(1.025)}
.mia-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(8,26,38,.82);color:#e7c477;font-size:20px;padding-left:3px}
.mia-video-card-body{padding:18px}
.mia-video-card-body h3{margin:0 0 9px;font-size:1.18rem;line-height:1.25}
.mia-video-card-body time{display:block;margin-bottom:14px;font-size:.9rem;opacity:.66}
.mia-video-button{display:inline-block;padding:8px 15px;border:1px solid rgba(174,142,80,.7);border-radius:999px}
.mia-video-empty{opacity:.7}
@media(max-width:800px){.mia-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:520px){.mia-video-grid{grid-template-columns:1fr}.mia-video-section{margin-bottom:2.4rem}}
