/* =========================================================
   Video Hub Core 1.0.95 — FINAL STRUCTURAL UI OVERRIDE
   Cel: spiąć finalny wygląd hubu, usunąć stare białe karty,
   naprawić szerokości header/zakładki/footer i czytelność modali.
   Ładowane po: base.css, layout.css, modals.css, mobile.css.
   ========================================================= */

.tvm-video-hub {
    --vhc-bg-950:#061722;
    --vhc-bg-900:#071d29;
    --vhc-bg-850:#082633;
    --vhc-teal-900:#063f49;
    --vhc-teal-800:#075663;
    --vhc-teal-700:#0b7280;
    --vhc-accent:#1299b5;
    --vhc-yellow:#f6c64b;
    --vhc-yellow-2:#ffb33e;
    --vhc-white:#ffffff;
    --vhc-soft:rgba(238,250,252,.86);
    --vhc-muted:rgba(220,240,244,.68);
    --vhc-border:rgba(121,226,235,.18);
    --vhc-panel:linear-gradient(145deg, rgba(4,44,58,.96), rgba(5,76,86,.92));
    --vhc-card:linear-gradient(180deg, rgba(5,77,87,.98), rgba(4,39,53,.98));
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    color:var(--vhc-white) !important;
    font-family:Inter,Roboto,"Open Sans",Arial,sans-serif !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(18,153,181,.22), transparent 32%),
        radial-gradient(circle at 94% 26%, rgba(13,105,116,.28), transparent 36%),
        linear-gradient(180deg, var(--vhc-bg-950) 0%, #082a35 45%, var(--vhc-bg-950) 100%) !important;
}
.tvm-video-hub *,
.tvm-video-hub *::before,
.tvm-video-hub *::after { box-sizing:border-box !important; }

/* HEADER: kontenerowy, bez rozpychania i bez poziomego scrolla */
.tvm-video-hub .tvm-hero {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:28px 0 0 !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(5,70,82,.78), rgba(3,28,42,.78)) !important;
    border-bottom:1px solid rgba(121,226,235,.16) !important;
}
.tvm-video-hub .tvm-hero__top {
    width:min(calc(100% - 40px),1180px) !important;
    max-width:1180px !important;
    margin:0 auto 24px !important;
    padding:24px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto minmax(260px,340px) !important;
    gap:24px !important;
    align-items:center !important;
    border-radius:28px !important;
    background:linear-gradient(135deg, rgba(3,28,42,.9), rgba(5,73,84,.7)) !important;
    border:1px solid var(--vhc-border) !important;
    box-shadow:0 28px 80px rgba(0,0,0,.25) !important;
    overflow:hidden !important;
}
.tvm-video-hub .tvm-hero__brand-col,
.tvm-video-hub .tvm-hero__logo-col,
.tvm-video-hub .tvm-hero__live-col { min-width:0 !important; }
.tvm-video-hub .tvm-eyebrow {
    margin:0 0 14px !important;
    color:rgba(235,250,252,.76) !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.26em !important;
    text-transform:uppercase !important;
}
.tvm-video-hub .tvm-hero h1,
.tvm-video-hub .tvm-hero h2 {
    margin:0 0 14px !important;
    color:#fff !important;
    font-size:clamp(34px,4.2vw,58px) !important;
    line-height:.98 !important;
    font-weight:950 !important;
    letter-spacing:-.045em !important;
    text-shadow:none !important;
}
.tvm-video-hub .tvm-intro {
    margin:0 !important;
    color:rgba(244,252,255,.9) !important;
    font-size:17px !important;
    line-height:1.45 !important;
}
.tvm-video-hub .tvm-site-logo {
    width:150px !important;
    height:150px !important;
    max-width:150px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    display:grid !important;
    place-items:center !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(121,226,235,.2) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.25) !important;
}
.tvm-video-hub .tvm-site-logo img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }

