@import url(player.css); @import url(search.css?v=2); h1.mainpage {
    margin-top: -200px;
    position: absolute;
}

.program-item .babel {
    width: 107px;
    margin: 1px;
    background: transparent url(/img/babel-tlo.png) no-repeat top left;
    background-size: cover;
    border-radius: 110px;
}

.program-item .has-babel:after {
    display: block;
    position: absolute;
    content: "";
    width: 109px;
    height: 110px;
    background: transparent url(/img/babel-tvprog-3.png) no-repeat top left;
    background-size: cover;
}

.program-item.prev, .program-item.next {
    display: none;
}

.program-item.prev:last-of-type {
    display: block
}

.wszyscy-bohaterowie .postac {
    width: 95px;
    height: 93px;
    background: transparent url(/img/babel-tlo.png) no-repeat top left;
    background-size: cover;
    border-radius: 95px;
}

.wszyscy-bohaterowie .postac img {
    width: 90% !important;
    border-radius: 100%;
    margin: 5%;
}

.wszyscy-bohaterowie .postac:after {
    display: block;
    position: absolute;
    content: "";
    width: 95px;
    height: 93px;
    background: transparent url(/img/babel-tvprog-3.png) no-repeat top left;
    background-size: cover;
    top: 0;
}

body.postac-default-lp, body.postac-rwd-lp {
    background-image: url("../img/bohaterowie-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

body.postac-default-lp #popup-postacie, body.postac-rwd-lp #popup-postacie {
    display: block;
    position: relative;
    top: 50px;
    z-index: 1;
}

.postac-default-lp .menu-wrapper, .postac-rwd-lp .menu-wrapper {
    display: block !important;
    opacity: 1 !important;
}

h1.title > img, h2.title > img, div.title > img {
    max-width: 600px;
    max-height: 78px;
}

.bxslider-custom li {
    height: 173px
}

.menu .main-menu .bohater img.babel {
    border-radius: 50%;
}

.menu .main-menu .bohater i {
    display: block;
    position: relative;
}

.menu .main-menu .bohater i:after {
    display: block;
    position: absolute;
    content: "";
    width: 95px;
    height: 95px;
    background: transparent url(/img/babel-tvprog-3.png) no-repeat top left;
    background-size: cover;
    top: 0;
}

.menu .main-menu .boh2 i:after {
    width: 81px;
    height: 81px;
}

.menu .main-menu .boh5 i:after {
    width: 85px;
    height: 85px;
}

.menu .main-menu .boh4 i:after {
    width: 71px;
    height: 71px;
}

.menu .main-menu .boh8 i:after {
    width: 91px;
    height: 91px;
}

.menu .main-menu .boh3 i:after {
    width: 132px;
    height: 132px;
}

.menu .main-menu .boh9 i:after {
    width: 101px;
    height: 101px;
}

.copyright {
    font-size: 0.7em;
    color: #000;
    margin-top: -3em;
}

.clickable {
    cursor: pointer;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.nutka.active span {
    background-image: url(../img/nav_sound.png);
}

.nutka span {
    background-image: url(../img/nav_sound2.png);
}

.nutka span {
    width: 60px;
    background-size: 200% 100%;
    height: 60px;
    background-position: 0 0;
    display: inline-block;
    background-repeat: no-repeat;
    top: 5px;
    position: relative;
}

nav.left-menu li a img {
    width: 100%;
}

.menu-glowne li a img {
    display: none;
}

.menu-glowne li a {
    height: 27px;
    display: block;
    background: transparent url(/img/naglowki/menu20160104.png) no-repeat top left;
}

.menu-glowne li#strona-glowna a {
    background-position: 0 0;
}

.menu-glowne li#program a {
    background-position: 0 -26px ;
}

.menu-glowne li#wydarzenia a {
    background-position: 0 -50px;
}

.menu-glowne li#konkursy a {
    background-position: 0 -74px;
}

.menu-glowne li#swiat-rybki a {
    background-position: 0 -104px;
    height: 42px;
}

.menu-glowne li#gotuj a {
    background-position: 0 -154px;
    height: 42px;
}

.menu-glowne li#strona-glowna a:hover {
    background-position: -126px 0;
}

.menu-glowne li#program a:hover {
    background-position: -126px -26px ;
}

.menu-glowne li#wydarzenia a:hover {
    background-position: -126px -50px;
}

.menu-glowne li#konkursy a:hover {
    background-position: -126px -74px;
}

.menu-glowne li#swiat-rybki a:hover {
    background-position: -126px -104px;
    height: 42px;
}

.menu-glowne li#gotuj a:hover {
    background-position: -126px -154px;
    height: 42px;
}

