.reviewbox { border-radius: .5rem; background: var(--tgl-pri05); }
.art-full .reviewbox {margin-bottom:var(--spacing-15)}
.reviewbox-in { padding: var(--spacing-15); overflow: hidden }
.reviewbox-image { float: right; margin-left: .75rem; }
.reviewbox-image img {width:100%; height:auto}
.reviewbox-tit {margin-bottom: var(--spacing-025); font-size: var(--rs-h4) }
.reviewbox p {margin-bottom: var(--spacing-025);}
.reviewbox .points { display: flex; flex-wrap: wrap;  }
.reviewbox .points span + span:before { content: "\2022"; display: inline-block; width: 1em; text-align: center }
.reviewbox .desc { font-size: .875rem }
.reviewbox .brief {font-weight:600}
.ratingbox, .card-box2 { border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-pri05); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }

.ratingstrip-head, .ratingbox .cell.plus, .ratingbox .cell.minus,
.card-box2 .rating, .card-box2 .cell.plus, .card-box2 .cell.minus { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 96px; box-sizing: border-box; background: var(--tgl-pri10) }

.ratingstrip-head:before { content: ""; display: block; width: 2.5rem; height: 2.5rem; background: no-repeat center; background-size: contain }

.css-t .ratingstrip-head { flex: 100%; padding: var(--spacing-075) var(--spacing-1); border-top-right-radius: .25rem; border-top-left-radius: .25rem; }
.css-t .ratingstrip-head:before{width:1.5rem; height:1.5rem}

.ratingbox .row, .card-box2 .row { display: flex; }


.ratingbox .cell, .card-box2 .cell { flex: 1; padding: var(--spacing-1) var(--spacing-15); font-size: .875rem; border-top: solid 1px var(--tgl-pri10) }
.ratingbox .cell.plus, .ratingbox .cell.minus, .card-box2 .cell.plus, .card-box2 .cell.minus {padding:var(--spacing-075) var(--spacing-1);  border-color: var(--tgl-pri05); }

.css-t .ratingbox .row, .css-t .card-box2 .row { flex-wrap: wrap; }
.css-t .ratingbox .cell, .css-t .card-box2 .rating, .css-t .card-box2 .cell { flex: 100%; }


.ratingbox .cell.plus:before, .card-box2 .cell.plus:before, .ratingbox .cell.minus:before, .card-box2 .cell.minus:before { content: ""; display: block; width: 2rem; height: 2rem; background: no-repeat center; background-size: contain }
.ratingbox .cell.plus:before, .card-box2 .cell.plus:before { background-image: url(/u/icon/000/plus-outlined.svg); filter: var(--filter-tgl-pri60); }
.ratingbox .cell.minus:before, .card-box2 .cell.minus:before { background-image: url(/u/icon/000/minus-outlined.svg); filter: var(--filter-tgl-pri60); }



.css-t .ratingbox .cell.plus:before, .css-t .ratingbox .cell.minus:before,
.css-t .card-box2 .cell.plus:before, .css-t .card-box2 .cell.minus:before { width:1rem; height:1rem }


.card-box2 { position: relative; margin-bottom:var(--spacing-15) }
.card-box2 .rating { width: 96px; font-size: 2rem; font-weight: 800; color: var(--tgl-pri60) }
.card-box2 .rating:after { content: ' \0025'; font-size: 50%; }
.card-box2 .more { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; gap: .125em; width: 100%; padding: 0.3rem 0; text-align: center; color: var(--tgl-pri60); font-weight: 600; text-transform: uppercase; font-size: .875rem; }


.card-box2 .more:after { content: ""; width: .75em; height: .75em; background: url(/u/icon/000/arrow2-right.svg) no-repeat;; background-size: contain; filter: var(--filter-tgl-pri60); }

.ratingbox ul, .card-box2 ul { list-style: none }

.ratingstrip { position: relative; display: flex; border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-white); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }
.ratingstrip:has(.show-vote) { border-bottom-right-radius: 0; }
.css-t .ratingstrip:has(.show-vote) { border-bottom-left-radius: 0 }

.head-bonusweb:before { background-image: url(/u/icon/000/game.svg); filter: var(--filter-tgl-white); }
.head-kinobox:before { background-image: url(/u/icon/000/video.svg); filter: var(--filter-tgl-white); }


.css-t .ratingstrip { flex-wrap: wrap; }
.css-t .ratingstrip:before { width: 100%; height: 2.5rem }


.ratingbox .ratingstrip { border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none }

.css-d .ratingstrip > *:last-child { border-radius: 0 .5rem .5rem 0 }

/*.card-box - prechodove, prijde pryc*/
.card-box { position: relative; /*padding:1rem; */ border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-white); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }
.card-box h2 { display: none }
.card-box .w2-a, .card-box .w2-b { display: contents }
.card-box .cbg-b > .box-in { display: flex }
.card-box .w2-b .border-box { border-left: solid 1px var(--tgl-pri10); }
.card-box .bb-score { flex: 0 0 auto; width: 130px }
.card-box .bb-sendscore { flex: 1 0 auto; }
.card-box .bg-b .box-in { padding: 1rem; font-size: 2rem; font-weight: 800; color: var(--tgl-pri60); }
.card-box .w2-b .bg-b .box-in { color: var(--tgl-pri20); }
.card-box label { display: flex; justify-content: flex-end; gap:1rem; width: 100%; }

