.mepa-media-page { padding: 70px 0; background: #fff; }
.mepa-media-tabs, .mepa-media-category-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mepa-media-tabs { margin-bottom: 32px; }
.mepa-media-tab, .mepa-media-category-tab { border: 1px solid #dce3e8; background: #fff; color: #394754; font: inherit; font-weight: 600; cursor: pointer; transition: .2s ease; }
.mepa-media-tab { padding: 12px 30px; border-radius: 30px; }
.mepa-media-category-tab { padding: 9px 18px; border-radius: 22px; font-size: 14px; }
.mepa-media-tab.is-active, .mepa-media-category-tab.is-active { color: #fff; border-color: var(--mepa-primary-color, #00a8e2); background: var(--mepa-primary-color, #00a8e2); }
.mepa-media-content, .mepa-media-photo-grid { display: none; }
.mepa-media-content.is-active, .mepa-media-photo-grid.is-active { display: grid; }
.mepa-media-content.is-active { margin-top: 28px; }
.mepa-media-photo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.mepa-media-photo { display: block; overflow: hidden; border-radius: 6px; background: #eef2f5; aspect-ratio: 1 / .72; }
.mepa-media-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mepa-media-photo:hover img { transform: scale(1.05); }
.mepa-media-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mepa-media-video { overflow: hidden; border-radius: 8px; background: #111; aspect-ratio: 16 / 9; }
.mepa-media-video iframe { display: block; width: 100%; height: 100%; border: 0; }
.mepa-media-empty { text-align: center; color: #66737e; }
@media (max-width: 900px) { .mepa-media-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mepa-media-page { padding: 45px 0; }.mepa-media-photo-grid, .mepa-media-video-grid { grid-template-columns: 1fr; }.mepa-media-tab { padding: 10px 22px; } }

/* Medya görselleri lightbox içinde gereğinden büyük açılmasın. */
.fancybox__slide.has-image .fancybox__content {
    max-width: min(900px, 85vw) !important;
    max-height: 75vh !important;
}

.fancybox__slide.has-image .fancybox__image {
    object-fit: contain;
}