body.media-index-page { background: #000 url('/img/global/news_bg.jpg') top center / contain no-repeat !important; }
html:has(.media-dialog[open]) { overflow: hidden; }
.media-page [hidden] { display: none !important; }
.media-page .events-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.media-page .events-filters { gap: 12px; }
.media-page .filter-select { padding-right: 42px; height: 50px; }
.media-page .events-search { min-width: 0; }
.media-page .events-search input { height: 50px; padding-right: 20px; }
.media-page .filter-select option { background: #17191c; color: #e7dece; }
.media-page .event-card { text-decoration: none; min-width: 0; }
.media-page .event-image { position: relative; aspect-ratio: 16 / 9; height: auto; overflow: hidden; background: #151719 url('/img/global/news_bg.jpg') center / cover; }
.media-page .event-image > picture > img { width: 100%; height: 100%; object-fit: cover; }
.media-page .event-play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 52px; height: 52px; padding-left: 3px; border: 1px solid #d9c49c99; border-radius: 50%; color: #fff0ce; background: #080d14bb; font-size: 20px; transition: background .2s, border-color .2s; }
.media-page .event-card:is(:hover, :focus-visible) .event-play { background: #080d14ed; border-color: #fff0ce; }
.media-page .event-lang { position: absolute; top: 12px; right: 12px; display: flex; align-items: center; gap: 6px; }
.media-page .event-lang img { width: 28px; height: 20px; object-fit: contain; }
.media-page .new-badge { font-size: 10px; padding: 3px 6px; border-radius: 2px; background: #d9c49c; color: #111; font-weight: 700; }
.media-page .event-title { overflow-wrap: anywhere; }
.media-page .no-posts { color: var(--news-muted); text-align: center; padding: 32px 0; }
.media-dialog { width: min(720px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 24px; border: 1px solid #b89c6055; border-radius: 12px; background: #101318; color: #e7dece; box-sizing: border-box; }
.media-dialog::backdrop { background: #080b10db; }
.media-dialog-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.media-dialog-heading h2 { margin: 0; font: 600 26px/1.2 'News Cormorant SC', Georgia, serif; overflow-wrap: anywhere; }
.media-dialog-heading button { flex-shrink: 0; width: 36px; height: 36px; border: 1px solid #b89c6055; border-radius: 4px; background: transparent; color: #e7dece; font-size: 26px; cursor: pointer; }
.media-player { width: min(1000px, calc(100% - 32px)); }
.media-player iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.media-create-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.media-create-form label { display: grid; gap: 8px; font-size: 14px; }
.media-create-form :is(input, select) { width: 100%; min-width: 0; box-sizing: border-box; padding: 12px; border: 1px solid #b89c6055; border-radius: 4px; background: #171b21; color: #e7dece; }
.media-form-errors { grid-column: 1 / -1; color: #f2b9b0; }
@media (max-width: 970px) { .media-page .events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .media-page .events-grid, .media-create-form { grid-template-columns: minmax(0, 1fr); } .media-dialog { padding: 16px; } .media-dialog-heading { gap: 12px; margin-bottom: 16px; } }