.mepa-media-page { padding: 70px 0; background: #fff; }
.mepa-homepage-videos .mepa-hizmet-video-gallery-title { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 700; color: #1a1a1a; text-align: center; margin: 0 0 40px; }
.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(4, minmax(0, 1fr)); grid-auto-rows: clamp(320px, 31vw, 395px); gap: 16px; align-items: stretch; }
.mepa-media-video-card { min-width: 0; height: 100%; overflow: hidden; border-radius: 9px; background: #171717; box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }
.mepa-media-video-card.is-wide { grid-column: span 2; }
.mepa-media-video-grid--vertical-1 .mepa-media-video-card.is-wide { grid-column: span 3; }
.mepa-media-video-trigger { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; color: #fff; background: #1e1e1e; cursor: pointer; overflow: hidden; }
.mepa-media-video-card.has-no-cover .mepa-media-video-trigger { background: radial-gradient(circle at 72% 23%, #efc4d5 0 4%, transparent 4.5%), radial-gradient(circle at 28% 75%, #f6a4c2 0 9%, transparent 9.5%), linear-gradient(145deg, #4b174d, #a82472 52%, #ee678f); }
.mepa-media-video-trigger > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.mepa-media-video-trigger:hover > img { transform: scale(1.045); }
.mepa-media-video-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08) 35%, rgba(0,0,0,.62)); }
.mepa-media-video-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; color: #fff; background: rgba(0,0,0,.46); transform: translate(-50%, -50%); filter: drop-shadow(0 3px 8px rgba(0,0,0,.3)); transition: transform .2s ease, background .2s ease; }
.mepa-media-video-play i { margin-left: 4px; font-size: 23px; }
.mepa-media-video-card.is-wide .mepa-media-video-play { width: 72px; height: 52px; border-radius: 14px; background: #ff0033; }
.mepa-media-video-trigger:hover .mepa-media-video-play { transform: translate(-50%, -50%) scale(1.08); }
.mepa-media-video-brand { position: absolute; bottom: 17px; left: 16px; display: inline-flex; align-items: center; gap: 7px; font-size: 14px; line-height: 1; text-shadow: 0 1px 4px rgba(0,0,0,.55); }
.mepa-media-video-brand i { font-size: 18px; }.mepa-media-video-brand strong { font-size: 14px; }
.mepa-media-video-modal { position: fixed; z-index: 99999; inset: 0; display: none; place-items: center; padding: 24px; }
.mepa-media-video-modal.is-open { display: grid; }
.mepa-media-video-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.82); }
.mepa-media-video-modal-content { position: relative; z-index: 1; width: min(960px, 100%); aspect-ratio: 16 / 9; background: #000; box-shadow: 0 20px 70px rgba(0,0,0,.5); }
.mepa-media-video-modal-content.is-vertical { width: min(380px, 100%); aspect-ratio: 9 / 16; }
.mepa-media-video-modal iframe { display: block; width: 100%; height: 100%; border: 0; }
.mepa-media-instagram-player { display: block; width: 100%; height: 100%; background: #000; object-fit: contain; }
/* Instagram embedinin profil, etkileşim ve yorum bölümünü gizler; yalnızca Reel görüntüsü kalır. */
.mepa-media-video-modal-content.is-instagram { height: auto; aspect-ratio: 9 / 16; overflow: visible; }
.mepa-media-instagram-viewport { position: absolute; inset: 0; overflow: hidden; background: #000; }
.mepa-media-video-modal-content.is-instagram iframe { position: absolute; top: -98px; left: -10px; width: calc(100% + 20px); height: 820px; max-width: none; transform: scale(1.45); transform-origin: top center; }
.mepa-media-instagram-fallback { display: block !important; }
.mepa-media-video-modal-content.is-instagram .mepa-media-video-modal-close { top: -42px; right: 0; z-index: 4; }
.mepa-media-video-modal-close { position: absolute; top: -42px; right: 0; z-index: 2; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; color: #222; background: #fff; font-size: 28px; line-height: 30px; cursor: pointer; }
.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: 900px) { .mepa-media-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: auto; }.mepa-media-video-card.is-wide, .mepa-media-video-grid--vertical-1 .mepa-media-video-card.is-wide { grid-column: span 1; }.mepa-media-video-card.is-wide .mepa-media-video-trigger { aspect-ratio: 16 / 9; }.mepa-media-video-card.is-vertical .mepa-media-video-trigger { aspect-ratio: 9 / 16; } }
@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; }.mepa-media-video-card.is-wide { grid-column: auto; }.mepa-media-video-card.is-vertical { width: min(280px, 100%); justify-self: center; } }

/* 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;
}