.mod-video { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.mod-video__title { text-align: center; color: var(--color-dark, var(--dark, #111)); margin-bottom: 24px; }
.mod-video__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.mod-video__card { display: block; text-decoration: none; position: relative; }
.mod-video__card img { width: 100%; height: 150px; object-fit: cover; border-radius: var(--radius-base, 8px); }
.mod-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); font-size: 32px; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.mod-video__card h4 { color: var(--color-dark, var(--dark, #111)); margin: 10px 0 0; font-size: 14px; }