/* OBECNĚ */
/* fonty */
@font-face {
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito Sans';
  src: url('fonty/NunitoSans-Bold.woff2') format('woff2');
}
/* html, funkce, typografie, tachyony */
html {
  font-size: 14px;
  scroll-behavior: smooth !important;
}
html body {
  scroll-behavior: smooth !important;
}
html body * {
  font-size: 1rem;
  color: #05365B;
  line-height: 1.5;
  position: relative;
  font-family: Arial;
  box-sizing: border-box;
}
html body * > * {
  font-size: inherit;
}
html a {
  transition: 0.5s;
  cursor: pointer;
  text-decoration: underline;
}
html a,
html a * {
  color: #165E95;
}
html a:hover,
html a:active,
html a:focus {
  transition: 0.5s;
  text-decoration: none;
}
html a.fancybox {
  width: 100%;
  display: inline-block;
}
html a.zavoj {
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: absolute;
  display: inline-block;
}
html h1,
html h2,
html h3,
html h4 {
  margin: 1em 0 0.5em 0;
}
html h1,
html h2,
html h3,
html h4,
html h1 *,
html h2 *,
html h3 *,
html h4 * {
  font-weight: bold;
  font-family: 'Nunito Sans';
}
html h1,
html h1 * {
  font-size: 3rem;
  text-align: center;
}
html h2,
html h2 * {
  font-size: 2rem;
}
html h3,
html h3 * {
  font-size: 1.5rem;
}
html h3.error {
  text-align: center;
}
html h4,
html h4 * {
  font-size: 1.2rem;
}
html input,
html select {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
html input,
html textarea {
  border: none;
  outline: none;
}
html input,
html textarea,
html input:focus,
html textarea:focus,
html input:active,
html textarea:active,
html input:hover,
html textarea:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html input[type="radio"],
html textarea[type="radio"] {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
  border: 1px solid #518CB9;
}
html input[type="radio"]:checked:before,
html textarea[type="radio"]:checked:before {
  top: 2px;
  left: 2px;
  margin: 0;
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #518CB9;
}
html input[type="text"],
html textarea {
  padding: 0.5rem 1rem;
}
html img {
  height: auto;
  display: block;
  max-width: 100%;
}
html img.float-right {
  float: right;
  margin: 0 0 1rem 1rem;
}
html img.float-left {
  float: left;
  margin: 0 1rem 1rem 0;
}
html p {
  margin: 0.5em 0;
}
html p.velke {
  line-height: 1.7;
  font-size: 1.2rem;
}
html p.velke strong,
html p.velke span,
html p.velke a {
  line-height: 1.7;
  font-size: 1.2rem;
}
html p.male {
  font-size: 0.8rem;
}
html p.male strong,
html p.male span,
html p.male a {
  font-size: 0.8rem;
}
html p.varovani {
  margin: 0;
  padding: 0.5rem;
}
html select {
  padding: 0.5rem 1.5rem 0.5rem 1rem;
}
html ul {
  margin: 0.5rem 0;
  overflow: hidden;
  padding-left: 2rem;
}
html .podrobny-seznam ol {
  padding: 0 0 0 1rem;
  counter-reset: item;
  list-style-type: none;
}
html .podrobny-seznam ol > li {
  position: relative;
  padding-left: 2.5rem;
  counter-increment: item;
}
html .podrobny-seznam ol > li:before {
  left: 0;
  width: 2rem;
  text-align: right;
  position: absolute;
  content: counters(item, ".") ". ";
}
html .podrobny-seznam ol.letters {
  margin: 0.5rem 0;
}
html .podrobny-seznam ol.letters > li {
  counter-increment: chapter;
}
html .podrobny-seznam ol.letters > li:before {
  content: counter(chapter, lower-alpha) ") ";
}
html .podrobny-seznam ol ul {
  padding-left: 3rem;
}
html .podrobny-seznam li:has(h2):before {
  font-size: 2rem;
  font-weight: bold;
}
html .podrobny-seznam li:has(h3):before {
  font-size: 1.5rem;
  font-weight: bold;
}
html .podrobny-seznam li:has(h4):before {
  font-size: 1.2rem;
  font-weight: bold;
}
html .podrobny-seznam li.multi-list {
  margin: 0;
}
html .podrobny-seznam :is(dir, menu, ol, ul) ul {
  list-style-type: disc;
}
@media (max-width: 640px) {
  html .podrobny-seznam ol {
    padding-left: 0.5rem;
  }
  html .podrobny-seznam ol ul {
    padding-left: 2.5rem;
  }
}
html .bez_odsazeni {
  margin-top: 0.5rem;
}
html .clear {
  clear: both;
}
html .flex_row,
html .flex_column {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
}
html .flex_column {
  flex-flow: column;
}
html .flex_1 {
  flex: 1;
}
html .flex_2 {
  flex: 2;
}
html .flex_3 {
  flex: 3;
}
html .sirka_obsahu {
  width: 100%;
  margin: 0 auto;
  max-width: 1170px;
}
html .tlacitko {
  color: #fff;
  cursor: pointer;
  transition: 0.5s;
  font-weight: bold;
  width: fit-content;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  font-family: 'Nunito Sans';
  background-color: #05365B;
}
html .tlacitko:hover,
html .tlacitko:active,
html .tlacitko:focus {
  background-color: #022743;
}
html a:focus-visible {
  outline: none;
}
html .capitalize::first-letter {
  text-transform: capitalize;
}
@media (max-width: 1200px) {
  html .sirka_obsahu {
    padding: 0 1rem;
  }
}
@media (max-width: 768px) {
  html img.float-left,
  html img.float-right {
    float: none;
    display: block;
    margin: 1rem auto;
  }
}
@media (max-width: 720px) {
  html {
    font-size: 12px;
  }
}
/* obaly stránek */
body {
  margin: 0;
  background: #fff;
}
body #stranka_flash {
  color: #fff;
  padding: 1rem 0;
  font-weight: bold;
  text-align: center;
  background: #c80000;
  display: none;
}
body #stranka_flash strong {
  font-weight: bold;
  text-transform: uppercase;
}
body #stranka_obal {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  justify-content: flex-start;
}
body #stred {
  width: 100%;
  display: inline-block;
}
/* hambáč */
#stranka a#jump-top {
  display: none;
}
#stranka #leve_menu {
  display: block;
}
@media (max-width: 1000px) {
  #stranka a#jump-top {
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }
  #stranka a#jump-top:after {
    right: 0;
    width: 3.5rem;
    position: absolute;
    line-height: 3.5rem;
  }
  #stranka a#jump-top {
    z-index: 2;
    width: 100%;
    height: 3.5rem;
    font-size: 1.2rem;
    line-height: 1.5rem;
    background: #05365B;
    text-transform: uppercase;
    padding: 1rem 3.5rem 1rem 1rem;
  }
  #stranka a#jump-top:after {
    top: 0;
    content: '☰';
    color: #fff;
    width: 3.5rem;
    font-size: 2.5rem;
    text-align: center;
    display: inline-block;
  }
  #stranka a#jump-top.menu_toggle:after {
    content: '×';
  }
  #stranka #leve_menu {
    display: none;
    z-index: 1002;
  }
  #stranka #leve_menu h3 {
    display: none;
  }
  #stranka:has(a#jump-top.menu_toggle) #leve_menu {
    display: block;
  }
  #stranka #top a#jump-top,
  #stranka #top a.zavrit_menu {
    display: none;
  }
}
@media (max-width: 500px) {
  #stranka a#jump-top {
    font-size: 1rem;
  }
}
/* lista */
.obal_listy {
  width: 100%;
  box-sizing: border-box;
  padding: 0.8rem 1rem 1rem 1rem;
}
.obal_listy .lista {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  margin: 0 auto;
  list-style: none;
  max-width: 1380px;
  flex-flow: row wrap;
}
.obal_listy .lista li {
  display: inline-block;
}
.obal_listy .lista span {
  display: block;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.obal_listy .lista a {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
}
.obal_listy .lista a:after {
  content: '';
  width: 1.5rem;
  height: 1.3rem;
  display: block;
  position: relative;
  background: #165E95;
  -webkit-mask: url(ikonky/sipka.svg) center / auto 0.5rem no-repeat;
  mask: url(ikonky/sipka.svg) center / auto 0.5rem no-repeat;
}
.obal_listy .lista a.lista_uvod {
  height: 1rem;
}
.obal_listy .lista a.lista_uvod:before {
  content: '';
  width: 1rem;
  height: 1rem;
  display: block;
  transition: 0.5s;
  position: relative;
  background: #165E95;
  -webkit-mask: url(prezuto/domu.svg) left / contain no-repeat;
  mask: url(prezuto/domu.svg) left / contain no-repeat;
}
.obal_listy .lista a.lista_uvod span {
  font-size: 0;
}
.obal_listy .lista a.lista_uvod:hover:before,
.obal_listy .lista a.lista_uvod:active:before,
.obal_listy .lista a.lista_uvod:focus:before {
  transition: 0.5s;
  background: #165E95;
}
.obal_listy.obal_wide .lista {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .obal_listy .lista {
    margin: 0 auto 1rem auto;
  }
}
/* top */
#top {
  background: #05365B;
}
#top .logo_obal_line {
  height: 7rem;
  padding: 0 2rem;
  background: #518CB9;
  justify-content: space-between;
}
#top #logo {
  width: 100%;
}
#top #logo a,
#top #logo span {
  color: #fff;
}
#top #logo span.nezobrazovat {
  transition: 0.5s;
  font-size: 2rem;
  line-height: 50px;
  font-weight: bold;
  text-transform: uppercase;
}
#top #top-ikony {
  max-width: 720px;
}
#top #kosik_list_obal {
  width: 8rem;
  height: 100%;
}
#top #kosik_list {
  width: 100%;
  color: #fff;
  height: 4.5rem;
  transition: 0.5s;
}
#top #kosik_list * {
  font-family: 'Nunito Sans';
}
#top #kosik_list:before {
  top: 0;
  right: 0;
  content: '';
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-mask: url(ikonky/kosik.svg) center / 2rem auto no-repeat;
  mask: url(ikonky/kosik.svg) center / 2rem auto no-repeat;
}
#top #kosik_list a {
  color: #fff;
  font-weight: bold;
}
#top #kosik_list a.obecny_link {
  display: block;
  padding: 0 0.5rem;
  text-align: center;
  background: #05365B;
}
#top #kosik_list span {
  color: #fff;
  text-align: center;
}
#top #kosik_list span.ks {
  right: 0;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 0.6rem;
  font-weight: bold;
  position: absolute;
  line-height: 1.3rem;
  border-radius: 100%;
  background: #05365B;
}
#top #kosik_list span.cena {
  color: #fff;
  display: block;
  line-height: 3;
  font-weight: bold;
  text-align: left;
}
#top #kosik_list span.cena a {
  text-decoration: none;
}
#top #kosik_list .cena_zbozi strong {
  display: none;
}
#top #kosik_list:hover a,
#top #kosik_list:active a,
#top #kosik_list:focus a {
  text-decoration: none;
}
#top #horni_menu_line {
  height: 3.5rem;
  overflow: hidden;
  align-items: stretch;
  justify-content: space-between;
}
#top #horni_menu {
  align-items: stretch;
}
#top #horni_menu a,
#top #horni_menu div,
#top #horni_menu .active {
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
  align-items: center;
  text-decoration: none;
  justify-content: center;
  text-transform: uppercase;
  font-family: 'Nunito Sans';
  padding: 0.5rem 3rem 0 3rem;
}
#top #horni_menu a:hover,
#top #horni_menu a:active,
#top #horni_menu a:focus {
  background: #165E95;
  text-decoration: underline;
}
#top #horni_menu .active {
  background: #165E95;
}
#top #horni_menu .sekce.menu_disk span {
  display: none;
}
#top #top-svrsek {
  gap: 2rem;
}
#top #top-mail,
#top #top-phone {
  color: #fff;
  line-height: 2;
  padding-left: 2.5rem;
}
#top #top-mail:before,
#top #top-phone:before {
  top: 0;
  left: 0;
  content: '';
  width: 2rem;
  height: 2rem;
  display: block;
  text-align: center;
  position: absolute;
  background: #fff;
  -webkit-mask: center / 1.4rem auto no-repeat;
  mask: center / 1.4rem auto no-repeat;
}
#top #top-mail:before {
  -webkit-mask-image: url(ikonky/mail.svg);
  mask-image: url(ikonky/mail.svg);
}
#top #top-mail a {
  color: #fff;
  display: block;
  line-height: 2;
  text-decoration: none;
}
#top #top-phone:before {
  -webkit-mask-image: url(ikonky/telefon.svg);
  mask-image: url(ikonky/telefon.svg);
}
#top #filtr_krokovani {
  width: 100%;
  padding: 1.5rem;
  font-weight: bold;
  background: #165E95;
}
#top form#formular_filtr_pneumatiky {
  gap: 1.4rem;
  width: 100%;
  align-items: stretch;
  justify-content: flex-start;
}
#top .filtr_obsah {
  gap: 1.4rem;
  padding: 0.4rem 0;
}
#top .filtr_pneumatiky_warning {
  left: auto;
  right: auto;
  top: -1.3rem;
  padding: 0 0.5rem;
  position: absolute;
}
#top .filtr_pneumatiky_warning span {
  color: #fff;
  display: block;
  line-height: 1.8;
}
#top .filtr-box-obdobi,
#top .filtr-box {
  gap: 0.4rem;
  align-items: flex-start;
}
#top .filtr-box-obdobi strong,
#top .filtr-box strong {
  color: #fff;
  font-size: 0.85rem;
  text-transform: uppercase;
}
#top .obdobi-boxy {
  gap: 1px;
  height: 2.9rem;
  align-items: stretch;
}
#top .obdobi-boxy span.box_obdobi {
  gap: 0.5rem;
  padding: 0 1rem;
  background: #fff;
  align-items: center;
  padding-left: calc(1rem + 16px);
}
#top .obdobi-boxy span.box_obdobi:has(input:disabled, label:disabled) {
  display: none;
}
#top .obdobi-boxy input {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  position: absolute;
}
#top .obdobi-boxy input:before,
#top .obdobi-boxy input:after {
  top: 50%;
  transform: translateY(-50%);
}
#top .obdobi-boxy input:before {
  left: calc(0.5rem + 4px);
}
#top .obdobi-boxy input:after {
  margin: 0;
  content: '';
  width: 16px;
  height: 16px;
  left: 0.5rem;
  display: block;
  position: absolute;
  border-radius: 100%;
  border: 1px solid #518CB9;
}
#top .filtr-box {
  flex-flow: column-reverse;
}
#top .filtr-box select {
  height: 2.9rem;
  font-weight: bold;
  font-size: 1.1rem;
}
#top .tlacitko-vypis {
  align-items: flex-end;
}
#top .tlacitko-vypis input.tlacitko {
  height: 3.7rem;
  padding: 0 1.5rem 0 4rem;
  background: #05365B url(ikonky/lupa-bila.svg) 1.5rem center / 1.5rem no-repeat;
}
#top a#jump-top,
#top a.zavrit_menu {
  display: none;
}
@media (max-width: 1000px) {
  #top .logo_obal_line {
    padding: 0 1rem;
  }
  #top #horni_menu_line {
    height: auto;
    flex-flow: column-reverse;
  }
  #top #horni_menu {
    min-height: 3rem;
  }
  #top #top-svrsek {
    padding: 0.5rem 0;
  }
  #top #filtr {
    padding: 0;
    max-width: 500px;
  }
  #top form#formular_filtr_pneumatiky {
    flex-flow: column;
  }
  #top .filtr_obsah {
    gap: 1rem;
    padding: 0;
    flex-wrap: wrap;
  }
  #top .filtr-box-obdobi,
  #top .filtr-box {
    align-items: center;
  }
  #top .filtr-box-obdobi {
    width: 100%;
  }
  #top .filtr-box {
    flex: 30%;
  }
  #top .filtr-box select {
    width: 100%;
  }
  #top .obdobi-boxy {
    width: 100%;
  }
  #top .obdobi-boxy span.box_obdobi {
    flex: 1;
  }
  #top .tlacitko-vypis input.tlacitko {
    width: 100%;
  }
}
@media (max-width: 500px) {
  #top #horni_menu a,
  #top #horni_menu div,
  #top #horni_menu .active {
    padding: 0.5rem 1rem 0 1rem;
  }
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr_obsah {
  align-items: flex-start;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown {
  z-index: 2;
  width: 230px;
  height: 2.9rem;
  padding: 0 1rem;
  font-size: 1rem;
  cursor: default;
  text-align: left;
  font-weight: bold;
  line-height: 2.9rem;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown:hover,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown:active,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown:focus {
  border: none;
  outline: none;
  background: #fff url(zobak.png) right no-repeat;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik {
  gap: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  top: 2.9rem;
  display: none;
  flex-flow: column;
  position: absolute;
  box-shadow: 0px 1px 10px #96aacf;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz {
  gap: 0.5rem;
  color: #05365B;
  background: #fff;
  text-transform: none;
  justify-content: flex-start;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:before {
  background: #05365B;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:hover,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:active,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:focus {
  color: #fff;
  background: #05365B;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:hover:before,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:active:before,
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz:focus:before {
  background: #fff;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.dropdown_open + .krokovani_rozcestnik {
  display: flex;
}
@media (max-width: 1000px) {
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown {
    width: 100%;
  }
}
/* #kategorie-filtru */
body:has(#kategorie-filtru) #top #kategorie-filtru {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-flow: column;
  /*.roletka_obsah {
				left: 0;
				z-index: 2;
				top: 2.5rem;
				width: 100%;
				display: flex;
				flex-flow: column;
				position: absolute;
				opacity: 0;
				.rozcestnik_osobni:before {
					--webkit-mask-image: url(ikonky/filtr-osobni.svg);
					mask-image: url(ikonky/filtr-osobni.svg);
				}
				.rozcestnik_suv:before {
					--webkit-mask-image: url(ikonky/filtr-suv.svg);
					mask-image: url(ikonky/filtr-suv.svg);
				}
				.rozcestnik_dodavky:before {
					--webkit-mask-image: url(ikonky/filtr-dodavka.svg);
					mask-image: url(ikonky/filtr-dodavka.svg);
				}
			}
			.rozcestnik_roletka {
				position: relative;
				&:hover, &:active, &:focus {
					.roletka_obsah {
						opacity: 1;
					}
				}
			}*/
}
body:has(#kategorie-filtru) #top #kategorie-filtru .krokovani_rozcestnik {
  gap: 0.5rem;
  display: flex;
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz {
  gap: 1rem;
  color: #fff;
  display: flex;
  background: none;
  line-height: 1.5rem;
  padding: 0.5rem 1rem;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem - 1px);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  transition: 0.5s;
  margin-top: -1px;
  background: #fff;
  --webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_aktivni {
  background: #05365B;
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_auto:before {
  --webkit-mask-image: url(ikonky/filtr-auto.svg);
  mask-image: url(ikonky/filtr-auto.svg);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_moto:before {
  --webkit-mask-image: url(ikonky/filtr-moto.svg);
  mask-image: url(ikonky/filtr-moto.svg);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_atv:before {
  --webkit-mask-image: url(ikonky/filtr-atv.svg);
  mask-image: url(ikonky/filtr-atv.svg);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_classic:before {
  --webkit-mask-image: url(ikonky/filtr-veteran.svg);
  mask-image: url(ikonky/filtr-veteran.svg);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz.rozcestnik_trailer:before {
  --webkit-mask-image: url(ikonky/filtr-trailer.svg);
  mask-image: url(ikonky/filtr-trailer.svg);
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:hover,
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:active,
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:focus {
  background: #05365B;
}
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:hover:before,
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:active:before,
body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz:focus:before {
  transition: 0.5s;
}
body:has(#kategorie-filtru) #top .filtr_obsah {
  justify-content: flex-start;
}
@media (max-width: 1280px) {
  body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz {
    font-size: 13px;
  }
}
@media (max-width: 1000px) {
  body:has(#kategorie-filtru) #top #filtr {
    max-width: 600px;
  }
  body:has(#kategorie-filtru) #top #kategorie-filtru .krokovani_rozcestnik {
    flex-wrap: wrap;
  }
  body:has(#kategorie-filtru) #top #kategorie-filtru a.rozcestnik_odkaz {
    flex: auto;
    justify-content: center;
  }
}
/* #pneu-roletka-kategorii */
body:has(#pneu-roletka-kategorii) {
  /* roletka je v pneumatiky_select2.php zakomentovana */
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #kategorie-filtru {
  left: 0;
  opacity: 0;
  top: 45px;
  padding: 0;
  z-index: -1;
  position: absolute;
  text-transform: unset;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #kategorie-filtru .krokovani_rozcestnik {
  padding: 0;
  width: max-content;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #kategorie-filtru a.rozcestnik_odkaz {
  text-transform: none;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii {
  padding: 0;
  transition: 0.5s;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii a.menu_pneu {
  height: 100%;
  padding-top: 17px;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:hover,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:active,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:focus {
  transition: 0.5s;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:hover a.menu_pneu,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:active a.menu_pneu,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:focus a.menu_pneu {
  color: #000;
  background: #518CB9;
  text-decoration: none;
}
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:hover #kategorie-filtru,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:active #kategorie-filtru,
body:has(#pneu-roletka-kategorii) #top #horni_menu #pneu-roletka-kategorii:focus #kategorie-filtru {
  opacity: 1;
  z-index: 2;
}
@media (max-width: 500px) {
  body:has(#pneu-roletka-kategorii) #top #horni_menu #kategorie-filtru {
    display: none;
  }
}
/* obsah */
#obsah {
  width: 100%;
}
#obsah img.filtr-stranka-foto {
  margin: 1.5rem auto 0 auto;
}
#obsah .uvodka {
  margin: 2rem auto;
}
@media (max-width: 1280px) {
  #obsah img.filtr-stranka-foto {
    margin-top: 1rem;
  }
}
/* patička */
.paticka_obal {
  margin-top: auto;
}
.paticka_obal .paticka {
  margin-top: 10rem;
  background: #E2EEF8;
}
.paticka_obal .paticka_obsah {
  padding: 2rem;
  justify-content: flex-end;
}
.paticka_obal .paticka_prava a {
  display: block;
  text-align: right;
}
@media (max-width: 720px) {
  .paticka_obal .paticka_obsah {
    padding: 1rem;
  }
}
/* cookies lišta
#cc_div #cm {
	width: 100%;
	max-width: 1000px;
	border: 1px solid #E2EEF8;
	box-shadow: 0px 1px 10px #96aacf;
	* {
		color: #000;
		line-height: 1.5;
		font-family: 'Nunito Sans', sans-serif;
	}
	.cc-link {
		border: none;
		transition: .5s;
		color: #165E95;
		text-decoration: underline;
		&:hover, &:active, &:focus {
			transition: .5s;
			text-decoration: none;
		}
	}
	#c-bns button:first-child,
	#s-bns button:first-child {
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		line-height: 25px;
		border-radius: 0;
		padding: 15px 30px;
		background: #05365B;
		text-transform: uppercase;
		transition: .5s !important;
		&:hover, &:active, &:focus {
			text-decoration: none;
			background: #022743;
			transition: .5s !important;
		}
	}
	.c-bn, .c_link {
		font-size: 14px;
		color: #05365B;
		font-weight: bold;
		line-height: 25px;
		border-radius: 0;
		padding: 15px 30px;
		background: #E2EEF8;
		text-transform: uppercase;
		transition: .5s !important;
		&:hover, &:active, &:focus {
			color: #fff;
			text-decoration: none;
			background: #165E95;
			transition: .5s !important;
		}
	}
}
#cc_div #s-cnt {
	* {
		color: #000;
		line-height: 1.5;
		font-family: 'Nunito Sans', sans-serif;
	}
	#s-inr {
		border: 1px solid #E2EEF8;
		box-shadow: 0px 1px 10px #96aacf;
	}
	.cc-link {
		border: none;
		color: #165E95;
		transition: .5s !important;
		text-decoration: underline;
		&:hover, &:active, &:focus {
			text-decoration: none;
			transition: .5s !important;
		}
	}
	.c-bl:first-child {
		padding: 1em;
	}
	.c-bn {
		color: #05365B;
		background: #E2EEF8;
		&:hover, &:active, &:focus {
			color: #fff;
			background: #165E95;
			&:before, &:after {
				background: #fff !important;
			}
		}
	}
	#s-bl .c-bl {
		color: #05365B;
		background: #E2EEF8;
		transition: .5s !important;
		&:hover, &:active, &:focus {
			background: #165E95;
			transition: .5s !important;
			&:before {
				border-color: #fff !important;
			}
			* {
				color: #fff;
				background: none;
			}
			span.c-tg {
				background: #BAD2E6;
			}
			.c-tgl~.c-tg.c-ro {
				background: #219653;
			}
		}
	}
	#s-bns {
		height: auto;
		button#s-all-bn {
			color: #FFF;
			font-size: 14px;
			font-weight: bold;
			line-height: 25px;
			border-radius: 0;
			padding: 15px 30px;
			background: #05365B;
			text-transform: uppercase;
			transition: .5s !important;
			&:hover, &:active, &:focus {
				text-decoration: none;
				background: #022743;
				transition: .5s !important;
			}
		}
		button.c-bn {
			font-size: 14px;
			color: #05365B;
			font-weight: bold;
			line-height: 25px;
			border-radius: 0;
			padding: 15px 30px;
			background: #E2EEF8;
			text-transform: uppercase;
			transition: .5s !important;
			&:hover, &:active, &:focus {
				color: #fff;
				background: #165E95;
				text-decoration: none;
				transition: .5s !important;
			}
		}
	}
	.c-tg {
		background: #BAD2E6;
	}
	.c-tgl~.c-tg.c-ro {
		background: #219653;
	}
}
@media (max-width: 1280px) {
	#cc_div #cm {
		left: 1rem;
		right: 1rem;
		bottom: 1rem;
		margin: 0 auto;
		max-width: ~"calc(100% - 2rem)";
	}
} */
/* cookies lista 2024 */
#cc-main .cm-wrapper.cc--anim .cm__body {
  padding: 0.25rem;
}
#cc-main .cm-wrapper.cc--anim h2#cm__title {
  font-size: 1.5rem;
}
#cc-main .cm-wrapper.cc--anim a {
  font-weight: normal;
  background-size: 100% 1px;
  color: var(--cc-btn-primary-bg);
}
#cc-main .cm-wrapper.cc--anim a:hover,
#cc-main .cm-wrapper.cc--anim a:active,
#cc-main .cm-wrapper.cc--anim a:focus {
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm-wrapper.cc--anim .cm__desc {
  padding-bottom: 0;
}
#cc-main .cm-wrapper.cc--anim .cm__btn {
  border-width: 2px;
  font-weight: bold;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
}
#cc-main .cm-wrapper.cc--anim .cm__btn,
#cc-main .cm-wrapper.cc--anim .cm__btn:hover,
#cc-main .cm-wrapper.cc--anim .cm__btn:active,
#cc-main .cm-wrapper.cc--anim .cm__btn:focus {
  transition: 0.5s;
}
#cc-main .pm-wrapper.cc--anim .pm {
  background: var(--cc-btn-secondary-bg);
}
#cc-main .pm-wrapper.cc--anim .pm__badge {
  border-radius: 0;
}
#cc-main .pm-wrapper.cc--anim a.cc-link {
  font-weight: normal;
  background-size: 100% 1px;
  color: var(--cc-btn-primary-bg);
}
#cc-main .pm-wrapper.cc--anim a.cc-link:hover,
#cc-main .pm-wrapper.cc--anim a.cc-link:active,
#cc-main .pm-wrapper.cc--anim a.cc-link:focus {
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm-wrapper.cc--anim .pm__btn {
  border-width: 2px;
  text-transform: uppercase;
}
/* OBSAH */
/* stránka 404 */
#stranka_nenalezena {
  width: 100%;
  margin: 1rem auto;
  max-width: 1000px;
}
#stranka_nenalezena h1,
#stranka_nenalezena h3,
#stranka_nenalezena p {
  text-align: center;
}
/* obecny popisky */
.description_obal h1.nadpis-znacky {
  text-transform: capitalize;
}
/* PNEUMATIKY + PLECHOVÝ DISKY */
/* tlačítko objednání */
body.pneumatiky form.form-kosik,
body.plechove-disky form.form-kosik,
body.dezeny form.form-kosik {
  gap: 0.5rem;
}
body.pneumatiky form.form-kosik input.kusy,
body.plechove-disky form.form-kosik input.kusy,
body.dezeny form.form-kosik input.kusy {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  font-size: 1.1rem;
  text-align: center;
}
body.pneumatiky form.form-kosik input.kosik,
body.plechove-disky form.form-kosik input.kosik,
body.dezeny form.form-kosik input.kosik {
  width: 4rem;
  height: 3rem;
  cursor: pointer;
  transition: 0.5s;
  background: #05365B url('ikonky/kosik-bily.svg') center / 1.5rem no-repeat;
}
body.pneumatiky form.form-kosik input.kosik:hover,
body.plechove-disky form.form-kosik input.kosik:hover,
body.dezeny form.form-kosik input.kosik:hover,
body.pneumatiky form.form-kosik input.kosik:active,
body.plechove-disky form.form-kosik input.kosik:active,
body.dezeny form.form-kosik input.kosik:active,
body.pneumatiky form.form-kosik input.kosik:focus,
body.plechove-disky form.form-kosik input.kosik:focus,
body.dezeny form.form-kosik input.kosik:focus {
  transition: 0.5s;
  background-color: #022743;
}
body.pneumatiky #show-produkt input.kusy,
body.plechove-disky #show-produkt input.kusy,
body.dezeny #show-produkt input.kusy,
body.pneumatiky #show-produkt input.kosik,
body.plechove-disky #show-produkt input.kosik,
body.dezeny #show-produkt input.kosik {
  height: 3.5rem;
}
body.pneumatiky #show-produkt input.kosik,
body.plechove-disky #show-produkt input.kosik,
body.dezeny #show-produkt input.kosik {
  width: 100%;
  min-width: 3.5rem;
  background-image: none;
}
/* stylování skladovosti produktů */
body.pneumatiky span.dostupnost_ok,
body.plechove-disky span.dostupnost_ok,
body.pneumatiky span.dostupnost_mene,
body.plechove-disky span.dostupnost_mene,
body.pneumatiky span.dostupnost_ne,
body.plechove-disky span.dostupnost_ne {
  font-weight: bold;
  text-transform: uppercase;
}
body.pneumatiky span.dostupnost_ok,
body.plechove-disky span.dostupnost_ok {
  padding: 0 0.5rem 0 2.5rem;
}
body.pneumatiky span.dostupnost_ok:before,
body.plechove-disky span.dostupnost_ok:before,
body.pneumatiky span.dostupnost_ok:after,
body.plechove-disky span.dostupnost_ok:after {
  top: 0;
  left: 0;
  content: '';
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 100%;
}
body.pneumatiky span.dostupnost_ok:before,
body.plechove-disky span.dostupnost_ok:before {
  background: #fff;
  border-radius: 100%;
}
body.pneumatiky span.dostupnost_ok:after,
body.plechove-disky span.dostupnost_ok:after {
  background: #86b937;
  -webkit-mask: url(ikonky/ok.svg) center / 1.3rem auto no-repeat;
  mask: url(ikonky/ok.svg) center / 1.3rem auto no-repeat;
}
body.pneumatiky span.vice_nez,
body.plechove-disky span.vice_nez {
  font-weight: bold;
}
/* společnej detail produktu */
.body_produkt_detail .obsah_produktu {
  align-items: flex-start;
}
.body_produkt_detail .dostupnost_obal,
.body_produkt_detail .cena_radek_info {
  gap: 2rem;
  padding: 1rem;
  background: #518CB9;
}
.body_produkt_detail .dostupnost_obal span,
.body_produkt_detail .cena_radek_info span,
.body_produkt_detail .dostupnost_obal b,
.body_produkt_detail .cena_radek_info b {
  color: #fff;
  font-size: 1.2rem;
  line-height: 2rem;
  display: inline-block;
}
.body_produkt_detail .cena_radek_info b {
  padding-left: 2.5rem;
}
.body_produkt_detail .cena_radek_info b:before {
  top: 0;
  left: 0;
  content: '';
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-mask: left / contain no-repeat;
  mask: left / contain no-repeat;
}
.body_produkt_detail .cena_radek_info b.doprava:before {
  -webkit-mask-image: url(ikonky/donaska-domu.svg);
  mask-image: url(ikonky/donaska-domu.svg);
}
.body_produkt_detail .cena_radek_info b.odbery:before {
  -webkit-mask-image: url(ikonky/osobni-odber.svg);
  mask-image: url(ikonky/osobni-odber.svg);
}
.body_produkt_detail .cena_radek {
  gap: 2rem;
  width: 100%;
  padding: 3rem;
  background: #E2EEF8;
}
.body_produkt_detail .cena strong {
  font-size: 2.5rem;
  line-height: 3.5rem;
}
.body_produkt_detail .parametry_obsah {
  flex: 1;
}
.body_produkt_detail .parametry_obsah h2 {
  width: 100%;
  display: inline-block;
}
.body_produkt_detail #volitelne_polozky .flex_row {
  width: 100%;
  padding: 1rem 0;
  border-bottom: 1px solid #E2EEF8;
}
.body_produkt_detail #volitelne_polozky .polozky-stitek {
  display: none;
}
.body_produkt_detail .nadpis {
  flex: 1;
  font-weight: bold;
}
.body_produkt_detail .obsah-polozky {
  flex: 2;
  text-align: right;
}
@media (max-width: 1000px) {
  .body_produkt_detail .obsah_produktu {
    gap: 1rem;
    flex-flow: column;
    align-items: center;
  }
  .body_produkt_detail .FotoTd,
  .body_produkt_detail .ObsahTd {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .body_produkt_detail .dostupnost_obal,
  .body_produkt_detail .cena_radek_info {
    gap: 1rem;
    flex-flow: column;
  }
  .body_produkt_detail .cena_radek {
    gap: 1.5rem;
    padding: 3rem 1.5rem;
  }
}
/* PNEUMATIKY / PLECHOVÝ DISKY + OBJEDNÁVKA */
/* štítky a rozměry k pneumatice */
#produkty-1-stred .rozmery,
.obecny_kosik .rozmery {
  margin: 0 auto;
  font-weight: bold;
  width: fit-content;
  padding-left: 2rem;
  background: left / 1.4rem no-repeat;
}
#produkty-1-stred .obdobi-Z,
.obecny_kosik .obdobi-Z {
  background-image: url(ikonky/obdobi_Z.svg);
}
#produkty-1-stred .obdobi-L,
.obecny_kosik .obdobi-L {
  background-image: url(ikonky/obdobi_L.svg);
}
#produkty-1-stred .obdobi-C,
.obecny_kosik .obdobi-C {
  background-image: url(ikonky/obdobi_C.svg);
}
#produkty-1-stred .stitek,
.obecny_kosik .stitek {
  gap: 1rem;
  margin: 0 auto;
}
#produkty-1-stred .stitek span,
.obecny_kosik .stitek span {
  color: #05365B;
  font-weight: bold;
  padding-left: 1.5rem;
  background: left / 1rem no-repeat;
}
#produkty-1-stred .stitek .valivy_odpor_a,
.obecny_kosik .stitek .valivy_odpor_a {
  background-image: url(stitky-2021/valivy-odpor-a.png);
}
#produkty-1-stred .stitek .valivy_odpor_b,
.obecny_kosik .stitek .valivy_odpor_b {
  background-image: url(stitky-2021/valivy-odpor-b.png);
}
#produkty-1-stred .stitek .valivy_odpor_c,
.obecny_kosik .stitek .valivy_odpor_c {
  background-image: url(stitky-2021/valivy-odpor-c.png);
}
#produkty-1-stred .stitek .valivy_odpor_d,
.obecny_kosik .stitek .valivy_odpor_d {
  background-image: url(stitky-2021/valivy-odpor-d.png);
}
#produkty-1-stred .stitek .valivy_odpor_e,
.obecny_kosik .stitek .valivy_odpor_e {
  background-image: url(stitky-2021/valivy-odpor-e.png);
}
#produkty-1-stred .stitek .prilnavost_na_mokru_a,
.obecny_kosik .stitek .prilnavost_na_mokru_a {
  background-image: url(stitky-2021/prilnavost-na-mokru-a.png);
}
#produkty-1-stred .stitek .prilnavost_na_mokru_b,
.obecny_kosik .stitek .prilnavost_na_mokru_b {
  background-image: url(stitky-2021/prilnavost-na-mokru-b.png);
}
#produkty-1-stred .stitek .prilnavost_na_mokru_c,
.obecny_kosik .stitek .prilnavost_na_mokru_c {
  background-image: url(stitky-2021/prilnavost-na-mokru-c.png);
}
#produkty-1-stred .stitek .prilnavost_na_mokru_d,
.obecny_kosik .stitek .prilnavost_na_mokru_d {
  background-image: url(stitky-2021/prilnavost-na-mokru-d.png);
}
#produkty-1-stred .stitek .prilnavost_na_mokru_e,
.obecny_kosik .stitek .prilnavost_na_mokru_e {
  background-image: url(stitky-2021/prilnavost-na-mokru-e.png);
}
#produkty-1-stred .stitek .hlucnost.hlucnost_1,
.obecny_kosik .stitek .hlucnost.hlucnost_1 {
  background-image: url(stitky-2021/hlucnost-1.png);
}
#produkty-1-stred .stitek .hlucnost.hlucnost_2,
.obecny_kosik .stitek .hlucnost.hlucnost_2 {
  background-image: url(stitky-2021/hlucnost-2.png);
}
#produkty-1-stred .stitek .hlucnost.hlucnost_3,
.obecny_kosik .stitek .hlucnost.hlucnost_3 {
  background-image: url(stitky-2021/hlucnost-3.png);
}
/* nezobrazovat boční menu v košíku ze stránky plechů */
body.plechove-disky.stranka_2 #levy_panel,
body.plechove-disky.stranka_3 #levy_panel,
body.plechove-disky.stranka_4 #levy_panel,
body.plechove-disky.stranka_5 #levy_panel {
  display: none;
}
body.plechove-disky.stranka_2 #stred,
body.plechove-disky.stranka_3 #stred,
body.plechove-disky.stranka_4 #stred,
body.plechove-disky.stranka_5 #stred {
  margin: 0 auto;
}
@media (max-width: 1200px) {
  body.plechove-disky.stranka_2 #stred,
  body.plechove-disky.stranka_3 #stred,
  body.plechove-disky.stranka_4 #stred,
  body.plechove-disky.stranka_5 #stred {
    padding: 0;
  }
}
/* PNEUMATIKY */
/* pokročilej filtr */
body.pneumatiky .nastroje_obal .boxy_prepinani {
  gap: 3rem;
  height: 3rem;
  margin-top: -0.5rem;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne span,
body.pneumatiky .nastroje_obal #prepinac-razeni span {
  font-weight: bold;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne {
  gap: 1rem;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .tabulkove,
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .podrobne {
  line-height: 2;
  padding-left: 2rem;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .tabulkove:before,
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .podrobne:before {
  top: 0;
  left: 0;
  content: '';
  height: 2rem;
  width: 1.5rem;
  display: block;
  transition: 0.5s;
  position: absolute;
  background: #05365B;
  -webkit-mask: left / 1.5rem no-repeat;
  mask: left / 1.5rem no-repeat;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .tabulkove:before {
  -webkit-mask-image: url(ikonky/zobrazeni-tabulkove.svg);
  mask-image: url(ikonky/zobrazeni-tabulkove.svg);
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne .podrobne:before {
  -webkit-mask-image: url(ikonky/zobrazeni-podrobne.svg);
  mask-image: url(ikonky/zobrazeni-podrobne.svg);
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne a.tabulkove:before,
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne a.podrobne:before {
  background: #165E95;
}
body.pneumatiky .nastroje_obal #prepinac-razeni {
  gap: 0.5rem;
}
body.pneumatiky .nastroje_obal #prepinac-razeni b.popis_prepinani {
  padding-right: 0.5rem;
}
body.pneumatiky .nastroje_obal .znacky_podrobne {
  z-index: 1;
  width: 100%;
  float: none;
  margin-top: -3rem;
}
body.pneumatiky .nastroje_obal span.filtrovat_produkty {
  display: none;
}
body.pneumatiky .nastroje_obal .filtrovani_box {
  height: 3rem;
}
body.pneumatiky .nastroje_obal span.filtrovat_parametry {
  float: left;
  display: block;
  font-weight: bold;
  padding: 0.75rem 0 0.75rem 1rem;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo {
  gap: 0.5rem;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .znacky_podrobne {
  margin: 0;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_container {
  width: 100%;
  padding: 0 1rem;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_container:not(:has(.selected_param)) strong.aktualni-filtry {
  display: none;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected {
  gap: 1rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_value {
  display: flex;
  align-items: center;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param {
  flex-wrap: wrap;
  justify-content: flex-end;
  border: 1px solid #E2EEF8;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_nadpis {
  line-height: 1;
  padding: 0.5rem 0.5rem;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_value {
  gap: 0.5rem;
  line-height: 1;
  background: #E2EEF8;
  padding: 0.5rem 0 0.5rem 0.5rem;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo a.selected_param_delete_link {
  line-height: 1;
  padding-right: 0.5rem;
  text-decoration: none;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo a.selected_param_delete_link.param_zrusit_vsechny {
  order: 99;
  gap: 0.5rem;
  display: flex;
  padding: 0.5rem;
  align-items: center;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_delete_text,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_delete_text span {
  line-height: 1rem;
  display: inline-block;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x {
  width: 11px;
  height: 11px;
  font-size: 0;
  display: block;
  background: #165E95;
  -webkit-mask: url(ikonky/eror.svg) center / contain no-repeat;
  mask: url(ikonky/eror.svg) center / contain no-repeat;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x.zrusit_vsechny_x {
  order: 9;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all {
  gap: 0.5rem;
  color: #05365B;
  padding-right: 0.5rem;
  text-decoration: none;
  border-color: #165E95;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all .selected_param_nadpis,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all .selected_param_delete_x {
  text-decoration: none;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all .selected_param_nadpis {
  line-height: 1;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all .selected_param_delete_x {
  background: #165E95;
  color: #fff;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus {
  text-decoration: none;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover .selected_param_nadpis,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active .selected_param_nadpis,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus .selected_param_nadpis,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover .selected_param_delete_x,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active .selected_param_delete_x,
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus .selected_param_delete_x {
  text-decoration: none;
}
body.pneumatiky .nastroje_obal.nastroje_obal_vpravo strong.aktualni-filtry {
  line-height: 1;
  margin-top: 1px;
  padding: 0.5rem 0.5rem 0.5rem 0;
}
body.pneumatiky .box_arrow {
  float: left;
  width: 3rem;
  height: 3rem;
  background: #E2EEF8;
  border: 1px solid #E2EEF8;
}
body.pneumatiky .box_arrow:before {
  top: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  position: absolute;
  pointer-events: none;
  background: #165E95;
  transform: rotate(90deg);
  -webkit-mask: url(ikonky/sipka.svg) center / 1rem no-repeat;
  mask: url(ikonky/sipka.svg) center / 1rem no-repeat;
}
body.pneumatiky .box_arrow span {
  display: none;
}
body.pneumatiky .box_arrow:hover,
body.pneumatiky .box_arrow:active,
body.pneumatiky .box_arrow:focus {
  background: #165E95;
}
body.pneumatiky .box_arrow:hover:before,
body.pneumatiky .box_arrow:active:before,
body.pneumatiky .box_arrow:focus:before {
  background: #E2EEF8;
}
body.pneumatiky #select_collapse {
  gap: 3rem;
  width: 100%;
  padding: 1.5rem;
  background: #E2EEF8;
}
body.pneumatiky .select-filtr {
  gap: 0.8rem;
  max-width: 350px;
}
body.pneumatiky .select-filtr select {
  width: 8rem;
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
  background: #165E95;
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
  background: #fff;
  transform: rotate(0);
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active {
  background: #E2EEF8;
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover:before,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active:before {
  background: #165E95;
}
body.pneumatiky:has(.box_arrow.filter_toggle) .select_container {
  display: none;
}
body.pneumatiky #strankovaci_odkazy2 {
  margin-top: 2rem;
}
body.pneumatiky #strankovaci_odkazy2 span,
body.pneumatiky #strankovaci_odkazy2 a {
  width: 3rem;
  text-align: center;
  margin-right: -1px;
  border: 1px solid #165E95;
  line-height: calc(3rem - 2px);
}
body.pneumatiky #strankovaci_odkazy2 span,
body.pneumatiky #strankovaci_odkazy2 a:hover,
body.pneumatiky #strankovaci_odkazy2 a:focus,
body.pneumatiky #strankovaci_odkazy2 a:active {
  color: #fff;
  background: #165E95;
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik {
  gap: 3rem;
  display: flex;
  margin: 0 auto;
  font-size: 1.2rem;
  width: fit-content;
  flex-flow: row wrap;
  padding: 1rem 0 1.5rem 0;
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik a.obdobi {
  font-size: 3rem;
  line-height: 3rem;
  position: relative;
  padding: 0 0 0 4rem;
  display: inline-block;
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik a.obdobi:before {
  top: 0;
  left: 0;
  content: '';
  width: 3rem;
  height: 3rem;
  display: block;
  transition: 0.5s;
  position: absolute;
  background: center / contain no-repeat;
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik a.obdobi_L:before {
  background-image: url(ikonky/obdobi_L.svg);
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik a.obdobi_Z:before {
  background-image: url(ikonky/obdobi_Z.svg);
}
body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik a.obdobi_C:before {
  background-image: url(ikonky/obdobi_C.svg);
}
@media (max-width: 1620px) {
  body.pneumatiky #select_collapse {
    gap: 1rem;
    justify-content: flex-start;
  }
}
@media (max-width: 1000px) {
  body.pneumatiky .box_arrow {
    background: #165E95;
  }
  body.pneumatiky .box_arrow:before {
    transform: rotate(90deg);
  }
  body.pneumatiky .select_container {
    display: none;
  }
  body.pneumatiky .nastroje_obal .znacky_podrobne,
  body.pneumatiky .nastroje_obal .boxy_prepinani {
    margin: 0;
  }
  body.pneumatiky .nastroje_obal .filtrovani_box {
    height: 2.5rem;
    text-align: center;
    background: #E2EEF8;
  }
  body.pneumatiky .nastroje_obal span.filtrovat_parametry {
    line-height: 1.5;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  body.pneumatiky .nastroje_obal .box_arrow {
    width: 2.5rem;
    height: 2.5rem;
  }
  body.pneumatiky .nastroje_obal .box_arrow:before {
    background: #fff;
    transform: rotate(0);
  }
  body.pneumatiky .nastroje_obal .box_arrow:before:hover:before,
  body.pneumatiky .nastroje_obal .box_arrow:before:active:before,
  body.pneumatiky .nastroje_obal .box_arrow:before:focus:before {
    background: #fff;
  }
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
    background: #E2EEF8;
  }
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: #165E95;
    transform: rotate(90deg);
  }
  body.pneumatiky:has(.box_arrow.filter_toggle) .select_container {
    display: block;
  }
  body.pneumatiky #select_collapse {
    gap: 1rem;
    flex-flow: column;
    padding-top: 0.5rem;
  }
  body.pneumatiky #select_collapse .select-filtr {
    gap: 0.5rem;
    width: 100%;
    flex-flow: column;
  }
  body.pneumatiky #select_collapse .select-filtr select {
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 720px) {
  body.pneumatiky .nastroje_obal {
    gap: 1rem;
  }
  body.pneumatiky .nastroje_obal .boxy_prepinani {
    gap: 0.5rem;
    height: auto;
    flex-flow: column;
  }
  body.pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected {
    gap: 0.5rem;
  }
  body.pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param {
    justify-content: flex-start;
  }
  body.pneumatiky .nastroje_obal.nastroje_obal_vpravo strong.aktualni-filtry {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  body.pneumatiky .vypis_produktu_bez_obdobi h1.bez_obdobi {
    padding: 0 1rem;
    text-wrap: balance;
  }
  body.pneumatiky .vypis_pneumatiky #obdobi_rozcestnik {
    gap: 1.5rem;
    flex-flow: column;
    align-items: center;
  }
}
/* filtr vpravo */
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal {
  gap: 0;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 280px;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #show_top {
  z-index: unset;
  grid-area: 1 / 1 / 2 / 2;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #produkty-1-stred {
  grid-area: 2 / 1 / 2 / 2;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select span.filtrovat_parametry:before {
  left: 0;
  opacity: 0.5;
  content: '';
  width: 100%;
  z-index: -1;
  height: 1rem;
  bottom: 0.5rem;
  display: block;
  position: absolute;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal h4 {
  font-size: 1rem;
  margin: 0 0 -0.1rem 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select {
  width: 280px;
  padding: 0 0.5rem 0 1rem;
  grid-area: 1 / 2 / 5 / 3;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select span.filtrovat_parametry {
  padding: 0;
  z-index: 1;
  display: block;
  font-size: 3rem;
  font-weight: bold;
  width: fit-content;
  font-family: 'Nunito Sans';
  margin-top: calc(0.6rem + 0.5em);
  margin-bottom: 0.3rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select #select_collapse {
  padding: 0;
  gap: 1.5rem;
  background: none;
  flex-flow: column;
  align-items: flex-start;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .select-filtr {
  gap: 0.6rem;
  width: 100%;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .select-filtr b {
  flex: auto;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .select-filtr select {
  width: 130px;
  max-width: 130px;
  border: 1px solid #05365B;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik {
  gap: 0.25rem;
  width: 100%;
  justify-content: flex-start;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik h4 {
  flex: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah {
  width: 100%;
  height: 1.5rem;
  position: relative;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah:after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  cursor: pointer;
  background: #05365B;
  --webkit-mask: url(ikonky/info.svg) center / 1rem no-repeat;
  mask: url(ikonky/info.svg) center / 1rem no-repeat;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah span {
  opacity: 0;
  z-index: 1;
  top: 0.75rem;
  left: 0.75rem;
  transition: 0.5s;
  font-size: 0.8rem;
  position: absolute;
  background: #fff;
  pointer-events: none;
  padding: 0.25rem 0.5rem;
  width: calc(100% - 1rem);
  border: 1px solid #05365B;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah:focus span {
  opacity: 1;
  transition: 0.5s;
  pointer-events: all;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .box_arrow {
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .select_container {
  display: block;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #select_collapse .select-filtr.flex_column {
  align-items: flex-start;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #select_collapse .select-filtr.flex_column:after {
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element {
  width: 100%;
  position: relative;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled {
  display: block;
  line-height: 23px;
  padding-left: 30px;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:before {
  top: 0;
  left: 0;
  z-index: 2;
  content: '';
  width: 23px;
  height: 23px;
  display: block;
  background: #fff;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 1px 3px #ccc;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz.checked:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz.checked:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled.checked:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled.checked:after {
  top: 3px;
  left: 3px;
  z-index: 2;
  content: '';
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #165E95;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:focus span {
  transition: 0.5s;
  text-decoration: underline;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:hover span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:hover span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:hover span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:hover span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:active span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:active span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:active span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:active span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:focus span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:focus span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:focus span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:focus span:before {
  transition: 0.5s;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element span {
  height: 23px;
  display: block;
  transition: 0.5s;
  font-size: 18px;
  line-height: 23px;
  position: relative;
  display: inline-block;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled {
  opacity: 0.25;
  pointer-events: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:before {
  background: #ddd;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element span {
  text-decoration: underline;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element.disabled span.filtr_disabled_odkaz span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element.disabled span.filtr_disabled_odkaz span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element.disabled span.filtr_disabled_odkaz span {
  color: #05365B;
  text-shadow: none;
  text-decoration: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:checked span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element a.filtr_odkaz:checked span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element a.filtr_odkaz:checked span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element a.filtr_odkaz:focus span {
  text-decoration: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .filtr_checkbox h4 {
  position: relative;
  padding: 0 1.5rem 0 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .filtr_checkbox h4:before {
  right: 0;
  content: '';
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  background: #303030;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element a.filtr_odkaz.checked:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.disabled.checked:after {
  border-radius: 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element span {
  z-index: 1;
  color: #fff;
  padding-left: 0.5rem;
  text-shadow: 1px 1px 1px #666;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element span:before {
  top: 0;
  right: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  position: absolute;
  -webkit-mask: url(ikonky/stitek-sipka.svg) right / auto 100% no-repeat;
  mask: url(ikonky/stitek-sipka.svg) right / auto 100% no-repeat;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element span span {
  padding: 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_a span {
  width: 2.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_b span {
  width: 3.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_c span {
  width: 4.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_d span {
  width: 5.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_e span {
  width: 6.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_element.element_f span {
  width: 7.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp {
  gap: 2rem;
  display: flex;
  justify-content: space-between;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_open,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp a.select_filtr_open {
  display: block;
  text-decoration: none;
  margin: 0.5rem auto 0 auto;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_close,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp a.select_filtr_close {
  top: 0;
  right: 0;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  color: #05365B;
  font-weight: bold;
  line-height: 2rem;
  font-size: 1.5rem;
  position: absolute;
  text-align: center;
  text-decoration: none;
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .znacky-search,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .znacky-search {
  z-index: 1;
  position: relative;
  margin-bottom: 1rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .znacky-search:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .znacky-search:after {
  top: 0;
  left: 0;
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  position: absolute;
  background: #05365B;
  --webkit-mask: url(ikonky/lupa.svg) center / 1.5rem no-repeat;
  mask: url(ikonky/lupa.svg) center / 1.5rem no-repeat;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .znacky-search input#znacky-input,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .znacky-search input#znacky-input {
  width: 100%;
  height: 2.5rem;
  line-height: 1.5rem;
  border: 1px solid #05365B;
  padding: 0.5rem 1rem 0.5rem 3rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_container,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_container {
  width: 100%;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_container_inside,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_container_inside {
  height: 14.5rem;
  overflow-y: scroll;
  padding-right: 1rem;
  scrollbar-width: thin;
  border-right: 1px solid #E2EEF8;
  border-bottom: 1px solid #E2EEF8;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_container_inside h3,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_container_inside h3 {
  margin: 0 0 1rem 0;
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_content,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_content {
  gap: 1rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box {
  z-index: 2;
  position: relative;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input {
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input:checked + label:after,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input:checked + label:after {
  top: 3px;
  left: 3px;
  content: '';
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  background: #165E95;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box span.disabled,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box span.disabled {
  z-index: 1;
  font-size: 18px;
  line-height: 23px;
  pointer-events: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box label,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box label {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box label:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box label:before {
  content: '';
  width: 23px;
  height: 23px;
  display: block;
  background: #fff;
  box-shadow: 0 1px 3px #ccc;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box.disabled,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box.disabled {
  opacity: 0.25;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box.disabled input,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box.disabled input {
  pointer-events: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box.disabled label:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box.disabled label:before {
  background: #ddd;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box:hover a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box:hover a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box:focus a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box:focus a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box:active a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box:active a {
  text-decoration: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open {
  position: absolute;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open h3,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open input.submit,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_close {
  display: block;
  text-align: center;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container {
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #ffffff7F;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_toggle {
  left: 0;
  right: 0;
  top: 50%;
  z-index: 9;
  width: 100%;
  height: auto;
  margin: auto;
  padding: 2rem;
  overflow: unset;
  max-width: 1000px;
  background: #fff;
  position: absolute;
  box-sizing: border-box;
  transform: translateY(-50%);
  box-shadow: 0px 1px 10px #96aacf;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_inside {
  padding: 0;
  height: auto;
  overflow: unset;
  scrollbar-width: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .znacky-search,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_open,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open h4.znacka-nadpis {
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp.popup_close {
  z-index: 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz span {
  padding-top: 1px;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:focus,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:focus {
  padding-left: 1.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:active span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost a.filtr_odkaz:focus span {
  text-decoration: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva h4:before {
  -webkit-mask-image: url(ikonky/popis-spotreba-paliva.svg);
  mask-image: url(ikonky/popis-spotreba-paliva.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_a span:before {
  background: #33A651;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_b span:before {
  background: #9ACA3C;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_c span:before {
  background: #FDF202;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_d span:before {
  background: #F9B914;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_e span:before {
  background: #ED1C24;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_uspora_paliva .element_f span:before {
  background: #ff6501;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost h4:before {
  -webkit-mask-image: url(ikonky/popis-na-mokru.svg);
  mask-image: url(ikonky/popis-na-mokru.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_a span:before {
  background: #2266B3;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_b span:before {
  background: #2B80C6;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_c span:before {
  background: #4BA6DD;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_d span:before {
  background: #75BEE9;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_e span:before {
  background: #ABE1FA;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_prilnavost .element_f span:before {
  background: #e4f5fe;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element span {
  color: #165E95;
  text-shadow: none;
  width: fit-content;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost h4:before {
  -webkit-mask-image: url(ikonky/stitek-hlucnost.svg);
  mask-image: url(ikonky/stitek-hlucnost.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span {
  padding: 0 2rem 0 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span:before {
  right: 0;
  top: 2px;
  content: '';
  height: 1rem;
  width: 1.5rem;
  display: block;
  position: absolute;
  background: #05365B;
  -webkit-mask: url(ikonky/hlucnost.svg) left / auto 1rem no-repeat;
  mask: url(ikonky/hlucnost.svg) left / auto 1rem no-repeat;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span span {
  padding: 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .checkbox_element span span:before {
  display: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .element_1 span:before {
  -webkit-mask-image: url(ikonky/hlucnost-1.svg);
  mask-image: url(ikonky/hlucnost-1.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .element_2 span:before {
  -webkit-mask-image: url(ikonky/hlucnost-2.svg);
  mask-image: url(ikonky/hlucnost-2.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .element_3 span:before {
  -webkit-mask-image: url(ikonky/hlucnost-3.svg);
  mask-image: url(ikonky/hlucnost-3.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .element_4 span:before {
  -webkit-mask-image: url(ikonky/hlucnost-4.svg);
  mask-image: url(ikonky/hlucnost-4.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost .element_5 span:before {
  -webkit-mask-image: url(ikonky/hlucnost-5.svg);
  mask-image: url(ikonky/hlucnost-5.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky h4:before {
  -webkit-mask-image: url(ikonky/popis-znacka.svg);
  mask-image: url(ikonky/popis-znacka.svg);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_znacky .checkbox_element span {
  text-transform: uppercase;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal input.submit {
  display: block;
  margin: 0 auto;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky {
  gap: 1rem;
  width: 100%;
  display: flex;
  transition: 0.5s;
  flex-flow: column;
  padding: 2rem 1rem;
  position: relative;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky:before {
  top: 0;
  left: 0;
  opacity: 0.9;
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  position: absolute;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky h3 {
  margin: 0;
  font-weight: bold;
  text-align: center;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky span.tlacitko {
  margin: 0 auto;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .banner_poptavky:focus {
  transition: 0.5s;
}
@media (max-width: 1280px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal {
    display: flex;
    flex-flow: column;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow {
    display: block;
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:before {
    transform: none;
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:focus {
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:focus:before {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .select_container {
    display: none;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select {
    padding: 0;
    width: 100%;
    padding: 0 1.3rem;
    margin: 1rem auto 0 auto;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtrovani_box {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select span.filtrovat_parametry {
    margin: 0;
    font-size: 1.5rem;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select span.filtrovat_parametry:before {
    display: none;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select #selectfiltr_znacka {
    flex-flow: row;
    margin-top: 1rem;
    align-items: center;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select #selectfiltr_znacka select {
    width: auto;
    max-width: unset;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_container_inside {
    width: 90%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) .select_container,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) .select_container {
    padding: 1rem;
    display: block;
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: #165E95;
    transform: rotate(90deg);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow {
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:before {
    background: #165E95;
    transform: rotate(90deg);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:focus {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:focus:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: #fff;
    transform: rotate(0);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) .select_container {
    display: none;
  }
}
@media (max-width: 1024px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_toggle {
    left: 1rem;
    right: unset;
    max-width: calc(100% - 2rem);
  }
}
@media (max-width: 1000px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select {
    padding: 0 1rem;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select input.submit {
    margin: 0;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .box_arrow:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .box_arrow:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .box_arrow:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .box_arrow:focus:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a#hide_select {
    background: #113c8c;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a#hide_select:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a#hide_select:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a#hide_select:focus {
    background: #113c8c;
  }
  body.pneumatiky .vypis_pneumatiky:not(:target) #obsah:target .filtr_vpravo_obal .box_arrow:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky:not(:target) #obsah:target .filtr_vpravo_obal a#hide_select {
    background: #113c8c;
  }
}
@media (max-width: 768px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_toggle {
    top: 1rem;
    padding: 2rem;
    transform: none;
    max-height: calc(100vh - 2rem);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_inside {
    width: 100%;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_inside h3 {
    line-height: 1.2;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_content {
    height: 60vh;
    overflow-y: scroll;
    margin-bottom: 1rem;
    border-right: 1px solid #E2EEF8;
    border-bottom: 1px solid #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:focus {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:focus:before {
    background: #fff;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:focus {
    background: #E2EEF8;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:focus:before {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: #165E95;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:hover:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:active:before,
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: #fff;
  }
}
#produkty-1-stred .produkty-detailni-obal {
  gap: 2rem;
  width: 100%;
  display: grid;
  padding: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
#produkty-1-stred .katalog-produkt {
  transition: 0.5s;
  background: #fff;
  border: 1px solid #E2EEF8;
}
#produkty-1-stred .katalog-produkt .foto-box {
  width: 242px;
  height: 132px;
  margin: 20px auto 0 auto;
}
#produkty-1-stred .katalog-produkt .foto-box img {
  width: auto;
  margin: 0 auto;
}
#produkty-1-stred .katalog-produkt .znackatd {
  top: 152px;
  right: 5px;
  height: 40px;
  padding: 5px;
  font-size: 0;
  transition: 0.5s;
  background: #fff;
  position: absolute;
}
#produkty-1-stred .katalog-produkt .znackatd img {
  top: 50%;
  transform: translateY(-50%);
}
#produkty-1-stred .katalog-produkt .obal_obsahu {
  gap: 0.5rem;
  height: 9.5rem;
  padding: 0.5rem;
  background: #fff;
  justify-content: flex-start;
}
#produkty-1-stred .katalog-produkt .popis {
  gap: 0.5rem;
  height: 6.5rem;
  justify-content: flex-start;
}
#produkty-1-stred .katalog-produkt .popis a {
  display: block;
  text-align: center;
}
#produkty-1-stred .katalog-produkt .popis a span {
  color: #165E95;
  font-weight: bold;
}
#produkty-1-stred .katalog-produkt:hover,
#produkty-1-stred .katalog-produkt:active,
#produkty-1-stred .katalog-produkt:focus {
  transition: 0.5s;
  box-shadow: 0px 1px 10px #96aacf;
}
#produkty-1-stred .katalog-produkt:hover .znackatd,
#produkty-1-stred .katalog-produkt:active .znackatd,
#produkty-1-stred .katalog-produkt:focus .znackatd {
  top: 112px;
}
#produkty-1-stred .katalog-produkt .sklad_info {
  color: #fff;
  line-height: 2;
  font-weight: bold;
  font-size: 1.15rem;
  text-align: center;
  background: #518CB9;
}
#produkty-1-stred .katalog-produkt .sklad_info span {
  color: #fff;
}
#produkty-1-stred .katalog-produkt .info_obal {
  gap: 1px;
  display: flex;
  flex-flow: column;
}
#produkty-1-stred .katalog-produkt .info_obal .sklad_info {
  font-size: 0.9rem;
  line-height: normal;
  padding: 0.2rem 0.5rem;
}
#produkty-1-stred .katalog-produkt .info_obal .sklad_info span {
  font-size: 1rem;
}
#produkty-1-stred .katalog-produkt .produkt_paticka_obal {
  gap: 1rem;
  padding: 1rem;
  background: #E2EEF8;
  justify-content: flex-end;
}
#produkty-1-stred .katalog-produkt .produkt_paticka_obal p.cena {
  margin: 0;
  width: auto;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.5rem;
}
#produkty-1-stred .katalog-produkt .produkt_paticka_obal p.cena span {
  font-size: 1rem;
}
@media (max-width: 1200px) {
  #produkty-1-stred {
    padding: 0;
  }
}
@media (max-width: 1000px) {
  #produkty-1-stred .produkty-detailni-obal {
    gap: 1rem;
    padding: 1rem;
  }
}
@media (max-width: 500px) {
  #produkty-1-stred .katalog-produkt .popis {
    height: 6rem;
  }
}
/* tabulkovej výpis pneumatik */
#produkty-1-stred.zobraz_tabulkove .produkty-detailni-obal {
  gap: 0;
  width: 100%;
  display: flex;
  margin: 0 auto;
  max-width: 1170px;
  flex-flow: column;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt {
  display: flex;
  margin-top: -1px;
  flex-flow: row nowrap;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .foto-box {
  margin: 0;
  width: 170px;
  height: auto;
  display: flex;
  align-items: flex-end;
  padding: 1rem 2rem 0 1rem;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .foto-box img {
  margin-bottom: -1px;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .obal_obsahu {
  flex: 3;
  padding: 0;
  height: auto;
  background: none;
  align-items: flex-start;
  justify-content: center;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .popis {
  height: auto;
  align-items: flex-start;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .popis a {
  text-align: left;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .rozmery,
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .stitek {
  margin: 0;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .info_obal {
  width: 300px;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .znackatd {
  bottom: 0;
  top: auto;
  left: auto;
  right: 300px;
  display: flex;
  padding: 0.5rem;
  width: fit-content;
  align-items: flex-end;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt:hover,
#produkty-1-stred.zobraz_tabulkove .katalog-produkt:active,
#produkty-1-stred.zobraz_tabulkove .katalog-produkt:focus {
  z-index: 1;
}
@media (max-width: 1000px) {
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt {
    flex-wrap: wrap;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .info_obal {
    width: 100%;
  }
}
@media (max-width: 720px) {
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt {
    gap: 1rem;
    flex-flow: column;
    align-items: center;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .foto-box {
    padding: 1rem 2rem 0 2rem;
    border-bottom: 1px solid #E2EEF8;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .foto-box img {
    margin: 0;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .rozmery,
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .stitek {
    margin: 0 auto;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .produkt_paticka_obal {
    justify-content: center;
  }
}
/* produkt pneumatiky */
body.body_produkt_detail.pneumatiky #show-produkt h1 span.line {
  margin: 0 auto;
  display: block;
  font-size: 2rem;
  padding-left: 2rem;
  width: fit-content;
  font-weight: normal;
  background: left / 1.5rem no-repeat;
}
body.body_produkt_detail.pneumatiky #show-produkt h1 span.line.obdobi_L {
  background-image: url(ikonky/obdobi_L.svg);
}
body.body_produkt_detail.pneumatiky #show-produkt h1 span.line.obdobi_Z {
  background-image: url(ikonky/obdobi_Z.svg);
}
body.body_produkt_detail.pneumatiky #show-produkt h1 span.line.obdobi_C {
  background-image: url(ikonky/obdobi_C.svg);
}
body.body_produkt_detail.pneumatiky .obsah_produktu {
  gap: 3rem;
}
body.body_produkt_detail.pneumatiky .FotoTd {
  flex: 2;
}
body.body_produkt_detail.pneumatiky .ObsahTd {
  flex: 3;
}
body.body_produkt_detail.pneumatiky img.obrazek_produktu {
  width: auto;
  display: block;
  margin: 0 auto;
  max-height: 550px;
  padding-top: 30px;
}
body.body_produkt_detail.pneumatiky img.logo-vyrobce {
  top: 0;
  right: 0;
  padding: 0.5rem;
  background: #fff;
  position: absolute;
}
body.body_produkt_detail.pneumatiky #parametry_obal {
  gap: 2rem;
  align-items: flex-start;
}
body.body_produkt_detail.pneumatiky #stitek {
  width: 100%;
  border: 1px solid #E2EEF8;
  background: center / contain no-repeat;
}
body.body_produkt_detail.pneumatiky #stitek div {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
}
body.body_produkt_detail.pneumatiky #stitek #valivy_odpor,
body.body_produkt_detail.pneumatiky #stitek #prilnavost_na_mokru {
  width: 35px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  padding-left: 8px;
  background: url(ikonky/stitek-sipka-detail.svg) left / auto 30px no-repeat;
}
body.body_produkt_detail.pneumatiky #stitek #valivy_odpor span,
body.body_produkt_detail.pneumatiky #stitek #prilnavost_na_mokru span {
  width: 20px;
  float: right;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
body.body_produkt_detail.pneumatiky .stitek_obal {
  width: 220px;
}
body.body_produkt_detail.pneumatiky .stitek_obal #stitek {
  width: 100%;
  height: 322px;
  background-image: url(stitek.png);
  background-size: contain;
}
body.body_produkt_detail.pneumatiky .stitek_obal #valivy_odpor {
  right: 99px;
}
body.body_produkt_detail.pneumatiky .stitek_obal #prilnavost_na_mokru {
  right: 15px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-A {
  top: 86px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-B {
  top: 103px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-C {
  top: 118px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-D {
  top: 135px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-E {
  top: 151px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-F {
  top: 167px;
}
body.body_produkt_detail.pneumatiky .stitek_obal .poloha-G {
  top: 183px;
}
body.body_produkt_detail.pneumatiky .stitek_obal #hlucnost {
  right: 25px;
  bottom: 51px;
}
body.body_produkt_detail.pneumatiky .stitek_obal #hlucnost span {
  color: #fff;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 {
  width: 252px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek {
  height: 382px;
  background-image: url(stitek-2021.png);
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #qr {
  top: 0;
  right: 0;
  width: 50px;
  height: 55px;
  overflow: hidden;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #qr img {
  margin: 0;
  width: 50px;
  height: auto;
  max-width: unset;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #rozmer-stitek {
  top: 80px;
  left: 6px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #znacka {
  top: 56px;
  left: 6px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #id_vyrobce {
  top: 56px;
  right: 6px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #valivy_odpor {
  right: 135px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #valivy_odpor {
  right: 135px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #prilnavost_na_mokru {
  right: 6px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-A {
  top: 152px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-B {
  top: 179px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-C {
  top: 207px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-D {
  top: 234px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-E {
  top: 262px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-F {
  top: 167px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek .poloha-G {
  top: 183px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #hlucnost {
  right: 112px;
  bottom: 38px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #trida_eu {
  top: 80px;
  right: 5px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #norma_eu {
  right: -15px;
  bottom: 20px;
  font-size: 10px;
  font-weight: normal;
  transform: rotate(90deg);
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #vlny {
  top: auto;
  left: 115px;
  bottom: 5px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2 #stitek #vlocka {
  font-size: 0;
}
body.body_produkt_detail.pneumatiky .stitek_obal2.vlocka_class #stitek {
  background-image: url(stitek-2021-vlocka.png);
}
body.body_produkt_detail.pneumatiky .stitek_obal2.vlocka_class #stitek #hlucnost {
  right: 152px;
}
body.body_produkt_detail.pneumatiky .stitek_obal2.vlocka_class #stitek #vlny {
  left: 76px;
}
body.body_produkt_detail.pneumatiky .stitek_obal.beze-stitku {
  display: none;
}
body.body_produkt_detail.pneumatiky #show-produkt-popis {
  padding: 3rem;
  background: #E2EEF8;
  text-align: center;
}
body.body_produkt_detail.pneumatiky #show-produkt-popis #popis-kotva,
body.body_produkt_detail.pneumatiky #show-produkt-popis #podobne-kotva {
  height: 0;
}
body.body_produkt_detail.pneumatiky #show_podobne a.hledani-typu {
  display: block;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  body.body_produkt_detail.pneumatiky .obsah_produktu {
    gap: 2rem;
  }
  body.body_produkt_detail.pneumatiky .FotoTd {
    flex: 1;
  }
  body.body_produkt_detail.pneumatiky .ObsahTd {
    flex: 2;
  }
}
@media (max-width: 1000px) {
  body.body_produkt_detail.pneumatiky .obsah_produktu {
    gap: 0;
  }
  body.body_produkt_detail.pneumatiky .FotoTd {
    overflow: hidden;
    aspect-ratio: 3/1;
  }
}
@media (max-width: 720px) {
  body.body_produkt_detail.pneumatiky #parametry_obal {
    gap: 1rem;
    flex-flow: column;
    align-items: center;
  }
  body.body_produkt_detail.pneumatiky #parametry_obal h4 {
    text-align: center;
  }
  body.body_produkt_detail.pneumatiky .parametry_obsah {
    width: 100%;
  }
  body.body_produkt_detail.pneumatiky #show-produkt-popis {
    padding: 1.5rem;
  }
}
/* #dezeny */
#dezeny .dezeny_prehled-znacek {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
#dezeny .prehled_dezenu,
#dezeny .prehled_vyrobcu {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
#dezeny h2.nadpis_obdobi {
  margin-top: 2em;
  padding-left: 2rem;
  background: left / 1.5rem no-repeat;
}
#dezeny h2.nadpis_obdobi#rozmery-pneumatik {
  background-image: url(prezuto/rozmery.svg);
}
#dezeny h2.nadpis_obdobi#oblibene-dezeny {
  background-image: url(/_popisky/ikonky/popis-jizda.svg);
}
#dezeny h2.nadpis_obdobi#oblibene-pneumatiky {
  background-image: url(prezuto/oblibene.svg);
}
#dezeny #letni-dezeny h2.nadpis_obdobi {
  background-image: url(ikonky/obdobi_L.svg);
}
#dezeny #zimni-dezeny h2.nadpis_obdobi {
  background-image: url(ikonky/obdobi_Z.svg);
}
#dezeny #celorocni-dezeny h2.nadpis_obdobi {
  background-image: url(ikonky/obdobi_C.svg);
}
/* PLECHOVÝ DISKY */
/* obecná stránka plechů */
body.plechove-disky #top #filtr_krokovani {
  height: auto;
}
body.plechove-disky #top #filtr {
  gap: 2rem;
  overflow: hidden;
}
body.plechove-disky #top #filtr * {
  color: #fff;
}
body.plechove-disky #top .filtr_obsah {
  flex: 1;
  padding: 0;
}
body.plechove-disky #stred {
  gap: 2rem;
  display: flex;
  flex-flow: row nowrap;
  margin: 3rem auto 0 auto;
}
body.plechove-disky #obsah {
  flex: 1;
  order: 1;
}
body.plechove-disky #levy_panel ul,
body.plechove-disky #disky-uvodka ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.plechove-disky #levy_panel ul a,
body.plechove-disky #disky-uvodka ul a {
  margin: 0;
  width: 100%;
  color: #fff;
  display: block;
  margin-top: -1px;
  font-size: 1.1rem;
  padding: 0.5rem 2rem;
  background: #165E95;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.plechove-disky #levy_panel ul a:hover,
body.plechove-disky #disky-uvodka ul a:hover,
body.plechove-disky #levy_panel ul a:focus,
body.plechove-disky #disky-uvodka ul a:focus,
body.plechove-disky #levy_panel ul a:active,
body.plechove-disky #disky-uvodka ul a:active,
body.plechove-disky #levy_panel ul a#kategorie_aktivni,
body.plechove-disky #disky-uvodka ul a#kategorie_aktivni,
body.plechove-disky #levy_panel ul a#podkategorie_aktivni,
body.plechove-disky #disky-uvodka ul a#podkategorie_aktivni {
  font-weight: bold;
  background: #05365B;
  text-decoration: none;
}
body.plechove-disky #levy_panel {
  order: 2;
  width: 300px;
}
body.plechove-disky #levy_panel .nadkategorie {
  background: #05365B;
}
body.plechove-disky #levy_panel h3 {
  width: 100%;
  color: #fff;
  text-align: center;
  display: inline-block;
}
body.plechove-disky #levy_panel ul.podkategorie {
  margin-left: 2rem;
  border-left: 1px solid #fff;
}
body.plechove-disky #levy_panel ul.podkategorie a {
  font-size: 1rem;
}
@media (max-width: 1200px) {
  body.plechove-disky #stred {
    gap: 1rem;
  }
}
@media (max-width: 1000px) {
  body.plechove-disky #top #filtr {
    gap: 0.5rem;
    flex-flow: column;
    max-width: 1000px;
  }
  body.plechove-disky #stred {
    gap: 0;
    margin-top: 1rem;
    flex-flow: column-reverse;
  }
  body.plechove-disky #levy_panel {
    width: 100%;
  }
  body.plechove-disky h1.bez_odsazeni {
    margin-top: 1rem;
  }
}
/* úvodka plechů */
body.plechove-disky.uvodni_stranka .disky_text p {
  line-height: 1.7;
  font-size: 1.2rem;
}
body.plechove-disky.uvodni_stranka #disky-uvodka {
  flex-wrap: wrap;
  background: #fff;
  align-items: flex-start;
  justify-content: flex-start;
}
body.plechove-disky.uvodni_stranka #disky-uvodka ul {
  width: calc(100%/3);
  border-right: 1px solid #fff;
}
@media (max-width: 1000px) {
  body.plechove-disky.uvodni_stranka #disky-uvodka ul {
    width: 50%;
  }
}
@media (max-width: 500px) {
  body.plechove-disky.uvodni_stranka #disky-uvodka ul {
    width: 100%;
  }
}
/* kategorie plechů */
body.plechove-disky.kategorie .generovany-seznam-kategorii-obal {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie {
  aspect-ratio: 1;
  justify-content: flex-start;
  border: 1px solid #165E95;
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie span.nadpis {
  width: 100%;
  height: 3rem;
  color: #fff;
  transition: 0.5s;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  white-space: nowrap;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  background: #165E95;
  text-overflow: ellipsis;
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie img {
  top: calc(50% - 1.5rem);
  transform: translateY(-50%);
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie:hover,
body.plechove-disky.kategorie a.generovany-seznam-kategorie:active,
body.plechove-disky.kategorie a.generovany-seznam-kategorie:focus {
  border-color: #05365B;
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie:hover span.nadpis,
body.plechove-disky.kategorie a.generovany-seznam-kategorie:active span.nadpis,
body.plechove-disky.kategorie a.generovany-seznam-kategorie:focus span.nadpis {
  transition: 0.5s;
  background: #05365B;
}
@media (max-width: 500px) {
  body.plechove-disky.kategorie .generovany-seznam-kategorii-obal {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  body.plechove-disky.kategorie a.generovany-seznam-kategorie {
    aspect-ratio: unset;
  }
  body.plechove-disky.kategorie a.generovany-seznam-kategorie img {
    top: auto;
    padding: 1rem;
    transform: none;
  }
}
/* podkategorie plechů */
body.plechove-disky.podkategorie #produkty-22 {
  gap: 2rem;
}
body.plechove-disky.podkategorie #produkty-22-produkt {
  gap: 1px;
  width: 100%;
  height: 100%;
  align-items: flex-start;
}
body.plechove-disky.podkategorie #produkty-22-produkt .top_row,
body.plechove-disky.podkategorie #produkty-22-produkt .bottom_row {
  gap: 1px;
  width: 100%;
  align-items: stretch;
}
body.plechove-disky.podkategorie #produkty-22-produkt .levy_box {
  width: 150px;
  justify-content: space-between;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce {
  width: 150px;
  background: #165E95;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce span {
  text-align: center;
}
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev {
  flex: 1;
}
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a {
  display: block;
  text-align: left;
  background: #165E95;
  padding: 0.5rem 1rem;
}
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a:hover,
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a:active,
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a:focus {
  background: #05365B;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce span,
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a {
  width: 100%;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
}
body.plechove-disky.podkategorie #produkty-22-produkt a.plechy-detail {
  width: 100%;
  height: 3.5rem;
  text-align: center;
  padding: 1rem 0.5rem;
}
body.plechove-disky.podkategorie #produkty-22-produkt .fotobox-disky {
  height: 10rem;
  justify-content: center;
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box {
  flex: 1;
  background: #E2EEF8;
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row {
  width: 100%;
  justify-content: stretch;
  border-bottom: 1px solid #fff;
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row > div {
  padding: 0.25rem 0.5rem;
  border-right: 1px solid #fff;
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row > div:last-of-type {
  border: none;
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box .class2 {
  border: none;
  height: 3.5rem;
  border-bottom: 1px solid #E2EEF8;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-nadpis,
body.plechove-disky.podkategorie #produkty-22-produkt .doporuceny-vysledek,
body.plechove-disky.podkategorie #produkty-22-produkt .disky_parametry {
  width: 20%;
}
body.plechove-disky.podkategorie #produkty-22-produkt .doporuceny-vysledek,
body.plechove-disky.podkategorie #produkty-22-produkt .disky_parametry {
  text-align: center;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-dostupnost,
body.plechove-disky.podkategorie #produkty-22-produkt .form-kosik {
  height: 100%;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-dostupnost,
body.plechove-disky.podkategorie #produkty-22-produkt .dostupnost_hodnota {
  width: 20%;
  height: 100%;
  border-bottom: none;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-dostupnost {
  justify-content: flex-start;
}
body.plechove-disky.podkategorie #produkty-22-produkt .dostupnost_hodnota {
  justify-content: center;
}
body.plechove-disky.podkategorie #produkty-22-produkt .dostupnost_hodnota span {
  line-height: 2;
  padding-right: 0;
}
body.plechove-disky.podkategorie #produkty-22-produkt .cena {
  width: 20%;
  line-height: 3rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
body.plechove-disky.podkategorie #produkty-22-produkt .form-kosik {
  gap: 0;
  padding: 0;
  width: 40%;
  background: #fff;
}
body.plechove-disky.podkategorie #produkty-22-produkt .form-kosik input.kosik {
  width: 100%;
  border: none;
  height: 100%;
  background-image: none;
}
@media (max-width: 1000px) {
  body.plechove-disky.podkategorie #stred {
    gap: 1rem;
  }
  body.plechove-disky.podkategorie #produkty-22 {
    gap: 1rem;
  }
}
@media (max-width: 720px) {
  body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce {
    width: 75px;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .bottom_row {
    flex-flow: column;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .levy_box,
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box {
    width: 100%;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box {
    background: #fff;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row {
    gap: 1px;
    background: #fff;
    align-items: stretch;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row > div {
    flex: auto;
    width: auto;
    border: none;
    background: #E2EEF8;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box .class2 {
    height: auto;
    flex-wrap: wrap;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box .class2 > div,
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box .class2 > form {
    flex: 45%;
    height: auto;
  }
}
/* produkt plechu */
body.body_produkt_detail.plechove-disky .obsah_produktu {
  gap: 2rem;
}
body.body_produkt_detail.plechove-disky .FotoTd {
  flex: 1;
}
body.body_produkt_detail.plechove-disky .FotoTd img {
  display: block;
  margin: 0 auto;
}
body.body_produkt_detail.plechove-disky .ObsahTd {
  flex: 2;
}
body.body_produkt_detail.plechove-disky p.popis_ocelova_kola {
  gap: 1rem;
  float: left;
  padding: 1.5rem;
  background: #E2EEF8;
}
body.body_produkt_detail.plechove-disky #volitelne_polozky * {
  font-size: 1.2rem;
}
@media (max-width: 1200px) {
  body.body_produkt_detail.plechove-disky #show-produkt {
    padding: 0;
  }
}
@media (max-width: 1000px) {
  body.body_produkt_detail.plechove-disky #stred {
    gap: 0;
  }
  body.body_produkt_detail.plechove-disky .obsah_produktu {
    gap: 1rem;
  }
}
@media (max-width: 500px) {
  body.body_produkt_detail.plechove-disky p.popis_ocelova_kola {
    flex-flow: column;
  }
}
/* OBJEDNÁVKA */
/* objednávka obecně */
.obecny_kosik .kroky_obal {
  height: 5rem;
  background: #165E95;
}
.obecny_kosik .kroky_obal span,
.obecny_kosik .kroky_obal a {
  flex: 1;
  padding: 1rem;
  color: #fff;
  font-size: 1.2rem;
  line-height: 3rem;
  font-weight: bold;
  text-align: center;
}
.obecny_kosik .kroky_obal span span,
.obecny_kosik .kroky_obal a span {
  padding: 0;
  z-index: 1;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  display: inline-block;
}
.obecny_kosik .kroky_obal span span:before,
.obecny_kosik .kroky_obal a span:before {
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.5s;
  line-height: 3rem;
  position: absolute;
  border-radius: 100%;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.obecny_kosik .kroky_obal .aktivni,
.obecny_kosik .kroky_obal a.neaktivni:hover,
.obecny_kosik .kroky_obal a.neaktivni:active,
.obecny_kosik .kroky_obal a.neaktivni:focus {
  background: none;
}
.obecny_kosik .kroky_obal .aktivni span,
.obecny_kosik .kroky_obal a.neaktivni:hover span,
.obecny_kosik .kroky_obal a.neaktivni:active span,
.obecny_kosik .kroky_obal a.neaktivni:focus span {
  color: #05365B;
  background: none;
}
.obecny_kosik .kroky_obal .aktivni span:before,
.obecny_kosik .kroky_obal a.neaktivni:hover span:before,
.obecny_kosik .kroky_obal a.neaktivni:active span:before,
.obecny_kosik .kroky_obal a.neaktivni:focus span:before {
  background: #fff;
}
.obecny_kosik .kroky_obal .neaktivni,
.obecny_kosik .kroky_obal a.aktivni:hover,
.obecny_kosik .kroky_obal a.aktivni:active,
.obecny_kosik .kroky_obal a.aktivni:focus,
.obecny_kosik .kroky_obal .posledni_krok {
  background: #05365B;
}
.obecny_kosik .kroky_obal .neaktivni span,
.obecny_kosik .kroky_obal a.aktivni:hover span,
.obecny_kosik .kroky_obal a.aktivni:active span,
.obecny_kosik .kroky_obal a.aktivni:focus span,
.obecny_kosik .kroky_obal .posledni_krok span {
  color: #fff;
}
.obecny_kosik .kroky_obal .neaktivni span:before,
.obecny_kosik .kroky_obal a.aktivni:hover span:before,
.obecny_kosik .kroky_obal a.aktivni:active span:before,
.obecny_kosik .kroky_obal a.aktivni:focus span:before,
.obecny_kosik .kroky_obal .posledni_krok span:before {
  background: none;
}
.obecny_kosik .panel-objednat {
  overflow: hidden;
  margin-top: 3rem;
}
.obecny_kosik .panel-objednat .tlacitko_zpet,
.obecny_kosik .panel-objednat .odkaz-objednat {
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.5rem 3rem;
  background-size: 1rem;
  background-repeat: no-repeat;
}
.obecny_kosik .panel-objednat .tlacitko_zpet:before,
.obecny_kosik .panel-objednat .odkaz-objednat:before {
  content: '';
  top: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
}
.obecny_kosik .panel-objednat .odkaz-objednat {
  float: right;
  padding-right: 4rem;
}
.obecny_kosik .panel-objednat a.odkaz-objednat:before {
  right: 1.5rem;
  background: #fff;
  -webkit-mask: url(ikonky/sipka.svg) center / contain no-repeat;
  mask: url(ikonky/sipka-bila.svg) center / contain no-repeat;
}
.obecny_kosik .panel-objednat input.odkaz-objednat {
  text-decoration: underline;
  background-image: url(ikonky/sipka-bila.svg);
  background-position: calc(100% - 2rem) center;
  background-size: auto 1.5rem;
  background-repeat: no-repeat;
}
.obecny_kosik .panel-objednat input.odkaz-objednat:hover,
.obecny_kosik .panel-objednat input.odkaz-objednat:active,
.obecny_kosik .panel-objednat input.odkaz-objednat:focus {
  text-decoration: none;
}
.obecny_kosik .panel-objednat a.tlacitko_zpet {
  float: left;
  color: #05365B;
  padding-left: 4rem;
  background: #E2EEF8;
}
.obecny_kosik .panel-objednat a.tlacitko_zpet:before {
  left: 1.5rem;
  background: #05365B;
  transform: rotate(180deg);
  -webkit-mask: url(ikonky/sipka-bila.svg) center / contain no-repeat;
  mask: url(ikonky/sipka-bila.svg) center / contain no-repeat;
}
.obecny_kosik .panel-objednat a.tlacitko_zpet:hover,
.obecny_kosik .panel-objednat a.tlacitko_zpet:active,
.obecny_kosik .panel-objednat a.tlacitko_zpet:focus {
  color: #fff;
  background-color: #05365B;
}
.obecny_kosik .panel-objednat a.tlacitko_zpet:hover:before,
.obecny_kosik .panel-objednat a.tlacitko_zpet:active:before,
.obecny_kosik .panel-objednat a.tlacitko_zpet:focus:before {
  background: #fff;
}
.obecny_kosik p.nevyplnene_udaje {
  margin: 0;
  text-align: center;
  padding: 0.5rem 1rem;
  background: #05365B;
}
.obecny_kosik p.nevyplnene_udaje strong {
  color: #fff;
  display: block;
}
@media (max-width: 1000px) {
  .obecny_kosik .kroky_obal span,
  .obecny_kosik .kroky_obal a {
    font-size: 1rem;
    padding: 1rem 0.5rem;
  }
  .obecny_kosik .kroky_obal span span,
  .obecny_kosik .kroky_obal a span {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 720px) {
  .obecny_kosik .kroky_obal {
    height: auto;
    flex-wrap: wrap;
  }
  .obecny_kosik .kroky_obal span,
  .obecny_kosik .kroky_obal a {
    flex: 50%;
  }
  .obecny_kosik .panel-objednat {
    gap: 1rem;
    display: flex;
    margin-top: 2rem;
    flex-flow: column;
  }
  .obecny_kosik .panel-objednat .tlacitko {
    width: 100%;
    text-align: center;
  }
  .obecny_kosik .panel-objednat .tlacitko.odkaz-objednat {
    order: -1;
  }
}
/* přehled košíku (+ dokonečená objednávka) */
#div-formular-kosik #tabulka-kosik {
  margin-top: 2rem;
}
#div-formular-kosik .kosik_top,
#div-formular-kosik .kosik-obsah {
  width: 100%;
}
#div-formular-kosik .kosik_top .kosik-dostupnost,
#div-formular-kosik .kosik-obsah .kosik-dostupnost,
#div-formular-kosik .kosik_top .kosik_kusy,
#div-formular-kosik .kosik-obsah .kosik_kusy,
#div-formular-kosik .kosik_top .kosik_cena_ks,
#div-formular-kosik .kosik-obsah .kosik_cena_ks {
  width: 11%;
}
#div-formular-kosik .kosik_top .kosik_cena_celkem,
#div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  width: 15%;
  text-align: right;
}
#div-formular-kosik .kosik_top {
  height: 4rem;
  text-align: center;
}
#div-formular-kosik .kosik_top strong {
  display: block;
  padding: 0 1rem;
  font-size: 0.8rem;
  font-weight: normal;
  text-transform: uppercase;
}
#div-formular-kosik .kosik_top .kosik_model {
  width: 52%;
  text-align: left;
}
#div-formular-kosik .kosik-obsah {
  min-height: 8rem;
  margin-top: -1px;
  border: 1px solid #E2EEF8;
}
#div-formular-kosik .kosik-obsah > div {
  padding: 0 1rem;
}
#div-formular-kosik .kosik-obsah .foto {
  width: 15%;
  padding-bottom: 0;
  align-self: flex-end;
}
#div-formular-kosik .kosik-obsah .kosik_model {
  width: 32%;
  gap: 0.5rem;
  align-items: flex-start;
  text-transform: uppercase;
}
#div-formular-kosik .kosik-obsah .kosik_model .rozmery,
#div-formular-kosik .kosik-obsah .kosik_model .stitek {
  margin: 0;
}
#div-formular-kosik .kosik-obsah .kosik_vyradit {
  width: 5%;
}
#div-formular-kosik .kosik-obsah .kosik_vyradit input {
  display: none;
}
#div-formular-kosik .kosik-obsah .kosik_vyradit a.cervene {
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0 auto;
  background: #c80000;
  -webkit-mask: url(ikonky/eror.svg) center / contain no-repeat;
  mask: url(ikonky/eror.svg) center / contain no-repeat;
}
#div-formular-kosik .kosik-obsah .kosik_pozadi {
  text-align: center;
  align-self: stretch;
  background: #E2EEF8;
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost {
  font-weight: bold;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input {
  width: 100%;
  padding: 0.5rem;
  max-width: 5rem;
  transition: 0.5s;
  text-align: center;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input:hover,
#div-formular-kosik .kosik-obsah .kosik_kusy input:active,
#div-formular-kosik .kosik-obsah .kosik_kusy input:focus {
  transition: 0.5s;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input.kosik-ks-input {
  height: 2.5rem;
  border: 1px solid #165E95;
  border-bottom: none;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input.kosik-ks-input:focus {
  border-color: #05365B;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input#kosik-prepocitat-inline {
  height: 2rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  line-height: 1rem;
  background: #165E95;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input#kosik-prepocitat-inline:hover,
#div-formular-kosik .kosik-obsah .kosik_kusy input#kosik-prepocitat-inline:active,
#div-formular-kosik .kosik-obsah .kosik_kusy input#kosik-prepocitat-inline:focus {
  background: #05365B;
}
#div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  text-align: right;
  align-items: flex-end;
}
#div-formular-kosik .kosik-obsah.kosik-plech .foto {
  display: flex;
  padding: 1rem;
  max-height: 100%;
}
#div-formular-kosik .kosik-obsah.kosik-plech .foto img {
  margin: 0 auto;
  object-fit: contain;
}
#div-formular-kosik .kosik-obsah.JeToSluzba,
#div-formular-kosik.tabulka-sluzby .kosik-obsah {
  min-height: 4rem;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .foto,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .foto,
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model strong,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model strong,
#div-formular-kosik .kosik-obsah.JeToSluzba input#kosik-prepocitat-inline,
#div-formular-kosik.tabulka-sluzby .kosik-obsah input#kosik-prepocitat-inline {
  display: none;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model {
  width: 47%;
  text-transform: none;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model span,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model span {
  display: flex;
  min-height: 4rem;
  padding-left: 3rem;
  align-items: center;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model span:after {
  left: 0;
  top: 50%;
  content: '';
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  background-color: #444;
  transform: translateY(-50%);
  -webkit-mask: url(ikonky/kompletace.svg) left / 2rem no-repeat;
  mask: url(ikonky/kompletace.svg) left / 2rem no-repeat;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_service_16 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_service_16 span:after,
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_service_17 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_service_17 span:after {
  -webkit-mask-image: url(ikonky/donaska-domu.svg);
  mask-image: url(ikonky/donaska-domu.svg);
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_payment_2 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_payment_2 span:after,
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_payment_12 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_payment_12 span:after {
  -webkit-mask-image: url(ikonky/dobirka.svg);
  mask-image: url(ikonky/dobirka.svg);
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_payment_7 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_payment_7 span:after,
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_payment_17 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_payment_17 span:after {
  -webkit-mask-image: url(ikonky/online-kartou.svg);
  mask-image: url(ikonky/online-kartou.svg);
}
#div-formular-kosik #formular-vypis-ceny-kosiku-div {
  width: 48%;
  padding: 1rem;
  flex-wrap: wrap;
  margin-top: -1px;
  margin-left: 52%;
  font-size: 1.2rem;
  text-align: right;
  background: #E2EEF8;
  border-top: 1px solid #fff;
}
#div-formular-kosik .bezdph p,
#div-formular-kosik .box_dph p,
#div-formular-kosik .celkem-nazev p,
#div-formular-kosik .dph_cislo p,
#div-formular-kosik .bezdph_cislo p,
#div-formular-kosik .celkem-castka p,
#div-formular-kosik .bezdph span,
#div-formular-kosik .box_dph span,
#div-formular-kosik .celkem-nazev span,
#div-formular-kosik .dph_cislo span,
#div-formular-kosik .bezdph_cislo span,
#div-formular-kosik .celkem-castka span {
  margin: 0.5em 0;
  display: block;
  font-size: 1.2rem;
}
#div-formular-kosik .bezdph,
#div-formular-kosik .box_dph,
#div-formular-kosik .celkem-nazev {
  width: 60%;
}
#div-formular-kosik .dph_cislo,
#div-formular-kosik .bezdph_cislo,
#div-formular-kosik .celkem-castka {
  width: 40%;
  padding-left: 2rem;
}
#div-formular-kosik .objednavka-celkem-td span.objednavka-celkem {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (max-width: 1200px) {
  #div-formular-kosik .kosik_top strong,
  #div-formular-kosik .kosik-obsah > div,
  #div-formular-kosik #formular-vypis-ceny-kosiku-div {
    padding: 0.5rem;
  }
}
@media (max-width: 1000px) {
  #div-formular-kosik .kosik-obsah .foto,
  #div-formular-kosik .kosik-obsah.kosik-plech .foto {
    padding: 0.5rem;
  }
}
@media (max-width: 720px) {
  #div-formular-kosik #tabulka-kosik {
    margin-top: 1rem;
  }
  #div-formular-kosik .kosik_top .kosik-dostupnost,
  #div-formular-kosik .kosik-obsah .kosik-dostupnost,
  #div-formular-kosik .kosik_top .kosik_cena_ks,
  #div-formular-kosik .kosik-obsah .kosik_cena_ks {
    display: none;
  }
  #div-formular-kosik .kosik_top .kosik_model,
  #div-formular-kosik .kosik-obsah .kosik_model,
  #div-formular-kosik .kosik_top .kosik_cena_celkem,
  #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
    width: auto;
  }
  #div-formular-kosik .kosik_top .kosik_model,
  #div-formular-kosik .kosik-obsah .kosik_model {
    flex: 2;
  }
  #div-formular-kosik .kosik_top .kosik_kusy,
  #div-formular-kosik .kosik-obsah .kosik_kusy {
    width: 60px;
  }
  #div-formular-kosik .kosik_top .kosik_cena_celkem,
  #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
    flex: 1;
  }
  #div-formular-kosik .kosik-obsah .foto,
  #div-formular-kosik .kosik-obsah.kosik-plech .foto,
  #div-formular-kosik .kosik-obsah .kosik_vyradit,
  #div-formular-kosik .kosik-obsah.kosik-plech .kosik_vyradit {
    display: none;
  }
  #div-formular-kosik #formular-vypis-ceny-kosiku-div {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  #div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model span,
  #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model span {
    padding: 0;
  }
  #div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model span:after,
  #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model span:after {
    display: none;
  }
}
#obsah:not(:has(#div-formular-kosik)) a.tlacitko.tlacitko_zpet {
  display: block;
  margin: 1rem auto 0 auto;
}
/* doprava a platba */
#sluzby .sluzby_obal {
  margin-bottom: 1rem;
}
#sluzby .doprava_box {
  min-height: 2rem;
  border-bottom: 1px solid #fff;
}
#sluzby .doprava_box label.label_sluzba {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  color: #05365B;
  background: #E2EEF8;
  justify-content: space-between;
  padding: 1rem 1.5rem 1rem 3.5rem;
}
#sluzby .doprava_box label.label_sluzba:before {
  content: '';
  top: 1rem;
  left: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: #fff;
  position: absolute;
  border-radius: 100%;
}
#sluzby .doprava_box .sluzba-nazev span {
  display: none;
}
#sluzby .doprava_box input {
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
#sluzby .doprava_box input:hover + label.label_sluzba,
#sluzby .doprava_box input:checked + label.label_sluzba {
  color: #fff;
  transition: 0.5s;
  background: #165E95;
}
#sluzby .doprava_box input:hover + label.label_sluzba *,
#sluzby .doprava_box input:checked + label.label_sluzba * {
  color: #fff;
}
#sluzby .doprava_box input:checked + label.label_sluzba:after {
  top: calc(1rem + 1px);
  left: calc(1rem + 1px);
  width: calc(1.5rem - 2px);
  height: calc(1.5rem - 2px);
  content: '';
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #165E95;
}
#sluzby .doprava_box input[type="checkbox"]:checked + label.label_sluzba:before,
#sluzby .doprava_box input[type="checkbox"]:not(:checked) + label.label_sluzba:before,
#sluzby .doprava_box input[type="checkbox"]:checked + label.label_sluzba:after,
#sluzby .doprava_box input[type="checkbox"]:not(:checked) + label.label_sluzba:after {
  border-radius: 0;
}
@media (max-width: 720px) {
  #sluzby .doprava_box label.label_sluzba {
    gap: 0.5rem;
    flex-flow: column;
    align-items: flex-end;
    padding: 0.5rem 1rem 0.5rem 3rem;
  }
  #sluzby .doprava_box label.label_sluzba:before {
    top: 50%;
    transform: translateY(-50%);
  }
  #sluzby .doprava_box input:checked + label.label_sluzba:after {
    top: 50%;
    transform: translateY(-50%);
  }
}
/* doprava a platba (sluzby_ver2) */
#sluzby.sluzby_ver2 ul.error,
#sluzby.sluzby_ver2 .individual_error {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  padding: 0.5rem 1rem;
  background: #05365B;
}
#sluzby.sluzby_ver2 ul.error li {
  color: #fff;
  display: block;
  line-height: 1.2;
  font-weight: bold;
}
#sluzby.sluzby_ver2 .individual_error {
  width: 100%;
  color: #fff;
  display: block;
  line-height: 1;
  font-weight: bold;
  padding: 0.5rem 1rem 0.25rem 1rem;
}
#sluzby.sluzby_ver2 #sluzby_main {
  position: relative;
}
#sluzby.sluzby_ver2 h3.group_name {
  line-height: 1.5;
  font-size: 1.5rem;
  margin: 1em 0 0.5em 0;
}
#sluzby.sluzby_ver2 .groups_order_services,
#sluzby.sluzby_ver2 .group_order_payments {
  float: left;
  width: calc(50% - 0.5rem);
}
#sluzby.sluzby_ver2 .groups_order_services {
  display: flex;
  flex-flow: column;
  margin: 0 0.5rem 2rem 0;
}
#sluzby.sluzby_ver2 .group_order_payments {
  margin: 0 0 2rem 0.5rem;
}
#sluzby.sluzby_ver2 .service_item {
  padding: 0;
  gap: 0.5rem;
  display: flex;
  transition: 0.5s;
  cursor: pointer;
  min-height: 6rem;
  padding: 0 1.5rem;
  position: relative;
  align-items: center;
  margin: 0 0 0.5rem 0;
  background: #E2EEF8;
  flex-flow: row nowrap;
  box-sizing: border-box;
  justify-content: space-between;
}
#sluzby.sluzby_ver2 .service_item span.label {
  flex: 50%;
  order: 1;
  padding: 0;
  position: unset;
  font-size: 1rem;
  line-height: 1.5;
}
#sluzby.sluzby_ver2 .service_item span.label label {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  cursor: pointer;
  transition: 0.5s;
  font-size: 1rem;
  line-height: 1.5;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  padding: 1rem 1.5rem 1rem 3.5rem;
}
#sluzby.sluzby_ver2 .service_item span.label label:before {
  top: 50%;
  left: 1rem;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: #fff;
  position: absolute;
  border-radius: 100%;
  transform: translateY(-50%);
}
#sluzby.sluzby_ver2 .service_item span.label label span {
  flex: 2;
  transition: 0.5s;
  min-height: 2rem;
  line-height: 1.5;
  max-width: calc(100% - 80px);
  padding: 0.25rem 0 0.25rem 3rem;
}
#sluzby.sluzby_ver2 .service_item span.label label span:before {
  top: 0;
  left: 0;
  content: '';
  width: 2rem;
  height: 100%;
  display: block;
  transition: 0.5s;
  position: absolute;
  background-color: #444;
  -webkit-mask: url(ikonky/kompletace.svg) left / 2rem no-repeat;
  mask: url(ikonky/kompletace.svg) left / 2rem no-repeat;
}
#sluzby.sluzby_ver2 .service_item input {
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label {
  transition: 0.5s;
  background-color: #165E95;
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label:after {
  top: 50%;
  content: '';
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #165E95;
  left: calc(1rem + 1px);
  width: calc(1.5rem - 2px);
  height: calc(1.5rem - 2px);
  transform: translateY(-50%);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label span {
  color: #fff;
  transition: 0.5s;
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label span:before {
  transition: 0.5s;
  background: #fff;
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label + .price,
#sluzby.sluzby_ver2 .service_item input:checked + span.label + .price + .selector_and_description .description {
  color: #fff;
  transition: 0.5s;
}
#sluzby.sluzby_ver2 .service_item input[name="service_for_group_1"] + span.label label span,
#sluzby.sluzby_ver2 .service_item input[name="service_for_group_3"] + span.label label span {
  min-height: 3.25rem;
}
#sluzby.sluzby_ver2 .service_item input[name="service_for_group_3"] + span.label label span {
  min-height: 3.25rem;
}
#sluzby.sluzby_ver2 .service_item .selector_and_description {
  order: 2;
  z-index: 1;
  padding: 0;
  left: 6.5rem;
  bottom: 1.75rem;
  transition: 0.5s;
  position: absolute;
  line-height: 1.5rem;
  pointer-events: none;
  justify-content: center;
  flex-flow: column nowrap;
}
#sluzby.sluzby_ver2 .service_item .price {
  flex: 1;
  order: 3;
  z-index: 1;
  padding: 0;
  min-width: 80px;
  transition: 0.5s;
  text-align: right;
  position: relative;
  line-height: 1.5rem;
  pointer-events: none;
  box-sizing: border-box;
}
#sluzby.sluzby_ver2 .service_item .description {
  font-size: 0.8rem;
  line-height: 1.5;
}
#sluzby.sluzby_ver2 .service_item .selector_type {
  width: 100%;
  margin: 0 auto;
  line-height: 1.5;
  max-width: 100%;
  pointer-events: auto;
}
#sluzby.sluzby_ver2 .service_item .selector_type select {
  width: 100%;
  height: 2rem;
  outline: none;
  cursor: pointer;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
#sluzby.sluzby_ver2 .service_item .selector_type .select2 {
  width: 100% !important;
}
#sluzby.sluzby_ver2 .service_item .selector_type span.selection span {
  font-size: 0.8rem;
  text-align: left;
  line-height: 1.8rem;
}
#sluzby.sluzby_ver2 .service_item .selector_type span.selection > span {
  height: 2rem;
  border-radius: 0;
  border: 1px solid #ff0404;
  max-width: 100% !important;
}
#sluzby.sluzby_ver2 .service_item:hover,
#sluzby.sluzby_ver2 .service_item:focus,
#sluzby.sluzby_ver2 .service_item:active {
  cursor: text;
  background: #165E95;
}
#sluzby.sluzby_ver2 .service_item:hover span.label label,
#sluzby.sluzby_ver2 .service_item:focus span.label label,
#sluzby.sluzby_ver2 .service_item:active span.label label {
  transition: 0.5s;
}
#sluzby.sluzby_ver2 .service_item:hover span.label label span,
#sluzby.sluzby_ver2 .service_item:focus span.label label span,
#sluzby.sluzby_ver2 .service_item:active span.label label span {
  color: #fff;
}
#sluzby.sluzby_ver2 .service_item:hover span.label label span:before,
#sluzby.sluzby_ver2 .service_item:focus span.label label span:before,
#sluzby.sluzby_ver2 .service_item:active span.label label span:before {
  transition: 0.5s;
  background: #fff;
}
#sluzby.sluzby_ver2 .service_item:hover .description,
#sluzby.sluzby_ver2 .service_item:focus .description,
#sluzby.sluzby_ver2 .service_item:active .description,
#sluzby.sluzby_ver2 .service_item:hover .price,
#sluzby.sluzby_ver2 .service_item:focus .price,
#sluzby.sluzby_ver2 .service_item:active .price {
  color: #fff;
  transition: 0.5s;
}
#sluzby.sluzby_ver2 #service_item_16 label span:before,
#sluzby.sluzby_ver2 #service_item_17 label span:before {
  -webkit-mask-image: url(ikonky/donaska-domu.svg);
  mask-image: url(ikonky/donaska-domu.svg);
}
#sluzby.sluzby_ver2 #service_payment_2 label span:before {
  -webkit-mask-image: url(ikonky/dobirka.svg);
  mask-image: url(ikonky/dobirka.svg);
}
#sluzby.sluzby_ver2 #service_payment_7 label span:before {
  -webkit-mask-image: url(ikonky/online-kartou.svg);
  mask-image: url(ikonky/online-kartou.svg);
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item {
  width: 100%;
  justify-content: center;
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item span.label {
  flex: 1;
  order: 1;
  max-width: 100px;
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item span.label label {
  padding: 0;
  position: relative;
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item span.control {
  flex: 3;
  order: 2;
  max-width: 20rem;
  line-height: 1.5;
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item span.control select {
  z-index: 1;
  width: 100%;
  position: relative;
}
#sluzby.sluzby_ver2 .groups_order_country_services .service_item input.submit.button_zvolit {
  cursor: pointer;
}
#sluzby.sluzby_ver2 input.button_objednat {
  clear: both;
}
#sluzby.sluzby_ver2 input.button_registrovat {
  clear: both;
}
#sluzby.sluzby_ver2 .kosik_prehled {
  top: 0;
  right: 0;
  margin: 0;
  position: absolute;
  width: calc(32% - 2rem);
  display: none;
}
#sluzby.sluzby_ver2 .kosik_prehled h1 {
  margin-top: 0.5rem;
}
#sluzby.sluzby_ver2 #kosik_prehled_content {
  width: 100%;
  padding: 1rem;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #E2EEF8;
  box-shadow: 0px 1px 10px #E2EEF8;
}
#sluzby.sluzby_ver2 .kosik_obsah,
#sluzby.sluzby_ver2 .kosik_top {
  margin: 0;
  gap: 0.5rem;
  display: flex;
  padding: 0.5rem 0;
  box-shadow: none;
  align-items: flex-end;
  border-bottom: 1px solid #165E95;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-foto,
#sluzby.sluzby_ver2 .kosik_top .flex-foto {
  display: none;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-model,
#sluzby.sluzby_ver2 .kosik_top .flex-model {
  flex: 6;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks,
#sluzby.sluzby_ver2 .kosik_top .flex-ks {
  flex: 2;
  display: block;
  max-width: 4rem;
  position: relative;
  text-align: center;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-cena,
#sluzby.sluzby_ver2 .kosik_top .flex-cena {
  flex: 3;
  max-width: 6rem;
  text-align: right;
}
#sluzby.sluzby_ver2 .kosik_top strong {
  display: block;
  font-size: 0.8rem;
}
#sluzby.sluzby_ver2 .kosik_obsah {
  align-items: center;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input {
  float: left;
  height: 3rem;
  font-size: 0.8rem;
  text-align: center;
  width: calc(100% - 1rem);
  border: 1px solid #E2EEF8;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  border-right: none;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input::-webkit-inner-spin-button,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input::-webkit-outer-spin-button {
  display: none;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content {
  gap: 1px;
  width: 1rem;
  height: 3rem;
  float: right;
  display: flex;
  position: unset;
  background: #E2EEF8;
  box-sizing: border-box;
  justify-content: center;
  flex-flow: column nowrap;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter_changer {
  margin: 0;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 1rem;
  color: #05365B;
  border-radius: 0;
  text-align: center;
  line-height: 1.3rem;
  text-decoration: none;
  box-sizing: border-box;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter_changer:hover,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter_changer:focus,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter_changer:active {
  color: #fff;
  background: #165E95;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter_changer.remover {
  color: #fff;
  background: #165E95;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 1.5rem;
  bottom: -1.5rem;
  transition: 0.5s;
  position: absolute;
  line-height: 1.5rem;
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks:hover .counter_changer.remover,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks:focus .counter_changer.remover,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks:active .counter_changer.remover {
  opacity: 1;
  transition: 0.5s;
}
#sluzby.sluzby_ver2 .selected_service {
  display: flex;
  padding: 0.5rem 0 0 0;
  flex-flow: row nowrap;
}
#sluzby.sluzby_ver2 .selected_service .flex-model {
  flex: 10;
}
#sluzby.sluzby_ver2 .selected_service .flex-cena {
  flex: 3;
  text-align: right;
}
#sluzby.sluzby_ver2 .selected_payment {
  display: flex;
  padding: 0.5rem 0 0 0;
  flex-flow: row nowrap;
}
#sluzby.sluzby_ver2 .selected_payment .flex-model {
  flex: 10;
}
#sluzby.sluzby_ver2 .selected_payment .flex-cena {
  flex: 3;
  text-align: right;
}
#sluzby.sluzby_ver2 .summary {
  display: flex;
  padding: 0.5rem 0 0 0;
  flex-flow: row nowrap;
}
#sluzby.sluzby_ver2 .summary .flex-model {
  flex: 10;
}
#sluzby.sluzby_ver2 .summary .flex-cena {
  flex: 3;
  text-align: right;
}
#sluzby.sluzby_ver2 #objednat {
  width: 100%;
  clear: both;
  padding: 1rem 0;
}
#sluzby.sluzby_ver2 #registrovat {
  padding: 1rem 0;
}
#sluzby.sluzby_ver2 #order_kosik_prepocitat {
  display: none;
}
@media (max-width: 1000px) {
  #sluzby.sluzby_ver2 #sluzby_main {
    display: flex;
    flex-flow: column-reverse;
  }
  #sluzby.sluzby_ver2 .kosik_prehled {
    top: auto;
    right: auto;
    width: 100%;
    position: relative;
  }
  #sluzby.sluzby_ver2 .groups_order_services,
  #sluzby.sluzby_ver2 .group_order_payments {
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
@media (max-width: 640px) {
  #sluzby.sluzby_ver2 .service_item {
    padding: 0 1rem;
  }
}
/* doprava a platba (sluzby_ver2) bez aktivniho prehledu */
body.kosik_prehled_neaktivni #sluzby .groups_order_services {
  width: 49%;
  margin-right: 0;
}
body.kosik_prehled_neaktivni #sluzby .group_order_payments {
  width: 49%;
  margin-right: 0;
  float: right;
}
/* doprava a platba (sluzby_ver2) bez zaplýho javascriptu */
body.nojs #sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input {
  float: none;
  margin: 0 auto;
  border-right: 1px solid #E2EEF8;
}
body.nojs #sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input::-webkit-inner-spin-button,
body.nojs #sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input::-webkit-outer-spin-button {
  display: block;
}
body.nojs #sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content {
  display: none;
}
body.nojs #sluzby.sluzby_ver2 #order_kosik_prepocitat {
  display: block;
}
/* osobní údaje */
#osobni_udaje #formular-objednavka-tabulka {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
#osobni_udaje .obsah-sloupce {
  gap: 2rem;
  padding: 3rem;
  background: #E2EEF8;
  align-items: flex-start;
}
#osobni_udaje .povinne,
#osobni_udaje .nepovinne,
#osobni_udaje .table-poznamka {
  gap: 1rem;
  width: 100%;
  min-height: 3rem;
}
#osobni_udaje .nadpis {
  flex: 1;
  font-weight: bold;
  font-size: 1.2rem;
}
#osobni_udaje .hodnota {
  flex: 4;
  gap: 1rem;
  justify-content: flex-start;
}
#osobni_udaje .hodnota input,
#osobni_udaje .hodnota textarea {
  width: 60%;
  height: 3rem;
}
#osobni_udaje .hodnota textarea {
  height: 6rem;
}
#osobni_udaje .hodnota label {
  display: none;
}
#osobni_udaje .hodnota .povinna_polozka,
#osobni_udaje .hodnota .objednavka_input_warning,
#osobni_udaje .hodnota span.povinna_sipka {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.5rem;
}
#osobni_udaje .hodnota .vyplneno-ok {
  font-size: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: #05365B;
  -webkit-mask: url(ikonky/ok.svg) center / contain no-repeat;
  mask: url(ikonky/ok.svg) center / contain no-repeat;
}
#osobni_udaje .hodnota .vyplneno-bad {
  height: 1.5rem;
  padding-left: 2rem;
  line-height: 1.5rem;
}
#osobni_udaje .hodnota .vyplneno-bad:before {
  top: 0;
  left: 0;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  background: #05365B;
  -webkit-mask: url(ikonky/eror.svg) left / contain no-repeat;
  mask: url(ikonky/eror.svg) left / contain no-repeat;
}
#osobni_udaje textarea.poznamka {
  width: 100%;
  display: block;
}
#osobni_udaje .platba {
  display: none;
}
#osobni_udaje p.obchodni-podminky {
  padding: 1rem;
  font-weight: bold;
  text-align: center;
}
#osobni_udaje:has(.heureka-survey) .obchodni-podminky {
  margin: 0 0 2rem 0;
}
#osobni_udaje .heureka-survey {
  gap: 0.5rem;
  display: flex;
  margin: 3rem 0 0 0;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  flex-direction: row-reverse;
}
#osobni_udaje .heureka-survey input#js_checkbox_heureka_dont_send_survey {
  flex: none;
  border: none;
  float: left;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  border: 1px solid #165E95;
}
#osobni_udaje .heureka-survey input#js_checkbox_heureka_dont_send_survey:checked:after {
  left: 0;
  right: 0;
  top: 50%;
  content: '';
  width: 14px;
  height: 14px;
  margin: auto;
  display: block;
  position: absolute;
  background: #165E95;
  transform: translateY(-50%);
}
#osobni_udaje .heureka-survey label {
  cursor: pointer;
  text-wrap: balance;
}
#osobni_udaje input.odkaz-objednat {
  float: none;
  margin: 0 auto;
  display: block;
  font-size: 1.5rem;
  padding: 2rem 4rem;
  background-image: none;
}
@media (max-width: 720px) {
  #osobni_udaje .obsah-sloupce {
    gap: 0.5rem;
    padding: 1rem;
  }
  #osobni_udaje .povinne,
  #osobni_udaje .nepovinne,
  #osobni_udaje .table-poznamka,
  #osobni_udaje .hodnota {
    gap: 0.5rem;
    width: 100%;
    flex-flow: column;
    align-items: flex-start;
  }
  #osobni_udaje .hodnota {
    gap: 0.5rem;
  }
  #osobni_udaje .hodnota span {
    align-self: flex-end;
  }
  #osobni_udaje .hodnota input,
  #osobni_udaje .hodnota textarea {
    width: 100%;
  }
  #osobni_udaje p.obchodni-podminky {
    padding: 0.5rem 0;
    text-wrap: balance;
  }
  #osobni_udaje:has(.heureka-survey) .obchodni-podminky {
    padding: 0.5rem 2rem;
  }
  #osobni_udaje .heureka-survey {
    text-align: center;
  }
}
/* osobní údaje ver2 */
#formular-objednavka-tabulka.objednavka_ver2 h2 {
  margin-left: calc(20px + 0.5rem);
}
#formular-objednavka-tabulka.objednavka_ver2 h2 input,
#formular-objednavka-tabulka.objednavka_ver2 h2 label {
  cursor: pointer;
}
#formular-objednavka-tabulka.objednavka_ver2 h2 label {
  padding-left: 0.5rem;
}
#formular-objednavka-tabulka.objednavka_ver2 .nepovinne_udaje h2 {
  margin-left: 0;
}
#formular-objednavka-tabulka.objednavka_ver2 input.js_ridici_checkbox {
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #518CB9;
  margin-top: calc(1.5rem - 10px);
}
#formular-objednavka-tabulka.objednavka_ver2 input.js_ridici_checkbox:checked:after {
  left: 0;
  right: 0;
  top: 50%;
  content: '';
  width: 12px;
  height: 12px;
  margin: 0 auto;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: #518CB9;
  transform: translateY(-50%);
}
#formular-objednavka-tabulka.objednavka_ver2 .js_odkaz_kopirovat {
  left: 0;
  bottom: -1.5rem;
  font-size: 0.8rem;
  position: absolute;
  line-height: 1.5rem;
}
@media (max-width: 720px) {
  #formular-objednavka-tabulka.objednavka_ver2 .js_odkaz_kopirovat {
    bottom: 0;
  }
}
/* .js_validation */
#osobni_udaje:has(.js_validation) #fakturacni_cast_obal {
  margin-bottom: 2.5rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka select#js_input_telefon_predvolba,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka select#js_input_shop_dodaci_telefon_predvolba {
  padding: 0 0.5rem 0 0;
  width: 100px;
  height: 3rem;
  text-align: right;
  pointer-events: none;
  padding-left: calc(20px + 0.5rem);
  background: url(ceska-vlajka.png) 0.5rem center / 20px no-repeat;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka input#js_input_telefon,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka input#js_input_shop_dodaci_telefon {
  width: calc(60% - (100px + 1rem));
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_input_warning {
  height: 1.5rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_input_warning:before {
  top: 0;
  left: 0;
  content: '';
  width: 1rem;
  height: 1.5rem;
  display: block;
  position: absolute;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_input_warning::first-letter {
  text-transform: uppercase;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_input_warning span.povinna_sipka {
  display: none;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka span.povinna_polozka:before {
  background: #000;
  transform: rotate(180deg);
  -webkit-mask: url(ikonky/sipka-povinne.svg) left / contain no-repeat;
  mask: url(ikonky/sipka-povinne.svg) left / contain no-repeat;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka span.vyplneno-warning:before {
  -webkit-mask: url(ikonky/warning.svg) left / contain no-repeat;
  mask: url(ikonky/warning.svg) left / contain no-repeat;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec .obsah-sloupce {
  margin: 0.5rem 0 2.5rem 0;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka {
  padding: 0;
  background: none;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2:has(.js_ridici_checkbox),
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2:has(.js_ridici_checkbox) {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  margin: 0.5rem 3rem 0.5rem 3rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2:has(.js_ridici_checkbox) label,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2:has(.js_ridici_checkbox) label {
  padding: 0;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2:has(.js_ridici_checkbox) input.js_ridici_checkbox,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2:has(.js_ridici_checkbox) input.js_ridici_checkbox {
  margin: 0;
  flex: none;
}
#osobni_udaje:has(.js_validation):not(:has(.heureka-survey)) .obchodni-podminky {
  margin-top: 3rem;
}
@media (max-width: 720px) {
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_telefon_obal,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_shop_dodaci_telefon_obal {
    gap: 0.5rem;
    flex-flow: row wrap;
    justify-content: flex-end;
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_telefon_obal input#js_input_telefon,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_shop_dodaci_telefon_obal input#js_input_telefon,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_telefon_obal input#js_input_shop_dodaci_telefon,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka #js_input_shop_dodaci_telefon_obal input#js_input_shop_dodaci_telefon {
    width: calc(100% - (100px + 0.5rem));
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_odkaz_kopirovat {
    right: 0;
    left: auto;
    top: -1.5rem;
    bottom: auto;
    width: fit-content;
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2:has(.js_ridici_checkbox) label,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2:has(.js_ridici_checkbox) label {
    line-height: 1.3;
    font-size: 1.5rem;
  }
}
/* dokončená objednávka */
#dokoncena-objednavka .zprava-objednavky,
#dokoncena-objednavka #div-formular-kosik {
  margin-bottom: 2rem;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_model,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_model {
  flex: 1;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_kusy,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_kusy {
  width: 50px;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_cena_celkem,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  width: 100px;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top {
  height: 3rem;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_model {
  width: 85%;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .foto {
  width: 150px;
  padding: 1rem;
  display: flex;
  max-height: 100%;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .foto img {
  object-fit: contain;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah {
  min-height: 4rem;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_cena_celkem {
  width: 150px;
}
#dokoncena-objednavka .tabulka-recap {
  gap: 2rem;
  justify-content: flex-end;
}
#dokoncena-objednavka .tabulka-recap .cena-celkem,
#dokoncena-objednavka .tabulka-recap .mena {
  font-size: 2rem;
  font-weight: bold;
}
#dokoncena-objednavka .podekovani {
  padding: 1rem;
  text-align: right;
}
@media (max-width: 1200px) {
  #dokoncena-objednavka .podekovani {
    padding: 0.5rem;
  }
}
@media (max-width: 720px) {
  #dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_kusy,
  #dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_kusy {
    width: 30px;
  }
  #dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_cena_celkem,
  #dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
    width: 70px;
    flex: unset;
  }
  #dokoncena-objednavka #div-formular-kosik .kosik-obsah .foto {
    display: none;
  }
  #dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_cena_celkem {
    width: 100px;
  }
  #dokoncena-objednavka .tabulka-recap {
    gap: 0.5rem;
    flex-flow: column;
    align-items: flex-end;
  }
}
/* comgate */
#comgate_obal .comgate_grid {
  gap: 1rem;
  display: grid;
  margin: 1rem 0 2rem 0;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
#comgate_obal .comgate_grid div#cmg_method_bank_cz_mo {
  display: none;
}
#comgate_obal .comgate_method button {
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  outline: none;
  padding: 1rem;
  display: flex;
  transition: 0.5s;
  cursor: pointer;
  border-radius: 0;
  flex-flow: column;
  align-items: center;
  box-sizing: border-box;
}
#comgate_obal .comgate_method button span.description {
  text-wrap: balance;
}
@media (max-width: 640px) {
  #comgate_obal .comgate_grid {
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}