.card-box h4 { padding: 1rem; font-size: .75rem; text-transform: uppercase; font-weight: 800; color: var(--tgl-neutral80); background: var(--tgl-pri10); }
.card-box .w2-b h4 { border-left: solid 1px var(--tgl-white) }
.card-box .range { width: calc(100% - 100px); flex: 0 0 auto; }
.card-box .submit { width: 100%; height: 2.5rem; border-radius: .25rem; color: var(--tgl-white); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAVCAYAAADl/ahuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JFQTBFRkJGQ0I0MTFFRTgzQTBBMjNEMUE1N0ZCQkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JFQTBFRkFGQ0I0MTFFRTgzQTBBMjNEMUE1N0ZCQkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo5QkM3NjBDMUIzRkNFRTExQjU2Q0JGQUE5N0MwREM2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkM3NjBDMUIzRkNFRTExQjU2Q0JGQUE5N0MwREM2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvpQMsoAAAKZSURBVHja7FjRcdswDJVz+Q87Qd0Jok5gd4IqE0SZwOoEsidQMkHiCexMEG1gb+B0AqkTqMT1MfeKkpRcxz85vTucKRIgoUcSgDXpui4ZEcbFSMFI0Em4HKAzhQheIeMJssisHCAvEGnvMDYUYtfh91x4jzXKYwiqrGzo5DBSjBUf5JCk2PjlUILm9PJ7KzdWJpAb9DkS5x+AoO+BgxCMQe6otVa+4ddha6UG4wa6tYpXJX4lVj30xLYFdlDwbOVJrSdr5HiJJKIXCxO3mMdt+APF0Vxtsvj+E/P/gdRBShwqz5iTivRcX2ql6f6GPB/QfunRFeysGOgYPHc9egnm1muUAVtZd6rsGDzHP1dsrnYqhGePTUU79QOn7zVwfDfQdVf4DicixTxud1M135LixiLin6Ew8QTbexpzSWatbsASfUel+SEwRNQ9OSOONZ5NcKTdUUwTPIIY6b+i/iuQXeMKJMrOB5njGleqhW1B8znyPpPvq3MVimngdLVqhwQzFSBLyEyRuFY760qOGciKEdQiXq5xWiqUJycXinvlfB2J/GyT/iexy8iYkPAV5GUU2HPI0rfjqlQ5uRS58DBfUwwwgeuUo13DplXZKYk8/6L2JyohWGryZwU9F4PcWkVP9ioo80qc+/JelfSKiNBVc4Y+o3T35PiCxnMPQVtq56oabhCHXDxyVfwUpK0oBZvIe12rWLTt0Q8jkMZDKZJRRmwOlEIbT/rcqJR9oOcCOlOybWC/C5QhOs1nAV8cHsm28Pjy9l5JpNbJAnXIDmN99ZEgD9QoBk7q+kSTnirymJy+OqjykFLQWlxv6TXefJgM+GB27L95p78fUO0aCvAxffZhyLzabojfc9/8k/GL4vjBbCTonPgtwAD3tYwmYbVqawAAAABJRU5ErkJggg==') no-repeat center; background-color: var(--tgl-pri60); }

.card-box .people { position: absolute; bottom: 0; right: 0; padding: 2px 1rem; font-size: .75rem; text-align: right }

.css-t .card-box { margin-bottom: 2rem }
.css-t .card-box .cbg-b > .box-in { flex-wrap: wrap }
.css-t .card-box .bb-score { width: 50%; box-sizing: border-box; }
.css-t .card-box .bb-sendscore { width: 100%; border: none }
.css-t .card-box .bb-sendscore h4 { border: none; }

.rating-hernikarta { display: flex; gap: .5rem; align-items: center; text-transform: uppercase; font-size: .875rem; color: var(--tgl-pri60) }

.rating-hernikarta:before, .rating-hernikarta:after { content: ""; background: no-repeat; background-size: contain; filter: var(--filter-tgl-pri60) }
.rating-hernikarta:before { width: 2rem; height: 2rem; background-image: url(/u/icon/000/game-card.svg) }
.rating-hernikarta:after { width: 1rem; height: 1rem; background-image: url(/u/icon/000/arrow2-right.svg) }

.rating-hernikarta span { width: min-content; font-weight: 800 }



.rating { flex: 1 0 0px; padding: var(--spacing-1) var(--spacing-15); border-left: var(--tgl-pri10) solid 1px; }
.css-d .rating { position: relative }
.rating.show-vote { border-bottom-right-radius: 0; background: var(--tgl-pri05) }

.rating h4 {margin-bottom: .125rem; font-size: .6rem; font-weight: 800; }
.rating .tit-idnes { overflow: hidden; text-indent: -10000px; background: url(/u/loga-n4/idnes.svg) no-repeat left 50% / contain; }
.rating-ctenari h4 { text-transform: uppercase }
.rating .tit-kinobox { overflow: hidden; text-indent: -10000px; background: url(/u/loga/kinobox.png) no-repeat left 50% }

.rating-num { font-size: 2.5rem; line-height:1; font-weight: 800; color: var(--tgl-pri60) }
.rating-ctenari .rating-num { color: var(--tgl-pri20) }
.rating-none { font-weight:800; color:var(--tgl-pri10); line-height: 2.5rem;}
.rating .show-more, .rating .more { display: flex; align-items: center; color: var(--txt-pri60); font-size: .625rem; font-weight: 600 }
.rating .show-more:after, .rating .more:after { content: ""; width: .75em; height: .75em; margin-left: .25em; background: url(/u/icon/000/arrow-down.svg) no-repeat center; filter: var(--filter-tgl-pri60) }
.rating .more:after { background-image: url(/u/icon/000/arrow2-right.svg) }

a.rating:hover {text-decoration:none}
a.rating:hover .more {text-decoration:underline}

.rating-bar-wrap { position: relative; width: 100%; height: 6px; margin-top:.25rem; border-radius: 6px; background: var(--tgl-pri10) }
.rating-bar { position: absolute; height: 100%; border-radius: 6px; background: var(--tgl-pri60) }

.rating .note { margin-bottom: 1rem; font-size: .75rem; font-weight: 600 }
.rating .note a { text-decoration: underline }


.rating-vote { padding: 1rem 1.5rem; box-sizing: border-box; border-radius: 0 0 .5rem .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-pri05); box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08); }
.rating .rating-vote { display: none; position: absolute; left: -1px; right: -1px; top: 100%; }
.rating.show-vote .rating-vote { display: block; z-index: 5; }


