:root {--resp-2col:3; --resp-3col:4; --vgl-bigart-h3:var(--rs-h5, 1.25rem); --entry-list:4}
.vgl-v1.vgl-limit2 .art:nth-child(n+7), .vgl-v2.vgl-limit1 .art:nth-child(n+5) {display:none}

@media screen and (min-width:1280px){
:root {--vgl-bigart-h3:var(--rs-h3, 1.75rem)}
}

@media screen and (min-width:1440px){
:root {--vgl-bigart-h3:var(--rs-h2, 2rem)}
}

/* zrusene breaky 2025/06/16
:root {--resp-2col:2; --resp-3col:3;
.vgl-v1.vgl-limit2 .art:nth-child(n+7), .vgl-v2.vgl-limit1 .art:nth-child(n+4) {display:none}

@media screen and (min-width:1280px){
:root {--resp-2col:3; --resp-3col:4; --vgl-bigart-h3:var(--rs-h3, 1.75rem)}
.vgl-v2.vgl-limit1 .art:nth-child(n+4) {display:block}
.vgl-v2.vgl-limit1 .art:nth-child(n+5) {display:none}
}
@media screen and (min-width:1680px){
:root {--resp-2col:4; --resp-3col:5; --vgl-bigart-h3:var(--rs-h1, 2.25rem); --entry-list:5}
.vgl-v1.vgl-limit2 .art:nth-child(n+7), .vgl-v2.vgl-limit1 .art:nth-child(n+5) {display:block}
.vgl-v1.vgl-limit2 .art:nth-child(n+9), .vgl-v2.vgl-limit1 .art:nth-child(n+6) {display:none}
}

@media screen and (min-width:1920px){
:root {--vgl-bigart-h3:2.75rem}
}
*/

.css-t {--resp-2col:1; --resp-3col:1; --entry-list:2}

/* transformace strihu */
#iph.shadow {box-shadow:0 1.5rem 1rem -1rem var(--tgl-black-o10, #0000001a)}
.m-bg-1 {padding:0}
.m-bg-3 {max-width:1680px; min-width:1030px}
.m-bg-4.m-bg-4 {width:100%; padding:0 33px; box-sizing:border-box}
.m-bg-4.m-bg-4 .iph {margin-left:-33px; margin-right:-33px}
.m-bg-4.m-bg-4 .lachtan-out {margin-left:auto; margin-right:auto}

.col-a, .col-b, .col-ab {margin-left:0; margin-right:0}
.col-a {width:calc(100% - 300px - var(--spacing-15, 1.5rem))}
.col-b {width:300px}
.col-ab {width:100%}

.vgl, .video-art h3 {transition:all .5s}