/* LIVE BOX — telewizorek, kompaktowy i czytelny */
.tvm-video-hub .tvm-live-box,
.tvm-video-hub .tvm-live-box.is-live,
.tvm-video-hub .tvm-live-box.is-offline {
    position:relative !important;
    width:100% !important;
    min-height:118px !important;
    padding:16px 18px 16px 116px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:24px !important;
    background:linear-gradient(145deg, rgba(4,34,48,.96), rgba(5,75,84,.82)) !important;
    border:1px solid rgba(121,226,235,.22) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.22) !important;
    color:#fff !important;
    overflow:hidden !important;
}
.tvm-video-hub .tvm-live-box::before {
    content:'' !important;
    position:absolute !important;
    left:22px !important;
    top:50% !important;
    width:70px !important;
    height:54px !important;
    transform:translateY(-50%) !important;
    border-radius:14px 14px 10px 10px !important;
    background:linear-gradient(180deg, rgba(24,161,187,.95), rgba(8,91,104,.94)) !important;
    border:3px solid rgba(230,250,253,.82) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 -8px 18px rgba(0,0,0,.18) !important;
}
.tvm-video-hub .tvm-live-box::after {
    content:'' !important;
    position:absolute !important;
    left:49px !important;
    top:calc(50% + 32px) !important;
    width:34px !important;
    height:4px !important;
    border-radius:99px !important;
    background:rgba(246,198,75,.75) !important;
}
.tvm-video-hub .tvm-live-box__status {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:27px !important;
    padding:5px 14px !important;
    border-radius:999px !important;
    background:rgba(18,153,181,.15) !important;
    border:1px solid rgba(121,226,235,.26) !important;
    color:#9eeefe !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
}
.tvm-video-hub .tvm-live-box__body { display:block !important; color:#fff !important; }
.tvm-video-hub .tvm-live-box__icon { display:none !important; }
.tvm-video-hub .tvm-live-box__meta strong { display:block !important; color:#fff !important; font-weight:900 !important; font-size:16px !important; line-height:1.2 !important; }
.tvm-video-hub .tvm-live-box__meta small { display:block !important; color:rgba(238,250,252,.78) !important; font-size:13px !important; line-height:1.35 !important; }

/* ZAKŁADKI — osobny full-width pas, bez 100vw/transform powodujących biały przesmyk */
.tvm-video-hub .tvm-tabs-bar {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    transform:none !important;
    padding:13px max(20px, calc((100% - 1180px) / 2)) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    border-radius:0 !important;
    background:linear-gradient(90deg, rgba(3,18,30,.98), rgba(4,58,68,.97), rgba(3,20,32,.98)) !important;
    border-top:1px solid rgba(121,226,235,.18) !important;
    border-bottom:1px solid rgba(121,226,235,.18) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.18) !important;
    overflow:hidden !important;
}
.tvm-video-hub .tvm-category-nav {
    order:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 2px 1px !important;
    scrollbar-width:thin !important;
}
.tvm-video-hub .tvm-tabs-row {
    order:2 !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    margin:0 !important;
}
.tvm-video-hub .tvm-category-toggle,
.tvm-video-hub .tvm-filter-mobile-toggle { display:none !important; }
.tvm-video-hub .tvm-category-nav a,
.tvm-video-hub .tvm-tabs-bar button,
.tvm-video-hub .tvm-tab,
.tvm-video-hub .tvm-tab-button {
    white-space:nowrap !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    border:1px solid rgba(121,226,235,.16) !important;
    background:rgba(255,255,255,.07) !important;
    color:rgba(248,253,255,.92) !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:850 !important;
    text-decoration:none !important;
    box-shadow:none !important;
}
.tvm-video-hub .tvm-category-nav a:hover,
.tvm-video-hub .tvm-category-nav a.is-active,
.tvm-video-hub .tvm-tabs-bar button:hover,
.tvm-video-hub .tvm-tabs-bar button.is-active {
    background:linear-gradient(135deg, #1196b1, #0b6c77) !important;
    border-color:rgba(246,198,75,.45) !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
}
.tvm-video-hub .tvm-tabs-add-event {
    background:linear-gradient(135deg, rgba(246,198,75,.95), rgba(255,168,57,.92)) !important;
    color:#061722 !important;
    border-color:rgba(255,228,142,.7) !important;
    font-weight:950 !important;
}

/* KONTENERY */
.tvm-video-hub .tvm-content-filters,
.tvm-video-hub .tvm-event-filters,
.tvm-video-hub .tvm-layout,
.tvm-video-hub .tvm-seo-tags-strip__inner {
    width:min(calc(100% - 40px),1180px) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.tvm-video-hub .tvm-content-filters,
.tvm-video-hub .tvm-event-filters {
    margin-top:32px !important;
    margin-bottom:26px !important;
    padding:18px 20px !important;
    border-radius:24px !important;
    background:rgba(3,24,36,.78) !important;
    border:1px solid rgba(121,226,235,.14) !important;
}
.tvm-video-hub .tvm-layout { display:grid !important; grid-template-columns:minmax(0,1fr) 290px !important; gap:28px !important; align-items:start !important; }
.tvm-video-hub .tvm-grid,
.tvm-video-hub .tvm-cards-grid,
.tvm-video-hub .tvm-video-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; }

/* KARTY — ostateczne nadpisanie starego białego stylu */
.tvm-video-hub .tvm-card,
.tvm-video-hub article.tvm-card,
.tvm-video-hub .tvm-grid .tvm-card,
.tvm-video-hub .tvm-card--event,
.tvm-video-hub .tvm-card--teaser,
.tvm-video-hub .tvm-card--podcast,
.tvm-video-hub [data-hub-card] {
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:var(--vhc-card) !important;
    border:1px solid rgba(121,226,235,.18) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.26) !important;
    color:#fff !important;
    opacity:1 !important;
    filter:none !important;
}
.tvm-video-hub .tvm-card:hover,
.tvm-video-hub article.tvm-card:hover,
.tvm-video-hub [data-hub-card]:hover {
    background:linear-gradient(180deg, rgba(6,86,96,.98), rgba(5,48,62,.98)) !important;
    transform:translateY(-3px) scale(1.01) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.3) !important;
}
.tvm-video-hub .tvm-card__button,
.tvm-video-hub .tvm-card a,
.tvm-video-hub .tvm-card button,
.tvm-video-hub .tvm-card button.tvm-card__button {
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-align:left !important;
    box-shadow:none !important;
}
.tvm-video-hub .tvm-card__thumb,
.tvm-video-hub .tvm-grid .tvm-card:not(.tvm-card--event) .tvm-card__thumb {
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16/9 !important;
    border-radius:0 !important;
    overflow:hidden !important;
    background:#061722 !important;
}
.tvm-video-hub .tvm-card__thumb img,
.tvm-video-hub .tvm-card__thumb--event img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    opacity:1 !important;
    filter:saturate(1.05) contrast(1.02) !important;
}
.tvm-video-hub .tvm-card__thumb::before { display:none !important; }
.tvm-video-hub .tvm-card__thumb::after {
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    background:linear-gradient(180deg, transparent 48%, rgba(3,31,43,.82) 100%) !important;
    pointer-events:none !important;
}
.tvm-video-hub .tvm-card__content,
.tvm-video-hub .tvm-card__button .tvm-card__content,
.tvm-video-hub .tvm-grid .tvm-card .tvm-card__content {
    min-height:178px !important;
    padding:17px 18px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:10px !important;
    background:linear-gradient(180deg, rgba(5,76,86,.98), rgba(3,33,47,.98)) !important;
    color:#fff !important;
    text-align:left !important;
    opacity:1 !important;
}
.tvm-video-hub .tvm-card__title,
.tvm-video-hub .tvm-card__content .tvm-card__title {
    margin:0 !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
    text-align:left !important;
    text-shadow:none !important;
    opacity:1 !important;
}
.tvm-video-hub .tvm-card__description,
.tvm-video-hub .tvm-card__content .tvm-card__description {
    margin:0 !important;
    color:rgba(238,250,252,.86) !important;
    font-size:14px !important;
    line-height:1.45 !important;
    text-align:left !important;
    opacity:1 !important;
    text-shadow:none !important;
}
.tvm-video-hub .tvm-card__categories,
.tvm-video-hub .tvm-card__tags { display:flex !important; flex-wrap:wrap !important; gap:7px !important; margin:0 !important; order:-1 !important; }
.tvm-video-hub .tvm-card__categories span,
.tvm-video-hub .tvm-card__tag {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:24px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    background:rgba(18,153,181,.18) !important;
    border:1px solid rgba(121,226,235,.32) !important;
    color:#c9fbff !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:850 !important;
}
.tvm-video-hub .tvm-card__meta {
    margin-top:auto !important;
    padding-top:11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border-top:1px solid rgba(255,255,255,.1) !important;
    color:#fff !important;
}
.tvm-video-hub .tvm-card__rating,
.tvm-video-hub .tvm-card__stars,
.tvm-video-hub .tvm-card__rating span,
.tvm-video-hub .tvm-card__stars span,
.tvm-video-hub .tvm-card__rating-number,
.tvm-video-hub .tvm-card__views {
    color:var(--vhc-yellow) !important;
    font-weight:900 !important;
    text-shadow:none !important;
}
.tvm-video-hub .tvm-card__stars .is-empty { color:rgba(246,198,75,.32) !important; }
.tvm-video-hub .tvm-card__share-icon,
.tvm-video-hub button.tvm-card__share-icon {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:rgba(246,198,75,.16) !important;
    border:1px solid rgba(246,198,75,.46) !important;
    color:#ffe18a !important;
    font-size:17px !important;
    font-weight:950 !important;
    box-shadow:none !important;
}
.tvm-video-hub .tvm-card__share-icon:hover { background:rgba(246,198,75,.26) !important; transform:translateY(-1px) !important; }
.tvm-video-hub .tvm-card__event-icon { background:rgba(246,198,75,.94) !important; color:#061722 !important; }

/* SIDEBAR */
.tvm-video-hub .tvm-sidebar,
.tvm-video-hub .tvm-top10 { min-width:0 !important; }
.tvm-video-hub .tvm-top10 {
    border-radius:22px !important;
    background:rgba(3,24,36,.72) !important;
    border:1px solid rgba(121,226,235,.16) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.22) !important;
}
.tvm-video-hub .tvm-top10 h3 { color:#fff !important; font-weight:950 !important; }

/* MODAL FILMU legacy block removed in 1.1.31; video-modal.css is the single source. */

/* MODAL WYDARZENIA — spokojniej, bez kiczu */
.tvm-video-hub .tvm-event-card-modal,
.tvm-video-hub [data-event-card-modal] {
    color:#fff !important;
}

/* FOOTER */
.tvm-video-hub .tvm-footer {
    width:100% !important;
    max-width:100% !important;
    margin:48px 0 0 !important;
    transform:none !important;
    padding:34px max(20px, calc((100% - 1180px) / 2)) !important;
    background:linear-gradient(90deg, #061722 0%, #072232 44%, #063f49 100%) !important;
    border-top:1px solid rgba(121,226,235,.18) !important;
    color:#fff !important;
}
.tvm-video-hub .tvm-footer__inner {
    width:100% !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.tvm-video-hub .tvm-footer__copy strong,
.tvm-video-hub .tvm-footer strong { color:#fff !important; }
.tvm-video-hub .tvm-footer__copy span,
.tvm-video-hub .tvm-footer__rights,
.tvm-video-hub .tvm-footer a { color:rgba(238,250,252,.78) !important; }

@media (max-width:1100px) {
    .tvm-video-hub .tvm-hero__top { grid-template-columns:1fr auto !important; width:min(calc(100% - 28px),760px) !important; }
    .tvm-video-hub .tvm-hero__live-col { grid-column:1 / -1 !important; }
    .tvm-video-hub .tvm-layout { grid-template-columns:1fr !important; width:min(calc(100% - 28px),760px) !important; }
    .tvm-video-hub .tvm-content-filters,
    .tvm-video-hub .tvm-event-filters { width:min(calc(100% - 28px),760px) !important; }
    .tvm-video-hub .tvm-grid,
    .tvm-video-hub .tvm-cards-grid,
    .tvm-video-hub .tvm-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
    .tvm-video-hub .tvm-modal__dialog { grid-template-columns:1fr !important; width:min(760px, calc(100vw - 28px)) !important; }
}
@media (max-width:760px) {
    .tvm-video-hub .tvm-hero { padding-top:16px !important; }
    .tvm-video-hub .tvm-hero__top { grid-template-columns:1fr !important; width:calc(100% - 24px) !important; padding:18px !important; border-radius:22px !important; }
    .tvm-video-hub .tvm-site-logo { width:104px !important; height:104px !important; }
    .tvm-video-hub .tvm-hero h1,
    .tvm-video-hub .tvm-hero h2 { font-size:34px !important; }
    .tvm-video-hub .tvm-tabs-bar { padding:10px 12px !important; align-items:stretch !important; gap:10px !important; }
    .tvm-video-hub .tvm-tabs-row { order:2 !important; width:100% !important; justify-content:stretch !important; }
    .tvm-video-hub .tvm-tabs-add-event { width:100% !important; }
    .tvm-video-hub .tvm-category-nav { order:1 !important; width:100% !important; }
    .tvm-video-hub .tvm-category-nav a,
    .tvm-video-hub .tvm-tabs-bar button { min-height:38px !important; padding:9px 13px !important; font-size:13px !important; }
    .tvm-video-hub .tvm-content-filters,
    .tvm-video-hub .tvm-event-filters,
    .tvm-video-hub .tvm-layout { width:calc(100% - 24px) !important; }
    .tvm-video-hub .tvm-grid,
    .tvm-video-hub .tvm-cards-grid,
    .tvm-video-hub .tvm-video-grid { grid-template-columns:1fr !important; gap:15px !important; }
    .tvm-video-hub .tvm-card__content { min-height:auto !important; padding:15px !important; }
    .tvm-video-hub .tvm-card__title { font-size:18px !important; }
    .tvm-video-hub .tvm-card:hover { transform:none !important; }
    .tvm-video-hub .tvm-modal__dialog { width:calc(100vw - 20px) !important; padding:12px !important; border-radius:22px !important; }
    .tvm-video-hub .tvm-modal__glass { padding:18px !important; }
    .tvm-video-hub .tvm-modal__nav { top:44% !important; }
}

/* =========================================================
   Video Hub Core 1.0.96 — AUDYTOWY FIX UKŁADU I CZYTELNOŚCI
   Naprawia: rozjazd góry, pasek zakładek, zbędne przyciski,
   białe przebicia kart, czytelność modali i przyciski udostępniania.
   ========================================================= */

.tvm-video-hub,
.tvm-video-hub .tvm-hero,
.tvm-video-hub .tvm-tabs-bar,
.tvm-video-hub .tvm-footer {
    max-width:100vw !important;
    overflow-x:hidden !important;
}

/* HEADER — tylko kontener, bez pełnej szerokości i bez uciekania w prawo */
.tvm-video-hub .tvm-hero {
    padding:28px 0 24px !important;
}
.tvm-video-hub .tvm-hero__top {
    width:min(1180px, calc(100vw - 48px)) !important;
    margin:0 auto !important;
    grid-template-columns:minmax(0,1fr) 150px minmax(270px,340px) !important;
    overflow:hidden !important;
}

/* PASEK ZAKŁADEK — osobna belka full width jak footer */
.tvm-video-hub .tvm-tabs-bar {
    width:100vw !important;
    max-width:100vw !important;
    margin:0 0 34px calc(50% - 50vw) !important;
    padding:14px 0 !important;
    display:block !important;
    background:linear-gradient(90deg, rgba(3,24,36,.98), rgba(5,78,89,.94), rgba(3,24,36,.98)) !important;
    border-top:1px solid rgba(121,226,235,.16) !important;
    border-bottom:1px solid rgba(121,226,235,.18) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.20) !important;
}
.tvm-video-hub .tvm-tabs-inner {
    width:min(1180px, calc(100vw - 48px)) !important;
    max-width:1180px !important;
    margin:0 auto !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:18px !important;
    align-items:center !important;
}
.tvm-video-hub .tvm-tabs-row,
.tvm-video-hub .tvm-category-toggle,
.tvm-video-hub .tvm-filter-mobile-toggle {
    display:none !important;
}
.tvm-video-hub .tvm-category-nav {
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    justify-content:flex-start !important;
    align-items:center !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 4px !important;
    margin:0 !important;
    scrollbar-width:thin !important;
    border:0 !important;
    background:transparent !important;
}
.tvm-video-hub .tvm-category-nav::-webkit-scrollbar { height:6px !important; }
.tvm-video-hub .tvm-category-nav::-webkit-scrollbar-thumb { background:rgba(121,226,235,.35) !important; border-radius:999px !important; }
.tvm-video-hub .tvm-category-nav a,
.tvm-video-hub .tvm-tabs-add-event {
    flex:0 0 auto !important;
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    padding:11px 18px !important;
    border-radius:14px !important;
    text-decoration:none !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:900 !important;
    color:#f5feff !important;
    background:linear-gradient(180deg, rgba(26,49,60,.96), rgba(12,35,47,.96)) !important;
    border:1px solid rgba(121,226,235,.18) !important;
    box-shadow:none !important;
}
.tvm-video-hub .tvm-category-nav a.is-active,
.tvm-video-hub .tvm-category-nav a:hover,
.tvm-video-hub .tvm-tabs-add-event:hover {
    color:#fff !important;
    background:linear-gradient(135deg, #0a94b0, #086d7b) !important;
    border-color:rgba(170,244,252,.42) !important;
}
.tvm-video-hub .tvm-tabs-add-event {
    margin-left:auto !important;
    background:linear-gradient(135deg, rgba(246,198,75,.98), rgba(255,157,46,.98)) !important;
    color:#071d29 !important;
    border-color:rgba(255,220,120,.55) !important;
}

/* FILTRY — zostają wyłącznie niżej, nigdy w pasku zakładek */
.tvm-video-hub .tvm-content-filters,
.tvm-video-hub .tvm-event-filters {
    width:min(1180px, calc(100vw - 48px)) !important;
    margin:0 auto 26px !important;
}

/* KARTY — ostatecznie kasujemy stary biały styl */
.tvm-video-hub .tvm-card,
.tvm-video-hub article.tvm-card,
.tvm-video-hub .tvm-card.tvm-card--event,
.tvm-video-hub .tvm-card.tvm-card--teaser,
.tvm-video-hub .tvm-card.tvm-card--podcast {
    background:linear-gradient(180deg, rgba(6,83,93,.96), rgba(4,38,54,.98)) !important;
    border:1px solid rgba(121,226,235,.18) !important;
    color:#fff !important;
    border-radius:18px !important;
    box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
    overflow:hidden !important;
    opacity:1 !important;
    filter:none !important;
}
.tvm-video-hub .tvm-card:hover {
    transform:translateY(-3px) scale(1.01) !important;
    background:linear-gradient(180deg, rgba(7,91,101,.98), rgba(4,43,59,.98)) !important;
    box-shadow:0 24px 56px rgba(0,0,0,.30) !important;
}
.tvm-video-hub .tvm-card__button,
.tvm-video-hub .tvm-card__content {
    background:transparent !important;
    color:#fff !important;
    opacity:1 !important;
}
.tvm-video-hub .tvm-card__title {
    color:#fff !important;
    opacity:1 !important;
    text-shadow:none !important;
}
.tvm-video-hub .tvm-card__description {
    color:rgba(238,250,252,.86) !important;
    opacity:1 !important;
}
.tvm-video-hub .tvm-card__categories span,
.tvm-video-hub .tvm-card__tag {
    color:#eaffff !important;
    background:rgba(18,153,181,.28) !important;
    border:1px solid rgba(121,226,235,.26) !important;
}
.tvm-video-hub .tvm-card__stars,
.tvm-video-hub .tvm-card__stars span,
.tvm-video-hub .tvm-card__rating-number { color:#f6c64b !important; }
.tvm-video-hub .tvm-card__share-icon,
.tvm-video-hub [data-video-card-share],
.tvm-video-hub [data-event-card-share] {
    background:linear-gradient(135deg, #f6c64b, #ffad3c) !important;
    color:#071d29 !important;
    border:1px solid rgba(255,224,140,.65) !important;
    box-shadow:0 8px 20px rgba(246,198,75,.16) !important;
}

/* MODAL FILMU — prawa karta zawsze czytelna */
.tvm-video-hub .tvm-modal__content,
.tvm-video-hub .tvm-modal__glass,
.tvm-video-hub .tvm-modal__glass h3,
.tvm-video-hub .tvm-modal__glass p,
.tvm-video-hub [data-video-title],
.tvm-video-hub [data-video-description] {
    opacity:1 !important;
    filter:none !important;
    color:#fff !important;
}
.tvm-video-hub [data-video-description] { color:rgba(238,250,252,.88) !important; }
.tvm-video-hub .tvm-rating__summary,
.tvm-video-hub .tvm-rating__views { color:rgba(238,250,252,.90) !important; }
.tvm-video-hub .tvm-rating__star {
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(246,198,75,.36) !important;
    color:#f6c64b !important;
}
.tvm-video-hub .tvm-rating__star.is-selected,
.tvm-video-hub .tvm-rating__star:hover {
    background:linear-gradient(135deg, #f6c64b, #ffad3c) !important;
    color:#071d29 !important;
}

/* FOOTER — pełna belka, granat/morski, bez czerwieni */
.tvm-video-hub .tvm-footer {
    width:100vw !important;
    max-width:100vw !important;
    margin:48px 0 0 calc(50% - 50vw) !important;
    padding:34px 0 !important;
    background:linear-gradient(90deg, #061722 0%, #072232 50%, #063f49 100%) !important;
}
.tvm-video-hub .tvm-footer__inner {
    width:min(1180px, calc(100vw - 48px)) !important;
    max-width:1180px !important;
}

@media (max-width:1100px) {
    .tvm-video-hub .tvm-hero__top { grid-template-columns:1fr auto !important; }
    .tvm-video-hub .tvm-hero__live-col { grid-column:1 / -1 !important; }
    .tvm-video-hub .tvm-tabs-inner { grid-template-columns:1fr !important; }
    .tvm-video-hub .tvm-tabs-add-event { justify-self:start !important; }
}
@media (max-width:760px) {
    .tvm-video-hub .tvm-hero__top,
    .tvm-video-hub .tvm-tabs-inner,
    .tvm-video-hub .tvm-footer__inner,
    .tvm-video-hub .tvm-content-filters,
    .tvm-video-hub .tvm-event-filters { width:calc(100vw - 24px) !important; }
    .tvm-video-hub .tvm-tabs-bar { padding:12px 0 !important; }
    .tvm-video-hub .tvm-category-nav { padding-bottom:8px !important; }
    .tvm-video-hub .tvm-tabs-add-event { width:100% !important; }
    .tvm-video-hub .tvm-card__title { color:#fff !important; }
}