.rating-vote form { display: flex; flex-wrap: wrap; gap: 0 .5em; justify-content: space-between; align-items: stretch; }

input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb { appearance: none; }

/*--range-accent, --range-background - kvuli js*/
input[type=range] { --range-accent: var(--tgl-pri60); --range-background: var(--tgl-pri10); width: 100%; height: 1em; margin: 0 0 calc(.5em + var(--spacing-075)); font-size: 1rem; border-radius: 1em; background: var(--range-background) }

input[type=range][disabled] { --range-accent: var(--tgl-neutral20); --range-background: var(--tgl-pri10); }

/*Chrome a Safari*/
/*ukazatel*/
input[type=range]::-webkit-slider-thumb { position: relative; top: -0.5em; width: 2em; height: 2em; border-radius: 100%; border: 2px solid var(--range-accent); 
                                          background: var(--tgl-white) url(/u/icon/137/arrow-left-right.svg) no-repeat center; background-size: 1.25em }
.dark input[type=range]::-webkit-slider-thumb { background-image: url(/u/icon/68c/arrow-left-right.svg) }
input[type=range][disabled]::-webkit-slider-thumb { background-image: url(/u/icon/bbc/arrow-left-right.svg) }
.dark input[type=range][disabled]::-webkit-slider-thumb { background-image: url(/u/icon/344/arrow-left-right.svg) }

/*pozadi*/
input[type=range]::-webkit-slider-runnable-track { height: 1em; border-radius: 1em; }

/*FF -  nelze pripojit k predchozi deklaraci, nutno definovat zvlast*/
input[type=range]::-moz-range-thumb { position: relative; top: -0.25em; width: 2em; height: 2em; border-radius: 100%; border: 2px solid var(--range-accent); background: var(--tgl-white) url(/u/icon/137/arrow-left-right.svg) no-repeat center; }
input[type=range][disabled]::-moz-range-thumb { background-image: url(/u/icon/bbc/arrow-left-right.svg) }
input[type=range]::-moz-range-track { height: 1em; border-radius: 1em; background: transparent; }
input[type="range"]::-moz-range-progress { }

.rating-vote .numinput, .rating-vote input[type=number] { font-size: 1.25rem; color: var(--tgl-pri60); font-weight: 900; }
.rating-vote input[type=number] { height: 100%; text-align: right; color: var(--tgl-pri60); border-radius: .25rem; border: 1px solid var(--tgl-pri10); box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.rating-vote .disabled .numinput, .rating-vote input[type=number][disabled] { color: var(--tgl-neutral20) }
.rating-vote button { flex: 1; display: inline-flex; justify-content: center; align-items: center; gap: 0.5em; line-height: 1.25; text-decoration: none; box-sizing: border-box; font-size: .875rem; border: 1px solid transparent; border-radius: 0.25rem; min-height: 2.75em; padding: 0.25em 0.75em; color: var(--tgl-white); background-color: var(--tgl-pri60); border-color: transparent; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.12); font-weight: 700; }

.rating-vote button[disabled] { background-color: var(--tgl-neutral20) }