@media all and (max-width: 1400px) {
    .menu-glowne li a {
        height: 18px;
        display: block;
        background: transparent url(/img/naglowki/menu-mobile20160104.png) no-repeat top left;
    }

    .menu-glowne li#strona-glowna a {
        background-position: 0 0;
    }

    .menu-glowne li#program a {
        background-position: 0 -18px;
    }

    .menu-glowne li#wydarzenia a {
        background-position: 0 -35px;
    }

    .menu-glowne li#konkursy a {
        background-position: 0 -52px;
    }

    .menu-glowne li#swiat-rybki a {
        background-position: 0 -72px;
        height: 31px;
    }

    .menu-glowne li#gotuj a {
        background-position: 0 -104px;
        height: 31px;
    }

    .menu-glowne li#strona-glowna a:hover {
        background-position: -87px 0;
    }

    .menu-glowne li#program a:hover {
        background-position: -87px -18px ;
    }

    .menu-glowne li#wydarzenia a:hover {
        background-position: -87px -35px;
    }

    .menu-glowne li#konkursy a:hover {
        background-position: -87px -52px;
    }

    .menu-glowne li#swiat-rybki a:hover {
        background-position: -87px -72px;
        height: 31px;
    }

    .menu-glowne li#gotuj a:hover {
        background-position: -87px -104px;
        height: 31px;
    }
}

.postac-left.side-nav li:first-child nav.left-menu {
    margin-top: -20px;
}

#filmy-search-form div.options ul{
    margin:0;
}

#filmy-search-form div.options li label {
    padding: 3px 10px;
    cursor: pointer;
}

#filmy-search-form div.options .selected {
    background: #db0451 none repeat scroll 0 0;
    border-radius: 12px;
    color: #fff;
    padding: 3px 15px;
}

#zabawa-search-form div.options {
    padding-right: 55px;
}

#zabawa-search-form div.options li label {
    padding: 3px 10px;
    cursor: pointer;
}

#zabawa-search-form div.options .selected {
    background: #db0451 none repeat scroll 0 0;
    border-radius: 12px;
    color: #fff;
    padding: 3px 15px;
}

.share-button {
    display: block;
    width: 30%;
    height: auto;
    float: left;
}

.formularz .form-group {
    margin-bottom: 15px;
}

.formularz .default-view .form-group label.help {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.formularz .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.formularz .hint-block {
    display: none;
}

.formularz .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.formularz .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442;
}

p a {
    color: #DC1B55;
}

.test-postac {
    display: none;
}

.loaded .test-postac {
    display: block;
}

.title-wrapper .postac-icon:after {
    display: block;
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    background: transparent url(/img/babel-tvprog-3.png) no-repeat top left;
    background-size: cover;
    top: 0;
    left: 20px;
}

.title-wrapper .postac-icon {
    width: 100px;
    position: absolute;
    top: -19px;
    left: -100px;
}

.title-wrapper .postac-icon img {
    width: 90%;
    border-radius: 50%;
    margin: auto;
    left: 20%;
    position: relative;
}

.prog-filter:hover h3 {
    color: #fff;
}

.prog-filter.inactive img, .prog-filter.inactive h3 {
    opacity: 0.7;
}

.prog-filter span {
    display: none;
}

.wszystkie-programy.light-menu .search {
    top: -3px;
    right: -20px;
}

.wszystkie-programy.light-menu .search-wrapper {
    height: 45px;
}

.wszystkie-programy.light-menu .search-button {
    padding: 8px 4px 8px 8px;
}

.wszystkie-programy.light-menu .options input[type=search] {
    top: -5px;
    background: #fff !important;
}

#prace-search-form {
    width: 660px;
    margin: 20px auto;
    padding: 15px;
    background: #fff;
}

#prace-search-form input[type='text'] {
    width: 221px;
    margin: 0 10px;
    padding: 10px;
}

#prace-search-form select {
    padding: 10px;
    margin: 0 10px;
}

#prace-search-form {
}

.hide {
    display: none;
}

.g1008 > h2.title {
    position: absolute;
    margin-top: 10px;
    left: 27px;
    font-size: 12px;
    text-indent: -5000px;
}