/* zesilovacka prepisovacka - asi se vcucne do layoutu */
.video-art .art-img {border-radius:var(--radius-m, .5rem)}
.video-art .art-info {position:absolute; left:0; bottom:0; margin:0; padding:.25rem .5rem; border-radius:0 var(--radius-m, .5rem); font-weight:600;  font-size:.875rem; line-height:1.25; color:#FFF; background:var(--black-o50, #00000080); text-shadow:none}
.video-art .length {text-transform:uppercase /* kvuli ZIVE */}
.mark-new .art-img:before {content:'NOV\c9 '; position:absolute; top:auto; left:0; bottom:0; z-index:2; font-weight:600; font-size:.625rem; line-height:1.2; padding:.25rem .5rem; border-radius:0 var(--radius-m, .5rem); color:#FFF; background:var(--tgl-sec60, #E41F1F)}

/* VideoGrupList */
.vgl {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--spacing-1, 1rem)}
.vgl-v1 {grid-template-columns:repeat(var(--resp-2col), 1fr)}
.vgl-v2 {grid-template-columns:repeat(var(--resp-3col), 1fr)}
/*.css-t .vgl-v1, .css-t .vgl-v2 {/-* kvuli roztahujicim reklamam *-/ display:flex; flex-direction:column} */
@media screen and (max-width:1280px){
/*.css-d .vgl-v2 .art:nth-of-type(n+19) {display:none}*/
}
/* PRG vyjimka, protoze stankovani cpe do vypisu clanku */
.vgl .nacitacidiv {grid-column:1 / -1; justify-self:center; width:100%}
.next-art {margin:auto}

/* dalsi druh art */ 
.vgl-art {min-height:calc(.5625 * 120px); margin:0; padding:0}

/* velky titulni clanek */
.vgl-bigart {position:relative; padding:0; border-radius:var(--radius-m, .5rem); color:#FFF; background:radial-gradient(108.09% 108.75% at 13.05% 29.73%, transparent 0%, var(--black-o50, #00000080) 100%), var(--pri60, #1B3E7A)}			  
.vgl-bigart a {color:inherit; text-decoration:none}
.vgl-bigart a:hover h3 {text-decoration:underline}
.vgl-bigart .video-art {display:flex; width:100%; overflow:hidden}
.css-t .vgl-bigart .video-art {flex-direction:column}
.vgl-bigart .video-art .art-img {flex:1 1 100%; height:100%; padding:0; aspect-ratio:16 / 9; border-radius:var(--radius-m, .5rem) var(--radius-m, .5rem) 0 0}
.css-d .vgl-bigart .video-art .art-img {order:1; border-radius:0 var(--radius-m, .5rem) var(--radius-m, .5rem) 0}
.q-mouse .vgl-bigart .video-art .art-img video {opacity:1}
.vgl-bigart .video-art .art-info {display:none}
.vgl-bigart .video-art .cell {padding:var(--spacing-1, 1rem)}
.vgl-bigart .video-art h3 {margin:0; padding:0 0 var(--spacing-05, .5rem)}
.css-d .vgl-bigart .video-art .cell {flex:0 0 8em; position:relative; padding:var(--vgl-bigart-h3); font-size:var(--vgl-bigart-h3); overflow:hidden}
.css-d .vgl-bigart .video-art .js-orezavac {position:absolute; top:var(--spacing-15, 1.5rem); left:var(--spacing-15, 1.5rem); bottom:var(--spacing-15, 1.5rem); right:var(--spacing-15, 1.5rem); overflow:hidden}
.css-d .vgl-bigart .video-art h3 {margin:0; padding:0 0 .25em; font-size:inherit}
.css-d .vgl-bigart .video-art p {font-size:1rem; line-height:1.6}
.vgl-bigart > .art-info {display:none}

/* VYPIS PORADU - puvodni kod */
.entry-list {display:grid; grid-template-columns:repeat(var(--entry-list), 1fr); gap: var(--spacing-15, 1.5rem) var(--spacing-1, 1rem)}
.entry-square .art-img {float:none; display:block; margin:0 0 .25rem; padding-top:100%; border-radius:var(--radius-m, .5rem); background:url('/u/idn4/obrazek-neni-k-dispozici.png') no-repeat 50% 50% / cover}
.entry-square h3 {font-size:var(--rs-h6, 1.125rem)}
/* pretizeni pro archiv */
.entry-list-archiv .entry-square .art-img {padding-top:56.25%}

/* HLAVICKA PORADU - puvodni kod */
.header-show {position:relative; overflow:hidden; margin:0 0 var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); color:#FFF; background:var(--neutral60, #75868E) no-repeat; background-position:100% 0 !important; background-size:cover; text-shadow:0 .5em 2em #000}
.header-show .opener {display:flex; align-items:center; min-height:18em; background:radial-gradient(100% 280% at 0% 50%, var(--pri90-o90, #091E3Ce5) 0%, var(--pri90-o70, #091E3Cb2) 30%, transparent 60%)}
.header-show .opener-in {flex:0 0 50%; padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); box-sizing:border-box}
.header-show h1 {margin:0 0 .5rem; font-size:var(--rs-h1big, 2.5rem)}
.header-show p {font-size:100%; line-height:1.6 }
.css-t .header-show {padding:40% 0 0; background-size:200% auto}
.css-t .header-show .opener {display:block; min-height:0; background:radial-gradient(100% 280% at 0% 50%, var(--pri90-o70, #091E3Cb2) 0%, var(--pri90-o70, #091E3Cb2) 30%, var(--pri90-o70, #091E3Cb2) 70%), var(--tgl-web-bg, #FFF)}
.css-t .header-show p {font-size:87.5%; line-height:1.4}

/* SOUVISEJICI PORADY - vycuc poradu */
.relshows {display:grid; grid-template-columns:repeat(8,1fr); gap:1%; list-style:none}
.relshows li:nth-child(n+9) {display:none}
.relshows h3 {position:absolute; top:-999vw; left:-999vw}
.css-t .relshows {grid-template-columns:repeat(4,1fr)}

/* VYPIS SERIALU = KINO - puvodni kod */
.kino-list {display:flex; gap:.5rem; flex-wrap:wrap}
.kino-list li {flex:1; display:block}
.css-t .kino-list li {flex-basis:40%}
.kino-list img {width:100%; border-radius:var(--radius-m, .5rem)}
.kino-list-out .kino-list {display:grid; grid-template-columns:repeat(2, 1fr)}
.css-t .kino-list-out .kino-list {grid-template-columns:1fr}

/* VIDEO CLANEK */
.art-full-video {margin:0 0 var(--spacing-15, 1.5rem); padding:0 0 .01px; border-bottom:1px solid var(--tgl-pri10, #D6DEEB)}
.videoplayer-out {container-type:inline-size}
.css-d .videoplayer-out {color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05b, #EDF2F9)}
.css-d .art-full-video videoplayer {width:auto !important; max-width:100%; height:100% !important; min-height:18em; max-height:calc(100vh - 12rem); margin-left:auto; margin-right:auto; padding:0 !important; aspect-ratio:16 / 9 !important}
.css-d.q-wk .art-full-video videoplayer {width:calc((100vh - 14rem) * 16 / 9) !important /* Safari bug, kdy pri pouziti aspect-ratio ignoruje width:auto a misto toho natvrdo nastavi width:100% */}
.art-full-video videoplayer + small {height:0; margin:0; padding:0; overflow:hidden}
.art-full-video .arttit {margin:var(--spacing-1, 1rem) 0}
.art-full-video .art-info {margin:0 0 var(--spacing-15, 1.5rem); font-size:87.5%}
.art-full-video .art-info .location {margin:0 0 0 var(--spacing-075, .75rem); font-size:100%; text-transform:uppercase}
.art-full-video .art-info .location a {font-weight:600}
.art-full-video .art-info .location a:before {/* fix pro /m/css/layout.css */ display:none}
.art-full-video .opener {margin:0 0 var(--spacing-15, 1.5rem); font-size:1.125rem; line-height:1.6} 
.art-full-video .opener p {margin:0 0 1em; font-size:100%}
.art-full-video .artsum {flex-wrap:wrap; gap:var(--spacing-15, 1.5rem)}
.css-d .art-full-video .artsum {align-items:center}
.art-full-video .artsum .authors {flex:1 1 auto; padding:0; font-size:100%}
.art-full-video .artsum .ico-article {flex:0 0 auto; display:flex; gap:.25em; font-weight:600; font-size:100%; line-height:1.25; color:var(--tgl-pri60, #1B3E7A)}
.art-full-video .artsum .ico-article:before {filter:var(--filter-tgl-pri60)}
.css-d .art-full-video .artsum .ico-article, .css-d .art-full-video .artsum .artsum-btn {margin-left:auto}

/* obecny fix pro kolotoce  */
.css-d .kolotoc {container-type:inline-size; position:relative; overflow:hidden}
.css-d .kolotoc ul {clear:both; width:10000%; min-height:1em; list-style:none; overflow:hidden}
.css-d .kolotoc li {float:left; width:172px; margin:0 var(--spacing-075, .75rem) 0 0; padding:0}

/* transformace pro #poradtoc = .sportoc.entry-square */
.sportoc.entry-square {padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m-0, .5rem); background:var(--tgl-pri05b, #EDF2F9)}
.sportoc.entry-square .sportoc-prev, .sportoc.entry-square .sportoc-next {padding:0 .125rem}
.sportoc.entry-square .sportoc-prev {left:0; right:auto}
.sportoc.entry-square .sportoc-next {left:auto; right:0}
.sportoc.entry-square li {border:0}
.sportoc.entry-square h3 {position:absolute; top:-9999rem; left:-9999rem}
@supports (width: 1cqw) {.css-d .sportoc.entry-square li {width:calc(12.5cqw - .675rem)}}
.css-t .sportoc.entry-square {margin:0 -1rem}
.css-t .sportoc.entry-square li {width:70px}

/* transformace pro #slowtoc = .slowtoc.slowtoc */
.slowtoc.slowtoc {padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); background:var(--tgl-pri05b, #EDF2F9)}
.slowtoc.slowtoc .sportoc-prev, .slowtoc.slowtoc .sportoc-next {padding:0 .125rem}
.slowtoc.slowtoc .sportoc-prev {left:0; right:auto}
.slowtoc.slowtoc .sportoc-next {left:auto; right:0}
.slowtoc.slowtoc li {width:300px; min-width:300px; margin:0; padding:0; border-right:1px solid var(--tgl-pri20, #A7B9D9)}
.slowtoc.slowtoc .video-art {display:flex; gap:var(--spacing-075, .75rem); padding:0 var(--spacing-15, 1.5rem); color:inherit; text-decoration:none; font-size:var(--rs-h8, .875rem); line-height:1.25; font-family:inherit}
.slowtoc.slowtoc .video-art:hover h3 {text-decoration:underline}
.slowtoc.slowtoc .video-art .cell {flex:1}
.slowtoc.slowtoc .video-art .art-img {flex:0 0 auto; width:auto; height:5.125em; padding:0; border-radius:var(--radius-s, .25rem); aspect-ratio:16 / 9}
.slowtoc.slowtoc h3, .slowtoc.slowtoc h4 {margin:0; padding:0; font-size:inherit; line-height:inherit; font-family:inherit}
.slowtoc.slowtoc h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font-weight:600; color:var(--tgl-pri80, #122E5B)}
.slowtoc.slowtoc h4 {margin-bottom:.125em; font-weight:800}
.slowtoc.slowtoc h4:after {content:''; display:inline-block; vertical-align:top; width:.75em; height:1.25em; margin-left:.25em; background:url('/u/icon/e11/disc.svg') no-repeat 50% / contain}
@supports (width: 1cqw) {
.css-d .sportoc.slowtoc li {width:calc(100cqw / var(--resp-2col) + 1px)}
.css-d .col-ab .sportoc.slowtoc li {width:calc(100cqw / var(--resp-3col) + 1px)}
}
/* slowtoc jako vybalovac pro touch */
.slowtoc.slowvybal .btn-more {color:var(--tgl-pri80, #122E5B); background:var(--tgl-web-bg, #FFF)}
.slowtoc.slowvybal .btn-more, .slowtoc.slowvybal li {width:100%; max-width:none}
.slowtoc.slowvybal li {list-style:none; border:0}
.slowtoc.slowvybal li:nth-child(n+3), .slowvybal-visible .btn-more {display:none}
.slowvybal-visible.slowtoc.slowvybal li {display:block}
.slowtoc.slowvybal .video-art {padding:0 0 var(--spacing-15, 1.5rem)}

/* prevzata odbocka ve slow */
.carusel {container-type:inline-size; position:relative; border-radius:0 0 var(--radius-m, .5rem) var(--radius-m, .5rem); color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05b, #EDF2F9)}
.css-t .carusel {display:none}
.carusel-prev, .carusel-more {position:absolute; top:0; z-index:3; height:100%; width:var(--spacing-15, 1.5rem); background:var(--tgl-pri05-o90, #EDF2F9e5); cursor:pointer}
.carusel-prev {left:0; border-radius:0 0 0 var(--radius-m, .5rem)}
.carusel-more {right:0; border-radius:0 0 var(--radius-m, .5rem) 0}
.carusel-prev:before, .carusel-more:before {content:''; position:absolute; top:50%; left:0; width:100%; height:2em; margin-top:-1em; background:url('/u/icon/000/arrow-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.carusel-prev:before {transform:rotate(180deg); }
.carusel-in {overflow:hidden; padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem)}
.carusel ul {clear:both; width:10000% !important; min-height:1em; list-style:none; overflow:hidden}
.carusel li {width:220px; margin-right:var(--spacing-1, 1rem); float:left; display:block}
@supports (width: 1cqw) {.carusel li {width:calc(25cqw - 1.5rem);/* max-width:260px*/}}
.carusel li.act .video-art {cursor:default}
.carusel li.act .art-info:before {content:'PR\c1 V\11a \20 HRAJE'; position:absolute; bottom:100%; left:0; width:100%; text-indent:.5em; background:rgba(228,31,30,.8)}
.carusel li.act .video-art:hover .art-img:before {width:0; margin:0; padding:0}
.carusel li.act .video-art:hover .art-info {height:20px}
.carusel li.act .video-art:hover .art-info span {opacity:1}
.carusel .video-art .art-img {border-radius:var(--radius-s, .25rem)}
.carusel .mark-new .art-img:before {padding:.25rem; border-radius:0 var(--radius-s, .25rem)}
.carusel .video-art h3 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}

.b-box h2 {margin:0 0 var(--spacing-05, .5rem); font-size:var(--rs-h5, 1.25rem)}

.b-box-nextvid {padding:var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); color:var(--tgl-neutral90, #2B3135); background:var(--tgl-pri05b, #EDF2F9)}
.css-d .b-box-nextvid, .css-d .videoplayer-out {min-height:24.125em}
.css-d .b-box-nextvid {margin-left:calc(-1 * var(--spacing-15, 1.5rem)); border-radius:0 var(--radius-m, .5rem) var(--radius-m, .5rem) 0; box-sizing:border-box}
.b-box-nextvid .video-art {display:flex; gap:.5rem; margin:0 0 var(--spacing-075, .75rem)}
.b-box-nextvid .video-art:last-child {margin-bottom:0}
.b-box-nextvid .video-art .art-img {flex:0 0 120px; padding:calc(.5625 * 120px) 0 0; border-radius:var(--radius-s, .25rem)}
.b-box-nextvid .video-art .art-info {font-size:.625rem}
.b-box-nextvid .video-art h3 {flex:1; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; padding:0; font-weight:600; font-size:.875rem; line-height:1.2}

/* fix inline stylu */
.time-table2.time-table2 .board {font-size:.75rem}
.time-table2.time-table2 .board th {font-size:.5rem}

/* odpocet */
.countdown {position:relative; overflow:hidden}
.countdown .art-info {display:none}
.countdown .countdown-in {display:block}
.countdown-in {display:none; position:absolute; left:50%; top:50%; z-index:10; /*width:7em;*/ line-height:1.6; margin:-.7em 0 0 -2.6em; text-align:center; font-weight:600; font-size:var(--rs-h1, 2.25rem); color:#FFF}
.countdown-in:before {content:''; position:absolute; top:-99em; left:-99em; bottom:-99em; right:-99em; z-index:1; background:var(--black-o70, #000000b2); backdrop-filter:blur(16px)}
.countdown-in span {position:relative; z-index:2; float:left; width:1.4em}
.countdown-in span + span {margin:0 0 0 .5em}
.countdown-in span + span:before {content:":"; position:absolute; left:-.4em}
.countdown-in b {display:inline-block; position:relative; z-index:2; min-width:1em; line-height:1.4em; text-align:center}
.countdown-in b:after {content:""; position:absolute; bottom:0; display:block; width:100%; line-height:1; font-size:20%; text-align:center}

.countdown-alternative .countdown-in {left:10%; display:table; width:80%; height:4.8em; line-height:1.2; margin:-2.4em 0 0}
.countdown-alternative .countdown-in b {display:table-cell; vertical-align:middle; line-height:inherit; font-size:60%}
.countdown-alternative .countdown-in b:after {display:none}

/* uprava pro planespotting */
.css-d .btn-on {max-width:328px; margin:auto}