.media-section { padding-top: 20px; }
.media-gallery,
.media-video-grid,
.admin-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.media-gallery a { display: block; overflow: hidden; background: #eee; }
.media-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .2s ease;
}
.media-gallery a:hover img { transform: scale(1.025); }
.media-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.media-video-grid article,
.admin-media-card { border: 1px solid #ddd; background: #f3f1ed; padding: 12px; }
.media-video-grid video,
.admin-media-card video {
  display: block;
  width: 100%;
  max-height: 560px;
  background: #111;
}
.media-video-grid p { margin: 10px 2px 2px; font-weight: 700; }
.admin-media-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.admin-media-card label { display: block; margin-top: 10px; }
.admin-media-card input[type="number"] { width: 85px; margin-left: 8px; }
.admin-media-card input[type="checkbox"] { width: auto; }
@media (max-width: 900px) {
  .media-gallery,
  .admin-media-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .media-gallery,
  .media-video-grid,
  .admin-media-grid { grid-template-columns: 1fr; }
}