.film-head-pink > h3 {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.film-head-pink > .h5 {
    font-weight: 600;
    color: #dbeceb;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.film-head-blue > .h5 {
    font-weight: 600;
    color: #dbeceb;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.film-head-blue h3 {
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.light-menu .h3 {
    float: left;
    font-size: 16px;
    text-transform: none;
    margin: 5px 0 0 20px;
}

.light-menu .h3:hover {
    color: #db0451;
}

.film-head-wszystkie h3 {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-box .g1008 {
    margin-left: -32px;
    width: 1008px;
}

.film-head-wszystkie h3 a {
    color: #fff;
}

.event-small h3, .event-small .h3 {
    text-overflow: initial;
    white-space: normal;
    overflow: visible;
}

@media only screen and (max-width: 1023px) {
    .up-btn {
        bottom: -50px !important;
        transition: bottom .3s ease-out;
    }

    .up-btn.visible {
        bottom: 20px !important;
    }
}

.xmas.c-top__logo {
    width: 123px;
    min-width: 89px;    
}

.xmas .c-logo__animation {
    background-image: url(/img/logo-sticky-xmas.png);
}
.xmas .c-logo::after {
    padding-bottom: 79.527%;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.program-item.row {display:flex !important}
.program-item.row .center {padding:0;}
.program-item.row .babel
{
    width: 144px;
    margin:3px;

}
.program-item.row .has-babel::after {
    width: 145px;
    height: 145px;

}

.program-item.row .left > .program-img {
    width:148px;
}


.badge.blue {
    color: #fff !important;
    background: #1f99a5;
    height: 2rem;
    border-radius: 2rem;
    width: 2rem;
    line-height: 1.7rem;
    text-align: center;
}
.program-item.prev.row, .program-item.next.row {
    display: none !important;
}

.col-2 > .right {width:100%;}


.c-thumb--gra::after, .c-thumb--zabawa::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 79px;
    height: 79px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 10;
    background-position: center;
}

.c-thumb--gra:after{
    background-image:url(/img/gry-icon2.png)
} 
.c-thumb--zabawa:after{
    background-image:url(/img/zabawy-icon2.png)
} 
.c-thumb--video:after{
    background-image:url(/img/filmy-icon2.png)
} 
.c-thumb{
    background-color: white !important;
}


.film-wrapper .content {background-color: #fff;}

.btn-rounded {border-radius: 25px;
padding-left: 1rem;
padding-right: 1rem;} 


.btn-pink {background:#db0451;color:#fff;}
.btn > img {vertical-align: bottom;}

.ias-noneleft{
    margin: 1rem 0 3rem 0;
}

.c-radio {
    

    border-radius: 25px;
    height: 50px;
    background: #d40451;
    line-height: 50px;
}

.c-radio input {display: inline;margin-left: 20px;}

.c-radio label {display: inline-block !important;margin-left: 20px;color: #fff;}
.c-radio label {}

.lista .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.seria-thumb {
    border: 4px solid #369ea8;
    margin: 0 5px;
    border-radius: 20px;
    min-height: 100px;
}

h2.thumb_title {
    font-size: 18px;
    min-width: 173px;
    margin-bottom: 0;
    padding: 7px 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-transform: none;
}

.thumb_overlay {
    min-width: 60%;
}


.image img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.thumb_overlay span {
    font-size: 12px;
    padding: 0 10px;
    font-weight: normal;
    margin-bottom: 10px;
}

.seria-thumb .image {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 20px;
}

.active .thumb_overlay {
    background: #369ea8;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    color: #fff;
}

.pink-hover:hover {
    color: #db0451 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

                        .tmp {border: solid 1px #00FF00; box-sizing: border-box; }
                        .dolacz-do-canalplus-wrapper { padding-top: 0.2px; }

                        .ogladaj-canalplus-wrapper {
                            background-color: #CBE7E3;
                            font-size: 25px; font-weight: 700;
                            font-family: "Open Sans";
                        }
                        .ogladaj-canalplus-wrapper .pink-hover {
                            color: #db0451;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                        .ogladaj-canalplus-wrapper .pink-hover > span > img {
                            margin-left: 5px; margin-right: 5px;
                        }
                        .ogladaj-canalplus-wrapper .pink-hover > svg{
                            margin-left: 5px;
                        }

                        .dolacz-do-canalplus-wrapper .blok01 {
                            display: flex; justify-content: center; font-family: "Open Sans"; font-weight: 600;
                            font-size: 22px; flex-wrap: wrap;
                            align-items: center; color: #db0451;
                            background-color: rgba(203, 231, 227, 0.42);
                            padding-top: 20px; padding-bottom: 20px;
                            text-transform: uppercase;
                        }
                        .dolacz-do-canalplus-wrapper .blok01 span:nth-child(3) {
                            font-size: 30px; width: 100%; text-align: center;
                            margin-top: -10px;
                        }
                        .dolacz-do-canalplus-wrapper .blok01 .logo-minimini {
                            margin-left: 0.5em; margin-top: -8px;
                        }

                        .dolacz-do-canalplus-wrapper .blok02 {

                        }
                        .dolacz-do-canalplus-wrapper .blok02 .canalplus-logo { width: 70px; }
                        .dolacz-do-canalplus-wrapper .blok02 > ul {
                            margin: 0; padding: 0; list-style: none;
                            display: flex; justify-content: center;
                        }

                        .dolacz-do-canalplus-wrapper .blok02 > ul > li:nth-child(2) {
                            padding: 0 2em; font-weight: 800; font-size: 16px;
                            color: #db0451; display: flex; align-items: center;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul.pakiety {
                            list-style: none; margin: 0; padding: 0;
                            display: flex; font-size: 14px; color: black;
                            justify-content: center;
                            align-items: center;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul.pakiety li:nth-child(2) {
                            margin-left: 1em; margin-right: 1em;
                        }

                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(1) {
                            width: calc(50% - 51px); max-width: 360px;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) {
                            width: calc(50% - 51px); max-width: 360px;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .pakiety {
                            width: 100%;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .pakiety li:nth-child(1) {
                            width: 60px;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li > a {
                            display: block; width: 100%; height: 100%; padding: 40px;
                            border: solid 5px white; border-radius: 15px;
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            align-items: center;
                            box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li > a:hover {
                            border-color: #db0451;
                            box-shadow: 0px 0px 40px rgba(212,4,81,0.3);
                        }

                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .tv-sat span {
                            display: flex; align-items: center; font-family: "Open Sans"; font-weight: 800;
                            color: black; font-size: 16px;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 ul > li:nth-child(3) .tv-sat span > svg {
                            margin-left: 0.5em; margin-top: -2px;
                        }

                        .dolacz-do-canalplus-wrapper .blok02 .lista {
                            font-family: "Open Sans"; font-size: 14px;
                        }
                        .dolacz-do-canalplus-wrapper .blok02 .lista > div { display: flex; }
                        .dolacz-do-canalplus-wrapper .blok02 .lista > div > svg { margin-top: 4px; margin-right: 5px; }
                        .dolacz-do-canalplus-wrapper .blok02 .lista > div > p { color: black; margin-bottom: 10px; }

                        .dolacz-do-canalplus-wrapper .btn.sprawdz {
                            background-color: #db0451; width: 100%; color: white;
                            border-radius: 25px; max-width: 320px;
                            text-transform: uppercase; font-weight: 600;
                        }
                        .dolacz-do-canalplus-wrapper .btn-wrapper {
                            display: block;
                        }

                        .dolacz-do-canalplus-wrapper .blok03 {
                            font-size: 14px; color: black; font-family: "Open Sans";
                            background-color: rgba(255,255,255,0.5);
                        }
                        .dolacz-do-canalplus-wrapper .blok03 a {
                            color: #db0451;
                        }
                        .dolacz-do-canalplus-wrapper .blok03 a:hover {
                            text-decoration: underline;
                        }

                        @media (max-width: 991px) {
                            .dolacz-do-canalplus-wrapper .blok02 > ul {
                                flex-wrap: wrap;
                            }
                            .dolacz-do-canalplus-wrapper .blok02 > ul > li {
                                width: 100%; margin-bottom: 1em;
                            }

                            .dolacz-do-canalplus-wrapper .blok02 > ul > li:nth-child(3),
                            .dolacz-do-canalplus-wrapper .blok02 > ul > li:nth-child(1) {
                                width: 100%;
                            }

                            .dolacz-do-canalplus-wrapper .blok02 > ul > li:nth-child(2) {
                                justify-content: center;
                            }

                            .dolacz-do-canalplus-wrapper .blok03 a {
                                display: block;
                            }

                            .ogladaj-canalplus-wrapper {
                                font-size: 14px;
                            }
                        }

                        @media (max-width: 575px) {
                            .dolacz-do-canalplus-wrapper .btn.sprawdz {
                                max-width: 200px;
                            }
                            .ogladaj-canalplus-wrapper .pink-hover > span {
                                max-width: 210px; text-align: left;
                            }
                            .ogladaj-canalplus-wrapper .pink-hover > span > img {
                                margin-bottom: -14px; vertical-align: unset;
                            }
                        }

.oggy-oggy .postac-icon-main::after {background: transparent;}
.postac-icon-main.oggy-oggy::after {
    opacity:0.4;
}

header.header-sg + .google-auto-placed {
margin-top:70px;
}
.google-auto-placed + .bgs {margin-top:40px;}
.adsbygoogle::before {
  content: "REKLAMA";
  display: block;
  text-align: center;
  font-size: 10px;
  text-decoration: none;
}

/* auto-hide top menu on scroll (desktop + mobile) */
.c-top {
    transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
}
.c-top.nav-up {
    top: 0 !important; /* override old mobile top:-192px / tablet top:0 conflicts */
    transform: translateY(-100%);
}
@media (prefers-reduced-motion: reduce) {
    .c-top {
        transition: none;
    }
    .c-top.nav-up {
        transform: none;
    }
}

/* opis + sharer: kolumna — .col-12 z Bootstrapa jest display:flex i układał je w rzędzie */
.mm-opis-share,
.top-row .row > .col-12:has(.opis),
.top-row .row > .col-12:has(.mm-share) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}
.mm-opis-share > .opis,
.mm-opis-share > .mm-share,
.top-row .opis,
.top-row .fold,
.top-row .mm-share {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    clear: both;
}
.mm-share {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    margin: 1rem 0 0;
    position: relative;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
}
.mm-share__label {
    color: #1f99a5;
    font-family: centrale_sans_roundedbold, sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.mm-share__row {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.mm-share__btn,
.mm-share__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: 50%;
    background: #d40451;
    color: #fff;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
}
.mm-share__btn:hover,
.mm-share__btn:focus-visible,
.mm-share__more:hover,
.mm-share__more:focus-visible {
    background: #b80345;
    color: #fff;
    outline: none;
    text-decoration: none;
}
.mm-share__btn svg {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
}
.mm-share__more {
    font-size: 1.35rem;
    font-weight: 700;
    transition: transform .2s ease;
}
.mm-share.is-open .mm-share__more {
    display: none;
}
.mm-share__extra {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.mm-share__extra[hidden] {
    display: none !important;
}
.mm-share__toast {
    position: absolute;
    right: 0;
    top: calc(100% + 0.25rem);
    background: #1f99a5;
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.55rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}
.mm-share__toast[hidden] {
    display: none !important;
}
.mm-film-filters {
    padding-left: 0;
    margin-bottom: 0.5rem;
}
.mm-film-filters .options {
    float: none;
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
}

/* centered play before video starts */
.videoContainer:has(> video) {
    position: relative;
}
.mm-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: #d40451;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.25);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}
.mm-video-play::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.7rem 0 0.7rem 1.15rem;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.mm-video-play:hover,
.mm-video-play:focus-visible {
    background: #b80345;
    outline: none;
}
.videoContainer.is-playing > .mm-video-play {
    display: none;
}

/* kafelki FILMY/GRY/ZABAWY — jasnoniebieski outline do środka */
.btns .btn.btn-default,
.btns .btn.btn-lg {
    position: relative;
    box-shadow: inset 0 0 0 3px rgba(31, 153, 165, 0.45);
}
.btns .btn.btn-default:hover,
.btns .btn.btn-lg:hover,
.btns.row .active .btn {
    box-shadow: inset 0 0 0 3px rgba(31, 153, 165, 0.75);
}

/* kafelki z propozycjami — zawsze widoczny jasnoniebieski ring (border, nie outline) */
.c-thumbs__item .c-thumb,
.lista .item .c-thumb,
.lista .c-thumb,
.c-thumbs .c-thumb {
    outline: none !important;
    border: 3px solid rgba(31, 153, 165, 0.55) !important;
    box-sizing: border-box !important;
    background-clip: padding-box;
}

/* miniaturki: MmThumbnail już kadruje po bokach — tu tylko wypełnij kafelek */
.c-thumbs .c-thumb__image,
.lista .c-thumb__image,
.c-thumbs__item .c-thumb__image {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center center;
}

/* odstępy między modułami na stronie postaci */
.top-row {
    margin-bottom: 2.5rem;
}
.top-row .opis {
    margin-bottom: 1.25rem;
}
.top-row .mm-share,
.opis + .mm-share,
.fold + .mm-share,
.mm-share {
    margin-top: 1.25rem !important;
    margin-bottom: 2.5rem !important;
    clear: both !important;
    width: 100%;
}
.btns.row {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}
section.promos.full {
    margin-top: 2rem;
    padding-top: 1rem;
}
section.promos.full .result-count,
section.promos.full .sort-order {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.c-thumbs {
    margin-top: 1rem;
}
.c-thumbs__item {
    margin-bottom: 1.5rem !important;
}

/* fold: nadpisz zbyt duże max-height z CSS postaci */
.fold > div,
body.c-subpage .fold > div {
    max-height: 79px !important;
}
.fold.big > div,
body.c-subpage .fold.big > div {
    max-height: 200px !important;
}
.fold.unfolded > div,
body.c-subpage .fold.unfolded > div {
    max-height: 5000px !important;
}

/* obrazy w opisie nie rozjeżdżają layoutu */
.opis img,
.fold img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0.75rem auto;
}
.fold:not(.unfolded) img {
    display: none !important;
}

/* strzałki przy więcej / zwiń (glyphicon często bez fontu — zawsze CSS) */
.fold .more .glyphicon,
.fold .less .glyphicon {
    display: none !important;
}
.fold .more::after {
    content: " ▼";
    font-size: 0.75em;
    margin-left: 0.25em;
}
.fold .less::after {
    content: " ▲";
    font-size: 0.75em;
    margin-left: 0.25em;
}

/* sortowanie — własne menu + ikony */
.mm-sorter {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.4rem;
    z-index: 20;
}
.mm-sorter__label {
    color: #1f99a5;
}
.mm-sorter__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0;
    background: transparent;
    color: #1f99a5;
    font: inherit;
    cursor: pointer;
    padding: 0.15rem 0.2rem;
}
.mm-sorter__caret {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #1f99a5;
}
.mm-sorter__ico {
    display: inline-block;
    vertical-align: -2px;
    margin-right: 0.3em;
    color: #1f99a5;
}
.mm-sorter__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 220px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    padding: 0.4rem 0;
    z-index: 50;
}
.mm-sorter__menu[hidden] {
    display: none !important;
}
.mm-sorter__item {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1rem;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
.mm-sorter__item:hover,
.mm-sorter__item:focus {
    background: #e8f6f7;
    color: #1f99a5;
    text-decoration: none;
}

@media (max-width: 550px) {
    .fold > div,
    body.c-subpage .fold > div {
        max-height: 72px !important;
        overflow-x: hidden !important;
    }
    .fold.unfolded > div,
    body.c-subpage .fold.unfolded > div {
        max-height: 5000px !important;
    }
}

/* mobile: bąbel w górę, opis, load more, program TV */
@media (max-width: 767px) {
    /*
     * Zwiń pusty .c-header.c-subpage: na ≤550px jest position:relative
     * + margin-top:75px z 2018update — zostawia pas dedykowanego tła nad kartą.
     */
    body.c-subpage .c-header.c-subpage {
        margin-top: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
    }
    body.c-subpage .c-header.c-subpage.visible {
        margin-top: 75px !important;
        height: auto !important;
        max-height: 80vh !important;
        overflow: visible !important;
    }
    /* pusty slot reklamowy pod headerem (margin-bottom:40px) — pas tła nad kartą */
    body.c-subpage .c-header.c-subpage + div {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        background: transparent !important;
    }

    /* padding pod stałe .c-top (~96px); biała karta zaraz pod headerem
       (NIE na stronach gier/kolorowanek — z-index:1 więzi .gra-included pod .c-top) */
    body.c-subpage:not(.menu-hidden):not(.gra-graj) {
        padding-top: 96px !important;
    }
    body.c-subpage:not(.menu-hidden):not(.gra-graj) .container {
        /* padding = miejsce na bąbel; ujemny margin bąbla wciąga go do krawędzi karty, bez wjazdu pod .c-top */
        padding-top: 2.75rem !important;
        margin-top: 0 !important;
        position: relative;
        z-index: 1;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        overflow: visible;
    }
    .top-row {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 1.25rem;
    }
    .top-row > .row:first-child {
        margin-top: 0 !important;
    }
    /* TYLKO kolumna z bąblem — NIE .mm-opis-share (też :first-child 2. rzędu) */
    .top-row > .row:first-child > [class*="col-"]:first-child {
        display: flex;
        justify-content: center;
        margin-top: -2.75rem !important;
        margin-bottom: 0.5rem;
        padding-top: 0 !important;
        position: relative;
        z-index: 3;
    }
    .top-row .postac-icon {
        width: min(72vw, 280px) !important;
        max-width: min(72vw, 280px) !important;
        margin: 0 auto !important;
        float: none !important;
        display: block;
    }
    .top-row .postac-icon .postac-icon-main {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .top-row .postac-icon-main img,
    .top-row .col-sm-2 .postac-icon-main img,
    .top-row .col-12 .postac-icon-main img,
    .top-row .col-sm-2 .postac-icon-main img {
        width: 88% !important;
        left: 6% !important;
        top: 4% !important;
        display: block !important;
        position: relative !important;
    }
    .top-row .postac-icon-main::after,
    .top-row .col-sm-2 .postac-icon-main::after,
    .top-row .col-sm-2 .postac-icon-main:after {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        height: 100% !important;
        background-size: contain !important;
    }
    /* tytuł pod bąblem — bez nakładania na opis (mmmobile daje .col-sm-10 z-index:9) */
    .top-row > .row:first-child > .col-sm-10,
    .top-row > .row:first-child > .col-12.col-sm-10 {
        z-index: 2 !important;
        position: relative;
        clear: both;
        margin-top: 0.25rem !important;
    }
    .top-row .mm-mobile-h1-center,
    .top-row h1.pink,
    .top-row .h1.pink {
        text-align: center;
        margin-top: 0.35rem !important;
        margin-bottom: 0.85rem !important;
        position: relative;
        z-index: 2;
    }
    /* opis NIE może dostać ujemnego margin z selektora bąbla */
    .top-row .mm-opis-share,
    .top-row > .row:not(:first-child) > [class*="col-"] {
        margin-top: 0 !important;
        z-index: 1 !important;
        position: relative;
    }
    .top-row .opis {
        margin-top: 0.5rem !important;
        padding-top: 0.15rem;
        clear: both !important;
    }
    .top-row .opis .fold > div,
    .top-row .opis .fold > div > p:first-child {
        margin-top: 0;
    }
    .top-row .opis,
    .top-row .fold,
    .top-row .fold > div {
        overflow-x: hidden !important;
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: anywhere;
    }
    .top-row .fold > div p {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* Załaduj więcej — pełna szerokość */
    .btn-load-more,
    .ias-trigger.btn-load-more,
    .ias-trigger.my-4.btn {
        width: calc(100% - 1rem) !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
    .btn-load-more .show-more,
    .ias-trigger .show-more {
        display: block;
        width: 100%;
        color: #fff !important;
        text-decoration: none;
    }

    /* Program TV mobile:
       data | ikonki (prawo)
       godzina |
       tytuł
       przypis (Polska)
    */
    .pozycja.row.mm-mobile-relative,
    .pozycja.mm-mobile-relative {
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "date icons"
            "time icons"
            "title title"
            "meta meta";
        column-gap: 0.75rem;
        row-gap: 0.15rem;
        align-items: start;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 0.85rem;
        padding: 0.9rem 1rem;
        background: #dbeceb;
        border-radius: 18px;
        position: relative;
        overflow: visible;
    }
    .pozycja .mm-mobile-label-bg {
        display: none !important;
    }
    .pozycja .mm-mobile-col-2,
    .pozycja .mm-mobile-col-2-padding {
        grid-area: date;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        padding: 0 !important;
        font-size: 0.95rem !important;
        line-height: 1.25;
        color: #1f99a5 !important;
    }
    .pozycja .mm-mobile-float-right {
        grid-area: time;
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .pozycja .mm-mobile-float-right strong,
    .pozycja strong {
        font-size: 2.15rem !important;
        line-height: 1.05;
        color: #1f99a5 !important;
        font-weight: 700;
    }
    .pozycja .mm-mobile-float-right strong sup,
    .pozycja strong sup {
        font-size: 0.55em !important;
        top: -0.45em;
    }
    .pozycja .mm-mobile-col-2-width {
        grid-area: icons;
        width: auto !important;
        max-width: none !important;
        float: none !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.4rem;
        padding: 0 !important;
        align-self: start;
    }
    .pozycja .mm-mobile-title-subtitle-absolute,
    .pozycja .mm-mobile-col-6 {
        grid-area: title;
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        text-align: left !important;
        right: auto !important;
        bottom: auto !important;
        padding: 0.45rem 0 0 !important;
        line-height: 1.25;
        display: flex;
        flex-direction: column;
        gap: 0.2rem;
    }
    .pozycja .mm-mobile-title-subtitle-absolute .pink,
    .pozycja .mm-mobile-h3,
    .pozycja h3.mm-mobile-h3 {
        font-size: 1.25rem !important;
        line-height: 1.25 !important;
        margin: 0 !important;
        display: block;
    }
    .pozycja small.blue {
        display: block;
        margin-top: 0;
        font-size: 0.9rem !important;
        color: #1f99a5 !important;
        order: 2;
    }
    .pozycja .mm-mobile-col-2-width .button1,
    .pozycja .mm-mobile-button1 {
        float: none !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        flex: 0 0 40px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        background: #1f99a5 !important;
        border-radius: 50%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    }
    .pozycja .mm-mobile-col-2-width .button1.inactive {
        opacity: 0.4;
        background: #7eb8bf !important;
    }
    .pozycja .mm-mobile-col-2-width .separator,
    .pozycja .mm-mobile-separtor-hidden {
        display: none !important;
    }
    .pozycja .mm-svg,
    .pozycja .mm-svg-2 {
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        fill: none !important;
        stroke: #fff !important;
        stroke-width: 2.5 !important;
    }

    /* galeria miniatur pod zdjęciem — thumbnails + przewijanie */
    .mm-mobile-slider-width {
        margin: 0.75rem 0 1rem;
        overflow: visible;
    }
    .col-sm-12 .mm-mobile-slider-width .bx-wrapper .bx-viewport,
    .mm-mobile-slider-width .bx-wrapper .bx-viewport {
        width: 100% !important;
        height: auto !important;
        min-height: 100px !important;
        max-height: none !important;
        overflow: hidden !important;
    }
    .col-sm-12 .mm-mobile-slider-width .bx-wrapper .bx-viewport .bxslider-galeria li,
    .mm-mobile-slider-width .bxslider-galeria li {
        width: 140px !important;
        max-width: 45vw !important;
        height: auto !important;
        float: left;
    }
    .mm-mobile-slider-width .bxslider-galeria .postac-item {
        padding: 0;
        margin: 0;
    }
    .mm-mobile-slider-width .bxslider-galeria img,
    .mm-mobile-slider-width .bxslider-galeria img.photo2 {
        width: 100% !important;
        height: 95px !important;
        max-width: 100% !important;
        object-fit: cover !important;
        display: block !important;
        border-radius: 10px;
    }
    .mm-mobile-slider-width .bx-controls-direction a {
        z-index: 5;
    }
    .mm-mobile-slider-width .bx-pager {
        padding-top: 0.5rem;
    }

    /* prettyPhoto — białe tło, bez „paska” przez środek zdjęcia */
    html.mm-pp-open,
    body.mm-pp-open {
        overflow: hidden !important;
        height: 100% !important;
    }
    div.pp_overlay {
        background: #ffffff !important;
        opacity: 1 !important;
        z-index: 20000 !important;
    }
    div.pp_pic_holder {
        z-index: 20001 !important;
        left: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
    }
    div.pp_pic_holder .ppt {
        display: none !important;
    }
    div.pp_pic_holder .pp_top,
    div.pp_pic_holder .pp_bottom,
    div.pp_pic_holder .pp_left,
    div.pp_pic_holder .pp_right,
    div.pp_pic_holder .pp_middle {
        background: #ffffff !important;
        background-image: none !important;
        height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    div.pp_content_container,
    div.pp_content,
    div.pp_fade,
    div.pp_details,
    #pp_full_res {
        background: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    div.pp_content {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: visible !important;
    }
    #pp_full_res {
        line-height: 0 !important;
        text-align: center;
    }
    /* pasek przez środek = hoverContainer / next-prev z tłem */
    div.pp_hoverContainer {
        background: transparent !important;
        background-image: none !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
    }
    a.pp_next,
    a.pp_previous {
        background: transparent !important;
        background-image: none !important;
        opacity: 0.01 !important;
    }
    a.pp_next:hover,
    a.pp_previous:hover {
        background-color: transparent !important;
        opacity: 0.15 !important;
    }
    .pp_content #fullResImage,
    #pp_full_res #fullResImage,
    div.pp_content img#fullResImage {
        max-width: 100vw !important;
        max-height: 75vh !important;
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
        vertical-align: top;
        border: 0 !important;
    }
    div.pp_details {
        width: 100% !important;
        margin: 0.75rem 0 0 !important;
        padding: 0 1rem !important;
        box-sizing: border-box;
        float: none !important;
        clear: both;
    }
    a.pp_close,
    a.pp_expand,
    a.pp_contract,
    .pp_nav,
    a.pp_arrow_previous,
    a.pp_arrow_next {
        z-index: 20002 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* odstęp tekstu od fotki/wideo gdy brak galerii (mobile + desktop) */
.mm-hero-gap {
    margin-bottom: 1.75rem !important;
}
.emisje-filmy.mm-after-hero {
    margin-top: 1.5rem !important;
    padding-top: 0.25rem;
}
@media (max-width: 767px) {
    .mm-hero-gap {
        margin-bottom: 1.5rem !important;
    }
    .emisje-filmy.mm-after-hero {
        margin-top: 1.25rem !important;
    }
    /* też gdy brak klasy — ogólny odstęp po hero */
    .col-sm-12 > .embed-responsive {
        margin-bottom: 1.25rem;
    }
    .col-sm-12 > .embed-responsive ~ .emisje-filmy {
        margin-top: 1.25rem !important;
    }
    .col-sm-12 > .mm-mobile-slider-width ~ .emisje-filmy {
        margin-top: 0.75rem !important;
    }
    /* odstęp między tytułem a metadanymi / wideo na tvbase */
    .top-row + .row h1.pink,
    .top-row h1.pink + .normal,
    .col-sm-12 > h1.pink,
    .col-sm-12 .h1.pink {
        margin-bottom: 0.85rem !important;
    }
}

@media (min-width: 768px) {
    .mm-hero-gap {
        margin-bottom: 2.25rem !important;
    }
    .emisje-filmy.mm-after-hero {
        margin-top: 2rem !important;
    }
    .col-sm-12 > .embed-responsive ~ .emisje-filmy.mm-after-hero {
        margin-top: 2rem !important;
    }

    /* desktop galeria: wyśrodkowanie + zaokrąglone rogi */
    .mm-mobile-slider-width {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .mm-mobile-slider-width .bx-wrapper {
        margin: 0 auto !important;
        max-width: 100%;
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .mm-mobile-slider-width .bx-viewport {
        border-radius: 20px !important;
        overflow: hidden !important;
    }
    .mm-mobile-slider-width .bxslider-galeria li {
        overflow: hidden;
        border-radius: 12px;
    }
    .mm-mobile-slider-width .bxslider-galeria img,
    .mm-mobile-slider-width .bxslider-galeria img.photo2,
    .mm-mobile-slider-width .photo2 {
        border-radius: 12px !important;
        display: block;
    }
    .mm-mobile-slider-width .bx-pager {
        text-align: center;
        width: 100%;
    }
}

/* Mobile filmy/gry/zabawy: 1 kafelek w rzędzie + podpis pod zdjęciem (ellipsis) */
@media (max-width: 767px) {
    .row.lista > .item.col-6,
    .row.lista > .col-6.item,
    .row.lista > .item[class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .row.lista .item .c-thumb {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background-color: transparent !important;
    }

    .row.lista .item .c-thumb:before {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
    }

    .row.lista .item .c-thumb__image {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        object-position: center center;
    }

    .row.lista .item .c-thumb__overlay {
        order: 2;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        opacity: 1 !important;
        padding: 0.65rem 0.75rem;
        background-color: rgba(31, 153, 165, 0.95);
        z-index: auto;
        text-align: left;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .row.lista .item .c-thumb__title {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1rem;
        line-height: 1.3;
        color: #fff;
    }

    .row.lista .item .c-thumb:hover .c-thumb__image {
        -webkit-transform: none;
        transform: none;
    }

    /* ikona play: przy dolnej krawędzi zdjęcia, nie przy podpisie */
    .row.lista .item .c-thumb--video:after {
        top: 0;
        bottom: auto;
        margin-top: calc(56.25% - 69px);
        right: 10px;
    }

    .row.lista .item .c-thumb__clock,
    .row.lista .item .c-thumb__time {
        bottom: auto;
        top: 0;
        margin-top: calc(56.25% - 2.5rem);
    }
}