/* OBECNĚ */
/* fonty */
@font-face {
  font-style: normal;
  font-display: swap;
  font-weight: normal;
  font-family: 'Nunito Sans';
  src: url('fonty/NunitoSans-Regular.woff2') format('woff2');
}
@font-face {
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito Sans';
  src: url('fonty/NunitoSans-SemiBold.woff2') format('woff2');
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito Sans';
  src: url('fonty/NunitoSans-Bold.woff2') format('woff2');
}
@font-face {
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito Sans';
  src: url('fonty/NunitoSans-ExtraBold.woff2') format('woff2');
}
/* promenny */
html {
  --vsenaauto-seda: #c7c9cb;
  --vsenaauto-cerna: #0c2333;
  --vsenaauto-zelena: #86b937;
  --vsenaauto-cervena: #c80000;
  --vsenaauto-modra-1: #f3f6f8;
  --vsenaauto-modra-2: #e3eaef;
  --vsenaauto-modra-3: #2c3e50;
  --vsenaauto-modra-4: #05365B;
  --vsenaauto-modra-5: #133044;
  --vsenaauto-oranzova: #F67A13;
  --vsenaauto-tmave-cervena: #A40000;
  --vsenaauto-stin: 0px 1px 3px #dedede;
  --vsenaauto-velky-stin: 0px 5px 15px #dedede;
  --vsenaauto-input-stin: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
  --vsenaauto-radius: 3px;
}
/* html, funkce, typografie, tachyony */
html {
  font-size: 15px;
}
html body * {
  color: var(--vsenaauto-modra-3);
  font-family: 'Nunito Sans';
}
html a {
  color: var(--vsenaauto-cervena);
}
html input[type="radio"],
html textarea[type="radio"] {
  border-color: var(--vsenaauto-cervena);
}
html input[type="radio"]:checked:before,
html textarea[type="radio"]:checked:before {
  background: var(--vsenaauto-cervena);
}
html h1,
html h1 a,
html h1 span {
  font-size: 2.2rem;
}
html h2,
html h2 a,
html h2 span {
  font-size: 1.8rem;
}
html h3,
html h3 a,
html h3 span {
  font-size: 1.3rem;
}
html p.velke {
  font-size: 1.1rem;
}
html .tlacitko {
  font-size: 0.9rem;
  border-radius: var(--vsenaauto-radius);
  padding: 1rem 2rem;
  background: var(--vsenaauto-modra-4);
  text-decoration: none;
}
html .tlacitko:hover,
html .tlacitko:active,
html .tlacitko:focus {
  background: #022743;
}
@media (max-width: 720px) {
  html {
    font-size: 13px;
  }
}
/* top */
#top {
  background: var(--vsenaauto-cerna);
}
#top .logo_obal_line {
  background: var(--vsenaauto-modra-5);
}
#top #logo {
  width: auto;
}
#top #logo a {
  float: left;
  height: 3.3rem;
  background: url(vsenaauto/logo.webp) left / contain no-repeat;
}
#top #logo span.nezobrazovat {
  visibility: hidden;
}
#top #top_menu {
  display: none;
}
#top #top-ikony {
  gap: 2rem;
  display: flex;
  height: 2.6rem;
  max-width: 860px;
  align-items: stretch;
  justify-content: center;
}
#top #top-ikony > div {
  display: flex;
  padding: 0 0 0 4rem;
  align-items: center;
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto 2.5rem;
}
#top #top-ikony > div strong {
  color: #c0c0c0;
}
#top #top-ikony .top-doprava {
  background-image: url(vsenaauto/doprava-zdarma.webp);
}
#top #top-ikony .top-doruceni {
  background-image: url(vsenaauto/rychle-doruceni.webp);
}
#top #top-ikony .top-kompletace {
  background-image: url(vsenaauto/kompletace-pneumatik.webp);
}
#top #top-ikony .top-odber {
  background-image: url(vsenaauto/osobni-odbery.webp);
}
#top #kosik_list span.cena a {
  text-decoration: underline;
}
#top #kosik_list span.ks {
  background: var(--vsenaauto-cervena);
}
#top #kosik_list a.kosik_obsah {
  width: 100%;
  display: block;
  line-height: 2;
  padding: 0 0.3rem;
  font-size: 0.7rem;
  border-radius: var(--vsenaauto-radius);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: var(--vsenaauto-cervena);
}
#top #kosik_list:hover a.kosik_obsah,
#top #kosik_list:active a.kosik_obsah,
#top #kosik_list:focus a.kosik_obsah {
  background: var(--vsenaauto-tmave-cervena);
}
#top #horni_menu_line {
  height: 3.2rem;
}
#top #horni_menu a,
#top #horni_menu div,
#top #horni_menu .active {
  font-size: 1rem;
  padding: 1.2rem 2.6rem 0.8rem 2.6rem;
}
#top #horni_menu .active,
#top #horni_menu a:hover,
#top #horni_menu a:focus,
#top #horni_menu a:active {
  background: var(--vsenaauto-zelena);
}
#top #top-mail a {
  text-decoration: underline;
}
#top #top-mail a:hover,
#top #top-mail a:active,
#top #top-mail a:focus {
  text-decoration: none;
}
#top #filtr_krokovani {
  background: var(--vsenaauto-zelena);
}
#top .filtr_pneumatiky_warning {
  top: -1.5rem;
  border-radius: var(--vsenaauto-radius);
  background: var(--vsenaauto-cervena);
}
#top .filtr_pneumatiky_warning span {
  font-size: 12px;
  line-height: 1.5rem;
  text-transform: lowercase;
}
#top .filtr-box-obdobi strong,
#top .filtr-box strong {
  font-size: 12px;
}
#top .filtr-box-obdobi option,
#top .filtr-box option {
  font-weight: bold;
}
#top .obdobi-boxy {
  overflow: hidden;
  border-radius: var(--vsenaauto-radius);
  background: #e8ebed;
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
#top .obdobi-boxy span.box_obdobi {
  background: #fff;
}
#top .obdobi-boxy label {
  font-weight: bold;
}
#top .obdobi-boxy input:before {
  left: calc(1rem + 4px);
}
#top .obdobi-boxy input:after {
  left: 1rem;
  border-color: #133044;
}
#top .obdobi-boxy span.box_obdobi {
  padding-left: calc(2rem + 16px);
}
#top .filtr-box select,
#top .tlacitko-vypis input.tlacitko {
  border-radius: var(--vsenaauto-radius);
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
#top .tlacitko-vypis input.tlacitko {
  font-size: 0.9rem;
  background-color: var(--vsenaauto-cervena);
}
#top .tlacitko-vypis input.tlacitko:hover,
#top .tlacitko-vypis input.tlacitko:active,
#top .tlacitko-vypis input.tlacitko:focus {
  background-color: var(--vsenaauto-tmave-cervena);
}
@media (max-width: 1280px) {
  #top #top-ikony {
    display: none;
  }
  #top #horni_menu a,
  #top #horni_menu div,
  #top #horni_menu .active {
    font-size: 0.9rem;
    padding: 1.2rem 2rem 0.8rem 2rem;
  }
}
@media (max-width: 1000px) {
  #top #top-svrsek {
    padding: 0;
  }
  #top #horni_menu_line {
    height: auto;
  }
  #top .obdobi-boxy:has(input:disabled, label:disabled) {
    gap: 2rem;
    background: #fff;
  }
  #top .obdobi-boxy:has(input:disabled, label:disabled) span.box_obdobi {
    flex: unset;
    width: fit-content;
  }
}
@media (max-width: 720px) {
  #top #horni_menu_line {
    padding: 0;
  }
  #top #horni_menu a,
  #top #horni_menu div,
  #top #horni_menu .active {
    padding: 0.5rem 1rem 0 1rem;
  }
  #top #filtr_krokovani {
    padding: 1rem;
  }
  #top form#formular_filtr_pneumatiky {
    gap: 1rem;
  }
}
@media (max-width: 640px) {
  #top #horni_menu a,
  #top #horni_menu div,
  #top #horni_menu .active {
    font-size: 0.8rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
  }
}
/* #kategorie-filtru.kategorie-filtru-selectbox */
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top form#formular_filtr_pneumatiky {
  justify-content: space-between;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru {
  gap: 1rem;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown {
  z-index: 4;
  gap: 0.5rem;
  display: flex;
  font-size: 1rem;
  align-items: center;
  border-radius: var(--vsenaauto-radius);
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown:before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  transition: 0.5s;
  margin-top: -1px;
  background: var(--vsenaauto-modra-3);
  --webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.krokovani_auto:before {
  --webkit-mask-image: url(ikonky/filtr-auto.svg);
  mask-image: url(ikonky/filtr-auto.svg);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.krokovani_moto:before {
  --webkit-mask-image: url(ikonky/filtr-moto.svg);
  mask-image: url(ikonky/filtr-moto.svg);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.krokovani_atv:before {
  --webkit-mask-image: url(ikonky/filtr-atv.svg);
  mask-image: url(ikonky/filtr-atv.svg);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.krokovani_classic:before {
  --webkit-mask-image: url(ikonky/filtr-veteran.svg);
  mask-image: url(ikonky/filtr-veteran.svg);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown.krokovani_trailer:before {
  --webkit-mask-image: url(ikonky/filtr-trailer.svg);
  mask-image: url(ikonky/filtr-trailer.svg);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik {
  z-index: 3;
  overflow: hidden;
  justify-content: space-between;
  border-radius: var(--vsenaauto-radius);
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_rozcestnik a.rozcestnik_odkaz {
  border: none;
  font-size: 1rem;
  border-radius: 0;
}
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 {
  border: none;
  border-radius: var(--vsenaauto-radius);
  background: var(--vsenaauto-modra-5);
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy {
  gap: 0;
  background: none;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy span.box_obdobi {
  border-right: 1px solid #e8ebed;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy span.box_obdobi:last-of-type {
  border: none;
}
body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy span.box_obdobi:has(input:disabled, label:disabled) {
  opacity: 0.7;
  display: flex;
  pointer-events: none;
  filter: grayscale(100%);
}
@media (min-width: 1000px) AND (max-width: 1280px) {
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .tlacitko-vypis {
    right: 0;
    bottom: 0;
    position: absolute;
  }
}
@media (max-width: 1280px) {
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top form#formular_filtr_pneumatiky {
    gap: 1rem;
    flex-flow: column;
  }
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr_obsah {
    padding: 0;
    justify-content: center;
  }
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .tlacitko-vypis {
    right: auto;
    bottom: auto;
    position: relative;
  }
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-obdobi,
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box {
    align-items: center;
  }
}
@media (max-width: 1000px) {
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy span.box_obdobi,
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .obdobi-boxy:has(input:disabled, label:disabled) span.box_obdobi {
    flex: 1;
  }
}
@media (max-width: 768px) {
  body:has(#kategorie-filtru.kategorie-filtru-selectbox) #top .filtr-box-kategorie #kategorie-filtru .krokovani_dropdown {
    width: 100%;
  }
}
/* hambac */
@media (max-width: 1000px) {
  #stranka a#jump-top {
    background: var(--vsenaauto-modra-4);
  }
  #stranka a#jump-top:hover,
  #stranka a#jump-top:active,
  #stranka a#jump-top:focus {
    background: #022743;
  }
}
/* lista */
.obal_listy .lista a {
  color: var(--vsenaauto-modra-3);
}
.obal_listy .lista a:after {
  background: var(--vsenaauto-modra-3);
}
.obal_listy .lista a.lista_uvod:before {
  background: var(--vsenaauto-modra-3);
}
/* patka */
.paticka_obal .paticka_odkazy {
  width: 100%;
  display: flex;
  margin: 0 auto;
  margin-top: 8rem;
  max-width: 1170px;
  text-align: center;
  flex-flow: row wrap;
}
.paticka_obal .paticka_odkazy p {
  flex: 1;
  height: auto;
  font-weight: 600;
  min-width: 150px;
  color: #464646;
  text-align: center;
  border-right: 1px solid #e8e9ea;
}
.paticka_obal .paticka_odkazy p:last-of-type {
  border: none;
}
.paticka_obal .paticka_odkazy img {
  margin: 0 auto;
  padding: 0.6rem 0 1.3rem 0;
}
.paticka_obal .paticka {
  margin-top: 1rem;
  background: var(--vsenaauto-cerna);
}
.paticka_obal .paticka_obsah {
  gap: 2.6rem;
  width: 100%;
  display: flex;
  margin: 0 auto;
  flex-flow: row;
  max-width: 1170px;
  padding: 2.6rem 0;
  align-items: center;
}
.paticka_obal .paticka_stred {
  display: flex;
  flex-flow: column;
}
.paticka_obal img.patka_logo {
  width: auto;
  float: right;
  max-height: 50px;
  margin: 0 0 1rem 0;
}
.paticka_obal #top-phone,
.paticka_obal #top-mail {
  width: auto;
  margin: auto;
  float: right;
  color: #fff;
  line-height: 2;
  text-align: right;
  padding: 0 0 0 2rem;
}
.paticka_obal #top-phone:before,
.paticka_obal #top-mail:before {
  top: 0;
  left: 0;
  content: '';
  height: 2rem;
  width: 2.3rem;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-mask: left / 1.3rem auto no-repeat;
  mask: center / 1.3rem auto no-repeat;
}
.paticka_obal #top-phone:before {
  -webkit-mask-image: url(ikonky/telefon.svg);
  mask-image: url(ikonky/telefon.svg);
}
.paticka_obal #top-mail:before {
  -webkit-mask-image: url(ikonky/mail.svg);
  mask-image: url(ikonky/mail.svg);
}
.paticka_obal #top-mail a {
  color: #fff;
}
.paticka_obal .kompletace-detail {
  gap: 0.6rem;
  padding: 1.3rem;
  min-width: 660px;
}
.paticka_obal .kompletace-detail h3.banner-tlacitko {
  right: auto;
  bottom: auto;
  position: relative;
}
.paticka_obal .kompletace-detail h4 {
  display: none;
}
.paticka_obal .paticka_prava a {
  line-height: 2;
  font-size: 0.9rem;
  color: #adafb0;
  text-align: left;
}
.paticka_obal p.credits {
  margin: 0;
  padding: 1rem;
  color: #adafb0;
  font-size: 0.9rem;
  text-align: center;
  margin-top: -2.5rem;
}
.paticka_obal p.credits a {
  color: #828487;
  font-size: 0.9rem;
}
@media (max-width: 1280px) {
  .paticka_obal .paticka_obsah {
    gap: 1rem;
    flex-flow: column;
    padding: 2rem 1rem 0 1rem;
  }
  .paticka_obal .paticka_stred {
    display: flex;
    flex-flow: column;
  }
  .paticka_obal .paticka_prava a {
    text-align: center;
  }
  .paticka_obal p.credits {
    margin: 0;
  }
}
@media (max-width: 1000px) {
  .paticka_obal .paticka_odkazy {
    margin-top: 4rem;
  }
  .paticka_obal .paticka_odkazy p {
    border: none;
  }
  .paticka_obal .paticka_leva {
    flex: unset;
    width: 100%;
  }
  .paticka_obal .kompletace-detail {
    min-width: unset;
  }
}
/* cookies lišta
#cc_div #cm, #cc_div #s-cnt #s-inr {
	border: none;
	border-radius: 0;
	box-shadow: 0 .625em 1.875em rgb(2 2 3 / 28%);
	* {
		color: var(--vsenaauto-modra-3);
		font-family: 'Nunito Sans', sans-serif;
	}
	.cc-link {
		color: #c80000 !important;
		text-decoration: underline;
		&:hover, &:active, &:focus {
			text-decoration: none;
		}
	}
	.c-bn, .c_link {
		font-size: 13px;
		color: var(--vsenaauto-modra-3);
		font-weight: 800;
		background: var(--vsenaauto-modra-1);
		&:hover, &:active, &:focus {
			color: #fff;
			background: var(--vsenaauto-modra-4);
		}
	}
}
#cc_div #cm {
	background: #fff;
	transition: .5s !important;
	&:hover, &:active, &:focus {
		transition: .5s !important;
	}
	#c-bns button:first-child,
	#s-bns button:first-child {
		color: #FFF;
		font-size: 13px;
		font-weight: 800;
		background: var(--vsenaauto-cervena);
		&:hover, &:active, &:focus {
			background: var(--vsenaauto-tmave-cervena);
			text-decoration: none;
		}
	}
}
#cc_div #s-cnt #s-inr {
	#s-bl .c-bl {
		color: var(--vsenaauto-modra-3);
		background: #fff;
		&:hover, &:active, &:focus {
			background: #fff;
			* {
				color: var(--vsenaauto-modra-3);
			}
		}
		&, &:hover, &:active, &:focus {
			span.c-tg {
				background: var(--vsenaauto-modra-4);
			}
			.c-tgl~span.c-tg.c-ro {
				background: var(--vsenaauto-zelena);
			}
		}
	}
	button#s-all-bn {
		color: #FFF;
		font-size: 13px;
		background: var(--vsenaauto-cervena);
		&:hover, &:active, &:focus {
			background: var(--vsenaauto-tmave-cervena);
		}
	}
	button.c-bn {
		color: var(--vsenaauto-modra-3);
		font-weight: 800;
		background: var(--vsenaauto-modra-1);
		&:hover, &:active, &:focus {
			color: #fff;
			background: var(--vsenaauto-modra-4);
		}
	}
}
#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl {
	border-radius: 0 !important;
} */
/* cookies lista 2024 */
#cc-main {
  --cc-bg: #fff;
  --cc-footer-bg: #fff;
  --cc-modal-margin: 1rem;
  --cc-font-family: "Arial";
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --cc-toggle-on-bg: var(--vsenaauto-zelena);
  --cc-btn-secondary-bg: #fff;
  --cc-toggle-off-bg: var(--vsenaauto-cervena);
  --cc-btn-primary-bg: var(--vsenaauto-cervena);
  --cc-btn-primary-color: #fff;
  --cc-toggle-readonly-bg: #fff;
  --cc-pm-toggle-border-radius: 0;
  --cc-footer-border-color: #fff;
  --cc-modal-transition-duration: 0.5s;
  --cc-btn-secondary-color: var(--vsenaauto-modra-3);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-bg: var(--vsenaauto-tmave-cervena);
  --cc-separator-border-color: var(--vsenaauto-modra-1);
  --cc-btn-secondary-hover-bg: var(--vsenaauto-modra-1);
  --cc-btn-primary-border-color: var(--vsenaauto-cervena);
  --cc-cookie-category-block-bg: var(--vsenaauto-modra-1);
  --cc-btn-secondary-border-color: var(--vsenaauto-modra-1);
  --cc-cookie-category-block-border: var(--vsenaauto-modra-1);
  --cc-cookie-category-block-hover-bg: var(--vsenaauto-modra-2);
  --cc-btn-primary-hover-border-color: var(--vsenaauto-tmave-cervena);
  --cc-btn-secondary-hover-border-color: var(--vsenaauto-modra-1);
}
#cc-main .cm-wrapper.cc--anim .cm {
  box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
}
#cc-main .cm-wrapper.cc--anim .cm .cm__footer {
  background: var(--vsenaauto-modra-1);
}
#cc-main .cm-wrapper.cc--anim .cm .cm__footer .cm__link-group a {
  transition: 0.5s;
  background: none;
  text-decoration: underline;
}
#cc-main .cm-wrapper.cc--anim .cm .cm__footer .cm__link-group a:hover,
#cc-main .cm-wrapper.cc--anim .cm .cm__footer .cm__link-group a:active,
#cc-main .cm-wrapper.cc--anim .cm .cm__footer .cm__link-group a:focus {
  transition: 0.5s;
  color: var(--vsenaauto-cervena);
  text-decoration: none;
}
#cc-main .pm-wrapper.cc--anim .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--vsenaauto-modra-1);
}
#cc-main .pm-wrapper.cc--anim .pm__badge {
  background: var(--vsenaauto-modra-4);
}
#cc-main .pm-wrapper.cc--anim a.cc-link {
  transition: 0.5s;
}
#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 {
  transition: 0.5s;
  color: var(--vsenaauto-cervena);
  background: none;
}
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="all"]:hover,
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="all"]:active,
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="all"]:focus {
  color: #fff;
  background: var(--vsenaauto-tmave-cervena);
  border-color: var(--vsenaauto-tmave-cervena);
}
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="necessary"],
#cc-main .pm-wrapper.cc--anim .pm__btn.pm__btn--secondary {
  color: var(--vsenaauto-modra-3);
  background: #fff;
  border-color: var(--vsenaauto-modra-1);
}
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="necessary"]:hover,
#cc-main .pm-wrapper.cc--anim .pm__btn.pm__btn--secondary:hover,
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="necessary"]:active,
#cc-main .pm-wrapper.cc--anim .pm__btn.pm__btn--secondary:active,
#cc-main .pm-wrapper.cc--anim .pm__btn[data-role="necessary"]:focus,
#cc-main .pm-wrapper.cc--anim .pm__btn.pm__btn--secondary:focus {
  background: var(--vsenaauto-modra-1);
}
/* OBSAH */
/* horní lišta */
.horni_lista {
  background: var(--vsenaauto-modra-1);
}
.horni_lista .obsah_listy {
  gap: 2rem;
  width: 100%;
  height: 6rem;
  display: flex;
  margin: 0 auto;
  max-width: 1170px;
  text-align: center;
  align-items: center;
}
.horni_lista .bunka_listy {
  flex: 1;
}
.horni_lista h2 {
  font-weight: 800;
  font-size: 1.3rem;
}
.horni_lista span {
  font-weight: 800;
  color: var(--vsenaauto-cervena);
  font-size: 1.3rem;
  margin-left: 0.5rem;
}
@media (max-width: 1280px) {
  .horni_lista .obsah_listy {
    gap: 0.5rem;
    height: 100%;
    padding: 0.5rem;
    flex-wrap: wrap;
  }
  .horni_lista .bunka_listy:first-of-type {
    flex: 100%;
  }
  .horni_lista .bunka_listy:first-of-type h2 {
    margin-bottom: 0;
  }
}
@media (max-width: 1000px) {
  .horni_lista .obsah_listy {
    gap: 0;
    flex-flow: column;
  }
}
/* obecná textovka */
#text_obsah {
  max-width: 1000px;
  margin: 3rem auto 0 auto;
}
@media (max-width: 1280px) {
  #text_obsah {
    padding: 0 1rem;
  }
}
/* úvodka */
.uvodka {
  width: 100%;
  margin: 0 auto;
  max-width: 1170px;
  margin-top: 3rem;
}
.uvodka h1 {
  text-align: left;
}
.uvodka .uvodka_box {
  gap: 2rem;
  display: flex;
  flex-flow: column;
  margin-bottom: 3rem;
}
.uvodka .uvodka_leva {
  flex: 1;
  gap: 2rem;
  width: 100%;
}
.uvodka .uvodka_leva .flexbox {
  flex: 1;
}
.uvodka .uvodka_leva h1 {
  margin: 0 0 0.5rem 0;
}
.uvodka .uvodka_leva p.velke {
  margin: 0.5rem 0;
  line-height: 1.5rem;
}
.uvodka .uvodka_leva .banner_kompletace {
  width: 50%;
}
.uvodka .uvodka_znacky,
.uvodka .uvodka_dezeny {
  margin-top: 2rem;
  align-self: flex-start;
}
.uvodka .uvodka_znacky a,
.uvodka .uvodka_dezeny a {
  display: block;
  width: fit-content;
  padding: 0.3rem 1.6rem 0.3rem 0;
  background: url(vsenaauto/sipka.webp) right no-repeat;
}
.uvodka .uvodka_znacky {
  flex: 2;
}
.uvodka .uvodka_dezeny {
  flex: 3;
}
.uvodka .uvodka_prava {
  width: 100%;
}
.uvodka .banner_kompletace {
  width: 100%;
  height: 240px;
  padding: 2rem;
  position: relative;
  box-sizing: border-box;
  background: #c80000 url(vsenaauto/kompletace-banner.webp) right no-repeat;
}
.uvodka .banner_kompletace * {
  color: #fff;
}
.uvodka .banner_kompletace h4 {
  color: #e5ba5a;
}
.uvodka .banner {
  width: 50%;
  float: left;
  aspect-ratio: 5/4;
}
.uvodka .banner_zoom {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: var(--vsenaauto-modra-3);
}
.uvodka .banner_zoom p {
  left: 0;
  right: 0;
  top: 50%;
  margin: 0;
  z-index: 2;
  color: #fff;
  padding-top: 20%;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  text-transform: uppercase;
  transform: translateY(-50%);
  background: url(vsenaauto/fajfka.svg) 50% 20% / 30px auto no-repeat;
}
.uvodka .banner_zoom img {
  opacity: 0.4;
  transition: 0.5s;
}
.uvodka .banner_zoom a.zavoj:hover img,
.uvodka .banner_zoom a.zavoj:active img,
.uvodka .banner_zoom a.zavoj:focus img {
  opacity: 0.8;
  transition: 0.5s;
}
.uvodka .rozmery_licha,
.uvodka .rozmery_suda {
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid #cbcdce;
}
.uvodka .rozmery_licha {
  background: var(--vsenaauto-modra-1);
}
.uvodka .rozmery_kod {
  width: 200px;
  font-weight: 600;
  margin-left: 1rem;
  padding: 1.3rem 2rem 1.3rem 2.3rem;
  background: url(vsenaauto/rozmery.webp) center left no-repeat;
}
.uvodka .rozmery_kod a {
  font-size: 1.2rem;
}
@media (max-width: 1280px) {
  .uvodka {
    padding: 0 1rem;
  }
}
@media (max-width: 1000px) {
  .uvodka h1 {
    margin-top: 0;
    text-align: center;
  }
  .uvodka .uvodka_box {
    gap: 1rem;
    flex-flow: column;
  }
  .uvodka .uvodka_leva {
    gap: 1rem;
    flex-flow: column;
  }
  .uvodka .uvodka_leva .banner_kompletace {
    width: 100%;
    padding: 1rem;
  }
  .uvodka .uvodka_prava {
    margin: 0 auto;
  }
}
@media (max-width: 720px) {
  .uvodka .uvodka_leva .flex_row {
    gap: 1.5rem;
  }
  .uvodka .uvodka_znacky,
  .uvodka .uvodka_dezeny {
    margin-top: 0;
  }
  .uvodka .uvodka_znacky a,
  .uvodka .uvodka_dezeny a {
    width: 100%;
  }
  .uvodka .rozmery_kod {
    flex: 1;
    width: unset;
    padding: 1rem 1rem 1rem 2.5rem;
  }
  .uvodka .rozmery_nazev {
    flex: 2;
  }
}
.uvodka .uvodka_banner {
  display: flex;
  flex-flow: column;
}
.uvodka .uvodka_banner .banner_kompletace {
  height: auto;
  padding: 1rem 2rem;
}
.uvodka .uvodka_banner .banner_dlazdice {
  display: flex;
}
.uvodka .uvodka_banner .banner_dlazdice .banner {
  flex: 25%;
  aspect-ratio: 3/2;
}
@media (max-width: 720px) {
  .uvodka .uvodka_banner .banner_kompletace {
    text-wrap: balance;
    text-align: center;
    background: var(--vsenaauto-cervena);
  }
  .uvodka .uvodka_banner .banner_dlazdice {
    flex-wrap: wrap;
  }
  .uvodka .uvodka_banner .banner_dlazdice .banner {
    flex: 50%;
  }
  .uvodka .uvodka_banner .banner_zoom p {
    background-size: 24px auto;
  }
}
/* pneu clanek */
#pneu-clanek img {
  margin-bottom: 2rem;
}
#pneu-clanek p {
  max-width: 80%;
  margin: 0.5em auto;
  font-size: 1.2rem;
}
#pneu-clanek .li-tabulka {
  gap: 6px;
  display: grid;
  margin-top: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
#pneu-clanek .li-tabulka .li-tabulka_sloupec {
  flex: 1;
  gap: 2px;
  display: flex;
  flex-flow: column;
}
#pneu-clanek .li-tabulka .li-tabulka_radek {
  flex: 1;
  gap: 2px;
  display: flex;
  flex-flow: row;
}
#pneu-clanek .li-tabulka .flexbox {
  flex: 1;
  padding: 0.5rem;
  text-align: center;
  background: var(--vsenaauto-modra-1);
  box-sizing: border-box;
}
#pneu-clanek .li-tabulka .flexbox:has(strong) {
  background: var(--vsenaauto-modra-5);
}
#pneu-clanek .li-tabulka .flexbox strong {
  color: #fff;
  display: block;
  margin-top: 0.25rem;
}
#pneu-clanek img.img_right {
  float: right;
  margin: 0 0 1rem 1rem;
}
#pneu-clanek .clanek_zkratky {
  gap: 0.5rem;
  margin: 2rem auto;
}
#pneu-clanek .clanek_zkratky .flex_row {
  gap: 1rem;
  width: 100%;
  padding: 0 1rem;
  align-items: center;
}
#pneu-clanek .clanek_zkratky .flex_row:nth-of-type(odd) {
  background: var(--vsenaauto-modra-1);
}
#pneu-clanek .clanek_zkratky h3 {
  margin: 0;
  width: 80px;
}
#pneu-clanek .clanek_zkratky p {
  flex: 1;
  max-width: 100%;
}
/* kompletační banner */
.kompletace-detail {
  gap: 1rem;
  width: 100%;
  margin: auto;
  display: flex;
  padding: 1.6rem;
  max-height: 240px;
  max-width: 1170px;
  flex-flow: column;
  align-items: flex-start;
  background: #c80000 url(vsenaauto/kompletace-banner.webp) right / contain no-repeat;
}
.kompletace-detail * {
  margin: 0;
  color: #fff;
}
.kompletace-detail h2 {
  font-size: 1.5rem;
}
.kompletace-detail h3.banner-fajfka {
  display: none;
}
.kompletace-detail h4 {
  color: #e5ba5a;
  line-height: 1;
  line-height: 2.7rem;
}
.kompletace-detail .banner-tlacitko {
  right: 1.6rem;
  bottom: 1.6rem;
  transition: 0.5s;
  font-weight: bold;
  border-radius: var(--vsenaauto-radius);
  position: absolute;
  background: var(--vsenaauto-modra-4);
  text-transform: uppercase;
  box-shadow: 0px 2px 4px 0px rgba(7, 7, 7, 0.15);
}
.kompletace-detail .banner-tlacitko a {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  padding: 0.6rem 2rem;
  display: inline-block;
  text-decoration: none;
}
.kompletace-detail:hover .banner-tlacitko,
.kompletace-detail:active .banner-tlacitko,
.kompletace-detail:focus .banner-tlacitko {
  transition: 0.5s;
  background: #022743;
}
@media (max-width: 720px) {
  .kompletace-detail {
    gap: 0.5rem;
    padding: 1rem;
    max-height: 100%;
    align-items: center;
    background-image: none;
  }
  .kompletace-detail * {
    text-align: center;
  }
  .kompletace-detail .banner-tlacitko {
    right: auto;
    bottom: auto;
    position: relative;
  }
}
/* stránka kompletace */
.kompletace_text #kompletace_blok {
  display: flex;
  height: 240px;
  padding: 1.2rem;
  flex-flow: column;
  justify-content: center;
  background: #c80000 url(vsenaauto/kompletace-banner.webp) right no-repeat;
}
.kompletace_text #kompletace_blok h2,
.kompletace_text #kompletace_blok div {
  color: #fff;
}
.kompletace_text #kompletace_blok h2 {
  margin-top: 0;
}
.kompletace_text #kompletace_blok .kompletace_blok_radek {
  font-weight: bold;
  padding: 0.3rem 0 0.3rem 2.3rem;
  background: url(vsenaauto/fajfka.svg) left / 1.3rem auto no-repeat;
}
.kompletace_text #kompletace_blok2 h2 {
  margin-top: 1em;
  color: var(--vsenaauto-cervena);
  text-align: center;
}
.kompletace_text #kompletace_blok2 .kompletace_flex {
  gap: 1.2rem;
  display: flex;
  flex-flow: row wrap;
}
.kompletace_text #kompletace_blok2 .kompletace_radek {
  text-align: center;
  padding: 1.6rem 0 0 0;
  width: calc(50% - .6rem);
  background: url(vsenaauto/plus.svg) top / 1.3rem auto no-repeat;
}
.kompletace_text #kompletace_blok3 {
  margin-top: 3.3rem;
}
.kompletace_text #kompletace_blok3 img {
  float: right;
}
.kompletace_text #kompletace_blok3 .kompletace_radek {
  clear: left;
  margin: 0.3rem 0;
  overflow: hidden;
  background: var(--vsenaauto-modra-1);
}
.kompletace_text #kompletace_blok3 .cislo {
  float: left;
  width: 3.5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-right: 1rem;
  line-height: 3.5rem;
  background: var(--vsenaauto-cervena);
}
.kompletace_text #kompletace_blok3 span {
  float: left;
  padding: 1rem 0;
  line-height: 1.5;
}
.kompletace_text #kompletace_blok3 .radek5 {
  padding: 0.5rem 1rem;
}
.kompletace_text a#vyber_disk,
.kompletace_text a#vyber_pneu {
  height: 130px;
  margin: 2rem 0;
  text-decoration: none;
  width: calc(50% - .6rem);
  background: #f3f6f8 bottom / auto 120px no-repeat;
}
.kompletace_text a#vyber_disk:hover,
.kompletace_text a#vyber_pneu:hover,
.kompletace_text a#vyber_disk:active,
.kompletace_text a#vyber_pneu:active,
.kompletace_text a#vyber_disk:focus,
.kompletace_text a#vyber_pneu:focus {
  transition: 0.5s;
  box-shadow: var(--vsenaauto-velky-stin);
}
.kompletace_text a#vyber_disk:hover:before,
.kompletace_text a#vyber_pneu:hover:before,
.kompletace_text a#vyber_disk:active:before,
.kompletace_text a#vyber_pneu:active:before,
.kompletace_text a#vyber_disk:focus:before,
.kompletace_text a#vyber_pneu:focus:before {
  background: var(--vsenaauto-cervena);
}
.kompletace_text a#vyber_disk:before,
.kompletace_text a#vyber_pneu:before {
  top: 0;
  width: 2rem;
  height: 100%;
  content: '';
  display: block;
  transition: 0.5s;
  position: absolute;
  background: #c0c0c0;
  -webkit-mask: url(vsenaauto/zobak_komplet.svg) center / auto 100px no-repeat;
  mask: url(vsenaauto/zobak_komplet.svg) center / auto 100px no-repeat;
}
.kompletace_text a#vyber_disk h1,
.kompletace_text a#vyber_pneu h1,
.kompletace_text a#vyber_disk h1 span,
.kompletace_text a#vyber_pneu h1 span {
  line-height: 1;
  font-size: 2rem;
  text-transform: uppercase;
}
.kompletace_text a#vyber_disk span,
.kompletace_text a#vyber_pneu span {
  display: block;
  color: var(--vsenaauto-cervena);
}
.kompletace_text a#vyber_disk h1,
.kompletace_text a#vyber_pneu h1 {
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
}
.kompletace_text a#vyber_disk {
  float: left;
  clear: right;
  padding-left: 3.3rem;
  background-position-x: right;
  background-image: url(vsenaauto/disk_komplet.webp);
}
.kompletace_text a#vyber_disk:before {
  left: 0;
}
.kompletace_text a#vyber_disk h1,
.kompletace_text a#vyber_disk h1 span {
  text-align: left;
}
.kompletace_text a#vyber_pneu {
  float: right;
  padding-right: 3.3rem;
  background-position-x: left;
  background-image: url(vsenaauto/pneu_komplet.webp);
}
.kompletace_text a#vyber_pneu:before {
  right: 0;
  transform: rotate(180deg);
}
.kompletace_text a#vyber_pneu h1,
.kompletace_text a#vyber_pneu h1 span {
  text-align: right;
}
@media (max-width: 1000px) {
  .kompletace_text #kompletace_blok3 img {
    float: none;
    margin: 0 auto;
  }
}
@media (max-width: 720px) {
  .kompletace_text #kompletace_blok {
    height: auto;
    background-image: none;
  }
  .kompletace_text #kompletace_blok h2 {
    text-align: center;
  }
  .kompletace_text #kompletace_blok2 .kompletace_flex {
    gap: 0.5rem;
  }
  .kompletace_text #kompletace_blok2 .kompletace_radek {
    width: calc(50% - 0.25rem);
  }
  .kompletace_text #kompletace_blok3 .cislo {
    margin: 0;
    width: 100%;
  }
  .kompletace_text #kompletace_blok3 span {
    width: 100%;
    text-align: center;
    padding: 1rem 0.5rem;
  }
  .kompletace_text a#vyber_disk,
  .kompletace_text a#vyber_pneu {
    width: 100%;
    margin: 1rem 0 0 0;
  }
}
/* kontaktní stránka */
#kontaktni-stranka {
  gap: 0.6rem;
  display: flex;
  flex-flow: column;
}
#kontaktni-stranka .kontakt-radek {
  gap: 0.6rem;
  display: flex;
  flex-flow: row wrap;
}
#kontaktni-stranka .kontakt-box {
  flex: 1;
  padding: 0.6rem;
  background: var(--vsenaauto-modra-1);
  box-sizing: border-box;
}
#kontaktni-stranka .kontakt-box img {
  display: block;
}
#kontaktni-stranka .kontakt-box iframe {
  width: 100%;
  height: 100%;
}
#kontaktni-stranka .kontakt-box.logo-box img {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
@media (max-width: 720px) {
  #kontaktni-stranka .kontakt-radek {
    flex-flow: column;
  }
  #kontaktni-stranka .kontakt-box * {
    text-align: center;
  }
  #kontaktni-stranka .kontakt-box.logo-box {
    display: none;
  }
  #kontaktni-stranka .kontakt-box iframe {
    aspect-ratio: 3/2;
  }
}
/* zpětný odběr */
.zpetny-odber img.img-odber {
  float: left;
  display: block;
  margin: 0 0.6rem 0.6rem 0;
}
@media (max-width: 720px) {
  .zpetny-odber img.img-odber {
    float: none;
    margin: 0.5rem auto;
  }
}
/* osobní odběr */
#osobni-odber h2 {
  margin: 2rem 0 0 0;
}
#osobni-odber img.mapa-osobni-odber {
  margin: 1rem 0;
}
#osobni-odber .kontakt-radek {
  gap: 1rem;
  display: flex;
  margin-bottom: 2rem;
}
#osobni-odber .kontakt-box {
  flex: 1;
}
#osobni-odber .kontakt-box iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  #osobni-odber .kontakt-radek {
    flex-flow: column;
  }
  #osobni-odber .kontakt-box iframe {
    aspect-ratio: 16/9;
  }
}
/* nápověda filtrování */
.vypis_filtr_uvod.uvodka h1,
.vypis_filtr_uvod.uvodka p.perex {
  text-align: center;
}
.vypis_filtr_uvod.uvodka h1,
.vypis_filtr_uvod.uvodka h2 {
  margin-top: 2em;
}
.vypis_filtr_uvod.uvodka .fleximage img {
  margin: 2rem auto;
  border-radius: var(--vsenaauto-radius);
  border: 1px solid #cbcdce;
  box-shadow: var(--vsenaauto-velky-stin);
}
.vypis_filtr_uvod.uvodka .fleximage img.img_mobil {
  display: none;
}
.vypis_filtr_uvod.uvodka .rozmery_pneumatik {
  margin-bottom: 2rem;
}
.vypis_filtr_uvod.uvodka .kompletace-detail h1,
.vypis_filtr_uvod.uvodka .kompletace-detail h2 {
  margin-top: 0.5em;
}
@media (max-width: 768px) {
  .vypis_filtr_uvod.uvodka h1,
  .vypis_filtr_uvod.uvodka h2 {
    margin-top: 1.5em;
  }
  .vypis_filtr_uvod.uvodka .fleximage img.img_mobil {
    display: block;
  }
  .vypis_filtr_uvod.uvodka .fleximage img.img_desktop {
    display: none;
  }
  .vypis_filtr_uvod.uvodka h3.nadpis-stitek {
    text-align: center;
  }
  .vypis_filtr_uvod.uvodka .kompletace-detail h1,
  .vypis_filtr_uvod.uvodka .kompletace-detail h2 {
    margin-top: 0.5em;
  }
}
/* 404 */
#stranka_nenalezena a.tlacitko {
  display: block;
  margin: 1rem auto 0 auto;
}
/* PNEUMATIKY + PLECHOVÝ DISKY */
/* tlačítko objednání */
body.pneumatiky form.form-kosik input.kusy,
body.plechove-disky form.form-kosik input.kusy,
body.dezeny form.form-kosik input.kusy {
  width: 4rem;
  padding: 1rem;
  line-height: 2rem;
  border-radius: var(--vsenaauto-radius);
  border: 1px solid var(--vsenaauto-seda);
}
body.pneumatiky form.form-kosik input.kosik,
body.plechove-disky form.form-kosik input.kosik,
body.dezeny form.form-kosik input.kosik {
  border-radius: var(--vsenaauto-radius);
  background: #c80000 url(vsenaauto/kosik-produkt.webp) center 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 {
  background-color: var(--vsenaauto-tmave-cervena);
}
/* detail produktu */
body.body_produkt_detail .obal-produktu:has(.dostupnost_ne) .doruceni_text {
  display: none;
}
body.body_produkt_detail .dostupnost_obal {
  gap: 0;
  padding: 0;
  flex-flow: column;
  background: #fff;
  border: 4px solid var(--vsenaauto-modra-2);
  border-bottom: none;
}
body.body_produkt_detail .dostupnost_class {
  width: 100%;
  padding: 0.6rem;
  text-align: center;
  background: var(--vsenaauto-zelena);
}
body.body_produkt_detail .dostupnost_class span {
  font-size: 1rem;
}
body.body_produkt_detail .dostupnost_class.dostupnost_ne {
  background: var(--vsenaauto-cervena);
}
body.body_produkt_detail .doruceni_text {
  display: flex;
  margin: 0 auto;
  position: unset;
  flex-flow: column;
  width: fit-content;
  align-items: flex-start;
}
body.body_produkt_detail .doruceni_text .exp_text,
body.body_produkt_detail .doruceni_text .odber_text {
  width: 100%;
  padding: 0.5rem 0;
  color: var(--vsenaauto-zelena);
  font-weight: bold;
  line-height: 1.5rem;
}
body.body_produkt_detail .doruceni_text .exp_text span.norm,
body.body_produkt_detail .doruceni_text .odber_text span.norm {
  font-size: 1rem;
  color: var(--vsenaauto-modra-3);
  font-weight: bold;
  position: relative;
  line-height: 1.5rem;
  padding-left: 1.5rem;
}
body.body_produkt_detail .doruceni_text .exp_text span.norm:before,
body.body_produkt_detail .doruceni_text .odber_text span.norm:before {
  left: 0;
  top: 50%;
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: var(--vsenaauto-zelena);
  transform: translateY(-50%);
}
body.body_produkt_detail .doruceni_text .exp_text span.green {
  padding: 0;
  color: var(--vsenaauto-zelena);
}
body.body_produkt_detail .doruceni_text .exp_text span.green:before {
  display: none;
}
body.body_produkt_detail .doruceni_text .odber_text {
  padding-top: 0.25rem;
  border-top: 1px solid var(--vsenaauto-zelena);
}
body.body_produkt_detail .cena_radek {
  padding: 2rem;
  background: var(--vsenaauto-modra-2);
}
body.body_produkt_detail .cena_obal {
  gap: 2rem;
  width: 100%;
  display: flex;
  margin: 0 auto;
  max-width: 420px;
  flex-flow: row nowrap;
  justify-content: center;
}
body.body_produkt_detail .cena strong {
  font-size: 2.5;
  color: var(--vsenaauto-cervena);
  line-height: 3.5rem;
}
body.body_produkt_detail .cena_radek_info {
  gap: 3rem;
  height: 3.3rem;
  padding: 0 1rem;
  line-height: 3.3rem;
  background: var(--vsenaauto-modra-1);
  justify-content: center;
}
body.body_produkt_detail .cena_radek_info b {
  font-size: 1rem;
  color: var(--vsenaauto-modra-3);
  font-weight: 700;
  padding-left: 3rem;
  text-transform: uppercase;
}
body.body_produkt_detail .cena_radek_info b:before {
  background: var(--vsenaauto-modra-3);
  -webkit-mask-position: center;
  mask-position: center;
}
body.body_produkt_detail .cena_radek_info b.doprava:before {
  -webkit-mask-image: url(vsenaauto/doprava-zdarma.webp);
}
body.body_produkt_detail .cena_radek_info b.odbery:before {
  -webkit-mask-image: url(vsenaauto/osobni-odber.svg);
  mask-image: url(vsenaauto/osobni-odber.svg);
}
body.body_produkt_detail .cena_radek_info b.odbery a {
  color: var(--vsenaauto-modra-3);
  text-decoration: none;
}
body.body_produkt_detail .cena_radek_info.cena_radek_odbery {
  justify-content: space-between;
}
@media (max-width: 1170px) {
  body.body_produkt_detail .cena_radek_info {
    gap: 1rem;
    height: auto;
    flex-flow: column;
    padding: 1rem 1.5rem;
  }
}
@media (max-width: 720px) {
  body.body_produkt_detail .cena_obal {
    gap: 0.5rem;
    flex-flow: column;
    align-items: center;
  }
}
/* plechový disky + dezény, filtr */
body.plechove-disky #top #filtr,
body.dezeny #top #filtr {
  gap: 0;
  flex-flow: column;
  align-items: flex-start;
}
body.plechove-disky #top #filtr *,
body.dezeny #top #filtr * {
  color: #fff;
}
body.plechove-disky #top #filtr strong,
body.dezeny #top #filtr strong {
  font-size: 1.5rem;
}
body.plechove-disky #top #filtr strong span,
body.dezeny #top #filtr strong span {
  color: var(--vsenaauto-modra-3);
  font-size: 1.5rem;
}
body.plechove-disky #top #filtr p,
body.dezeny #top #filtr p {
  color: var(--vsenaauto-modra-3);
}
body.plechove-disky #top #filtr h3.banner-tlacitko,
body.dezeny #top #filtr h3.banner-tlacitko {
  top: 50%;
  right: 0;
  margin: 0;
  position: absolute;
  padding: 1rem 1.5rem;
  transform: translateY(-50%);
}
body.plechove-disky #top #filtr h3.banner-tlacitko a,
body.dezeny #top #filtr h3.banner-tlacitko a {
  display: block;
  font-size: 0.9rem;
  text-decoration: none;
}
@media (max-width: 1000px) {
  body.plechove-disky #top #filtr_krokovani,
  body.dezeny #top #filtr_krokovani {
    padding: 1rem;
  }
  body.plechove-disky #top #filtr,
  body.dezeny #top #filtr {
    gap: 0;
    align-items: center;
  }
  body.plechove-disky #top #filtr *,
  body.dezeny #top #filtr * {
    text-align: center;
  }
  body.plechove-disky #top #filtr h3.banner-tlacitko,
  body.dezeny #top #filtr h3.banner-tlacitko {
    top: auto;
    transform: none;
    position: relative;
  }
}
/* PNEUMATIKY */
/* obecně */
body.pneumatiky #strankovaci_odkazy2 {
  border-radius: var(--vsenaauto-radius);
  width: fit-content;
  margin: 2rem auto 0 auto;
  border: 1px solid #E2EEF8;
}
body.pneumatiky #strankovaci_odkazy2 a,
body.pneumatiky #strankovaci_odkazy2 span {
  border: 1px solid #E2EEF8;
}
body.pneumatiky #strankovaci_odkazy2 span {
  color: #fff;
  background: var(--vsenaauto-modra-3);
  border-color: var(--vsenaauto-modra-3);
}
body.pneumatiky #strankovaci_odkazy2 a {
  color: var(--vsenaauto-modra-3);
  text-decoration: none;
}
body.pneumatiky #strankovaci_odkazy2 a:hover,
body.pneumatiky #strankovaci_odkazy2 a:active,
body.pneumatiky #strankovaci_odkazy2 a:focus {
  color: var(--vsenaauto-modra-3);
  background: #fff;
  text-decoration: underline;
}
/* filtr obdobi */
/* uvodka + detail obdobi */
body.pneumatiky:has(.vypis_filtr_obdobi) .vypis_filtr_obdobi h1 {
  margin-top: 1.5em;
  text-wrap: balance;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .vypis_filtr_obdobi p.perex {
  line-height: 2;
  max-width: 800px;
  margin: 0.5rem auto;
  text-align: center;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik {
  gap: 3rem;
  display: flex;
  margin: 0 auto;
  margin-top: 2rem;
  font-size: 1.2rem;
  width: fit-content;
  flex-flow: row nowrap;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik .rozcestnik_odkaz {
  gap: 0.75rem;
  display: flex;
  align-items: center;
  text-transform: lowercase;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik .rozcestnik_odkaz img {
  margin: 0;
  width: auto;
  height: 1.5rem;
  box-shadow: none;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik .rozcestnik_dezeny {
  gap: 1.5rem;
  display: flex;
  flex-flow: row nowrap;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik .pneumatiky-nabidka {
  text-transform: unset;
}
body.pneumatiky:has(.vypis_filtr_obdobi) #dezeny {
  padding: 2rem;
  box-sizing: border-box;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny h2#rozmery-pneumatik {
  padding: 0;
  background: none;
  margin-top: 0.5rem;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny p {
  font-size: 1.2rem;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny img {
  margin: 0;
  box-shadow: none;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .obsah_textovky {
  display: flex;
  flex-flow: column;
  margin: 0 0 3rem 0;
  align-items: center;
  justify-content: center;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .textovka_popis {
  gap: 3rem;
  display: flex;
  margin: 0 auto;
  align-items: center;
  flex-flow: row wrap;
  justify-content: center;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .flexbox {
  flex: 1;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .prehled-rozmeru {
  flex: 100%;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .rozmery-obsah {
  margin: 0 auto;
  font-size: 1.2rem;
  width: fit-content;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery {
  width: 100%;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery .rozmery_grid {
  gap: 1rem;
  display: flex;
  flex-flow: column;
}
body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery .rozmery_box {
  gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
}
body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery strong {
  display: block;
  margin: 0.5rem 0;
}
@media (max-width: 1420px) {
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  body.pneumatiky:has(.vypis_filtr_obdobi) #top #filtr_krokovani {
    padding: 1.5rem;
    background-image: none;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) #top #filtr_krokovani h1.filtr_nadpis {
    margin: 0;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .obsah_textovky {
    gap: 1.5rem;
  }
}
@media (max-width: 1000px) {
  body.pneumatiky:has(.vypis_filtr_obdobi) #top #filtr_krokovani {
    padding: 1rem;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .vypis_filtr_obdobi {
    padding: 0 1rem;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .dezeny_rozcestnik {
    gap: 1rem;
    padding: 0 0.5rem;
    flex-flow: column;
    align-items: center;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .obsah_textovky {
    gap: 1rem;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .textovka_popis {
    gap: 1rem;
    flex-flow: column;
  }
}
@media (max-width: 768px) {
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .rozmery-obsah {
    text-align: center;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .textovka_dezeny .rozmery-obsah strong {
    display: block;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) #dezeny {
    padding: 1rem;
  }
}
@media (max-width: 720px) {
  body.pneumatiky:has(.vypis_filtr_obdobi) #top #filtr_krokovani h1.filtr_nadpis {
    font-size: 2rem;
    margin-bottom: 0;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery .rozmery_grid {
    gap: 0.5rem;
  }
  body.pneumatiky:has(.vypis_filtr_obdobi) .oblibene_roozmery .rozmery_box {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  }
}
.capitalize::first-letter,
.description_obal > h1 {
  text-transform: capitalize;
}
/* prehled dezenu a znacek */
.nabidka_perex {
  width: 100%;
  margin: 0 auto;
  max-width: 1380px;
  position: relative;
}
.nabidka_perex img {
  margin: 0 auto 2rem auto;
}
.nabidka_perex h1 {
  margin-bottom: 0;
}
.nabidka_perex p.perex {
  line-height: 2;
  max-width: 800px;
  font-size: 1.2rem;
  margin: 0.5rem auto;
  text-align: center;
}
@media (max-width: 1280px) {
  .nabidka_perex {
    padding: 0 1rem;
  }
  .nabidka_perex:before,
  .nabidka_perex:after {
    display: none;
  }
}
/* obecny dezeny */
#dezeny {
  padding: 2rem;
}
#dezeny h2#pneumatiky-nabidka {
  text-align: center;
}
#dezeny h2.nadpis_obdobi {
  margin-top: 2em;
  padding-left: 2rem;
  background: left / 1.5rem no-repeat;
}
#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);
}
#dezeny .prehled_vyrobcu {
  gap: 1.8rem;
  display: grid;
  padding-top: 1.3rem;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}
#dezeny .dezeny_prehled-znacek {
  gap: 1.8rem;
}
#dezeny .vyrobce_box a.veil,
#dezeny .dezen_box a.veil,
#dezeny .dezeny_znacka-box a.veil {
  height: 100%;
  display: flex;
  transition: 0.5s;
  flex-flow: column;
  font-size: 1.2rem;
  position: relative;
  background: #fff;
  align-items: center;
  justify-content: center;
  border: 1px solid #f2f3f4;
  box-shadow: var(--vsenaauto-stin);
}
#dezeny .vyrobce_box a.veil img,
#dezeny .dezen_box a.veil img,
#dezeny .dezeny_znacka-box a.veil img {
  padding: 1rem;
}
#dezeny .vyrobce_box a.veil span,
#dezeny .dezen_box a.veil span,
#dezeny .dezeny_znacka-box a.veil span {
  top: 0;
  left: 0;
  width: 100%;
  color: var(--vsenaauto-cervena);
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  position: absolute;
  line-height: 1.5rem;
  background: #fff;
  text-transform: capitalize;
  padding: 0.7rem 0.5rem 0 0.5rem;
}
#dezeny .vyrobce_box a.veil span:after,
#dezeny .dezen_box a.veil span:after,
#dezeny .dezeny_znacka-box a.veil span:after {
  left: 0;
  right: 0;
  bottom: 0;
  width: 85%;
  height: 3px;
  content: '';
  margin: auto;
  display: block;
  transition: 0.5s;
  position: absolute;
  background: var(--vsenaauto-modra-1);
}
#dezeny .vyrobce_box:hover,
#dezeny .dezen_box:hover,
#dezeny .dezeny_znacka-box:hover,
#dezeny .vyrobce_box:active,
#dezeny .dezen_box:active,
#dezeny .dezeny_znacka-box:active,
#dezeny .vyrobce_box:focus,
#dezeny .dezen_box:focus,
#dezeny .dezeny_znacka-box:focus {
  transition: 0.2s;
  box-shadow: var(--vsenaauto-velky-stin);
}
#dezeny .vyrobce_box:hover a.veil span,
#dezeny .dezen_box:hover a.veil span,
#dezeny .dezeny_znacka-box:hover a.veil span,
#dezeny .vyrobce_box:active a.veil span,
#dezeny .dezen_box:active a.veil span,
#dezeny .dezeny_znacka-box:active a.veil span,
#dezeny .vyrobce_box:focus a.veil span,
#dezeny .dezen_box:focus a.veil span,
#dezeny .dezeny_znacka-box:focus a.veil span {
  text-decoration: none;
}
#dezeny .vyrobce_box:hover a.veil span:after,
#dezeny .dezen_box:hover a.veil span:after,
#dezeny .dezeny_znacka-box:hover a.veil span:after,
#dezeny .vyrobce_box:active a.veil span:after,
#dezeny .dezen_box:active a.veil span:after,
#dezeny .dezeny_znacka-box:active a.veil span:after,
#dezeny .vyrobce_box:focus a.veil span:after,
#dezeny .dezen_box:focus a.veil span:after,
#dezeny .dezeny_znacka-box:focus a.veil span:after {
  transition: 0.2s;
  background: var(--vsenaauto-cervena);
}
#dezeny .vyrobce_box a.veil {
  gap: 1rem;
  padding: 1rem;
  display: flex;
  flex-flow: column;
}
#dezeny .vyrobce_box a.veil span {
  top: auto;
  left: auto;
  line-height: 1.2;
  text-align: left;
  position: relative;
  padding: 0.7rem 1rem 0 1rem;
}
#dezeny .vyrobce_box a.veil p.strucny_popis {
  margin: 0;
  color: var(--vsenaauto-modra-3);
  font-size: 1.2rem;
  line-height: 1.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
#dezeny .vyrobce_box a.veil .flex_row {
  gap: 1rem;
  width: 100%;
  position: relative;
  align-items: center;
  padding-bottom: 0.75rem;
  justify-content: space-between;
}
#dezeny .vyrobce_box a.veil .flex_row:after {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  content: '';
  margin: auto;
  display: block;
  transition: 0.5s;
  position: absolute;
  background: var(--vsenaauto-modra-1);
}
#dezeny .vyrobce_box a.veil .flex_row span {
  padding: 0;
  height: auto;
  padding-top: 0.5rem;
  font-size: 1.5rem;
}
#dezeny .vyrobce_box a.veil .flex_row span:after {
  display: none;
}
#dezeny .vyrobce_box a.veil .flex_row img {
  width: auto;
  max-height: 30px;
  padding: 0 !important;
}
#dezeny .vyrobce_box a.veil p.vice_o {
  margin: 0;
  width: 100%;
  color: var(--vsenaauto-cervena);
  line-height: 1.5;
  font-size: 1.2rem;
  margin-top: -0.5rem;
  text-decoration: underline;
  text-align: right;
}
#dezeny .vyrobce_box a.veil,
#dezeny .vyrobce_box a.veil:hover,
#dezeny .vyrobce_box a.veil:active,
#dezeny .vyrobce_box a.veil:focus,
#dezeny .vyrobce_box a.veil *,
#dezeny .vyrobce_box a.veil:hover *,
#dezeny .vyrobce_box a.veil:active *,
#dezeny .vyrobce_box a.veil:focus * {
  text-decoration: none;
}
#dezeny .vyrobce_box:hover a.veil .flex_row:after,
#dezeny .vyrobce_box:active a.veil .flex_row:after,
#dezeny .vyrobce_box:focus a.veil .flex_row:after {
  background: var(--vsenaauto-cervena);
}
#dezeny .vyrobce_box:hover a.veil p.vice_o,
#dezeny .vyrobce_box:active a.veil p.vice_o,
#dezeny .vyrobce_box:focus a.veil p.vice_o {
  color: var(--vsenaauto-zelena);
}
#dezeny .dezen_box a.veil {
  padding-top: 4.5rem;
}
#dezeny .dezen_box a.veil span {
  width: 100%;
  display: flex;
  height: 4.5rem;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 1rem 0.25rem 1rem;
}
#dezeny .dezen_box a.veil img {
  width: auto;
  max-height: 300px;
}
#dezeny .dezeny_znacka-box a.veil {
  padding-top: 2.5rem;
}
#dezeny .dezeny_znacka-box a.veil span {
  height: 2.5rem;
}
#dezeny .dezeny_znacka-box a.veil img {
  max-height: 60px;
}
#dezeny #produkty-1-stred .produkty-detailni-obal {
  padding: 0;
}
@media (max-width: 768px) {
  #dezeny {
    padding: 1rem;
  }
  #dezeny .prehled_vyrobcu {
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }
  #dezeny .dezeny_prehled-znacek {
    gap: 1rem;
  }
}
/* značky a dezény */
body.dezeny #levy_panel {
  display: none;
}
body.dezeny #dezeny {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
body.dezeny .zimni_letni {
  gap: 0.5rem;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
body.dezeny .zimni_letni h1 {
  flex: 100%;
  margin-top: 3rem;
}
body.dezeny .zimni_letni #left,
body.dezeny .zimni_letni #right {
  flex: 1;
  width: 100%;
  min-width: 250px;
  background: var(--vsenaauto-modra-1);
  padding: 0.5rem 1rem;
}
body.dezeny .zimni_letni #left > h3,
body.dezeny .zimni_letni #right > h3 {
  margin-top: 0.5rem;
}
body.dezeny .dezeny_lista {
  padding: 0.6rem 0;
}
body.dezeny .v_nabidce h3,
body.dezeny .prehled_dezenu h3 {
  text-align: center;
}
body.dezeny .prehled_dezenu ul {
  background: var(--vsenaauto-modra-1);
  padding: 1.5rem 1.5rem 1.5rem 3rem;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-column-gap: 10px;
  -webkit-columns: 320px;
  -moz-column-gap: 10px;
  -moz-columns: 320px;
  column-gap: 10px;
  columns: 320px;
}
body.dezeny #produkty-1-stred .produkty-detailni-obal {
  padding: 2rem 0 3.3rem 0;
}
@media (max-width: 1280px) {
  body.dezeny #dezeny {
    padding: 0.5rem;
  }
  body.dezeny #produkty-1-stred .produkty-detailni-obal {
    padding: 1rem 0 2rem 0;
  }
}
/* podrobnej filtr */
body.pneumatiky #show_top {
  padding: 0 2rem;
}
body.pneumatiky #show_top h1 {
  font-size: 2.5rem;
  margin: 1em 0 0.5em 0;
}
body.pneumatiky #show_top h1 span {
  font-size: 2.5rem;
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne span.tabulkove:before,
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne span.podrobne:before {
  background-color: var(--vsenaauto-modra-3);
}
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne a.tabulkove:before,
body.pneumatiky .nastroje_obal #prepinac-tabulka-podrobne a.podrobne:before {
  background-color: var(--vsenaauto-cervena);
}
body.pneumatiky a.box_arrow {
  border: none;
  background: var(--vsenaauto-modra-1);
}
body.pneumatiky a.box_arrow:before {
  background: var(--vsenaauto-modra-3);
  --webkit-mask-size: 0.8rem;
  mask-size: 0.8rem;
}
body.pneumatiky a.box_arrow:hover,
body.pneumatiky a.box_arrow:active,
body.pneumatiky a.box_arrow:focus {
  background: var(--vsenaauto-cervena);
}
body.pneumatiky a.box_arrow:hover:before,
body.pneumatiky a.box_arrow:active:before,
body.pneumatiky a.box_arrow:focus:before {
  background: #fff;
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
  background: var(--vsenaauto-cervena);
}
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
  background: #fff;
}
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:active,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
  background: var(--vsenaauto-modra-1);
}
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:active:before,
body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
  background: var(--vsenaauto-modra-3);
}
body.pneumatiky #select_collapse {
  padding: 1rem 1.3rem;
  background: var(--vsenaauto-modra-1);
}
body.pneumatiky #select_collapse .select-filtr {
  flex: auto;
}
body.pneumatiky #select_collapse .select-filtr select,
body.pneumatiky #select_collapse .select-filtr option {
  color: var(--vsenaauto-cervena);
  font-weight: bold;
}
body.pneumatiky #select_collapse .select-filtr select {
  width: 160px;
  border: 1px solid #d4d0d0;
}
@media (max-width: 1280px) {
  body.pneumatiky #show_top {
    padding: 0 1rem;
  }
  body.pneumatiky .nastroje_obal span.filtrovat_parametry {
    display: none;
  }
  body.pneumatiky #select_collapse {
    gap: 1rem;
    padding: 1rem;
  }
  body.pneumatiky #select_collapse .select-filtr {
    gap: 0.5rem;
    flex-flow: column;
    align-items: flex-start;
  }
  body.pneumatiky #select_collapse .select-filtr select {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  body.pneumatiky #show_top h1 {
    margin-top: 0.5em;
  }
  body.pneumatiky .nastroje_obal .filtrovani_box {
    background: var(--vsenaauto-modra-1);
  }
  body.pneumatiky .nastroje_obal span.filtrovat_parametry {
    display: block;
  }
  body.pneumatiky #select_collapse {
    margin: 0 auto;
  }
  body.pneumatiky #select_collapse .select-filtr {
    max-width: 500px;
  }
  body.pneumatiky a.box_arrow {
    background: var(--vsenaauto-cervena);
  }
  body.pneumatiky a.box_arrow:before {
    background: #fff;
  }
  body.pneumatiky a.box_arrow:hover,
  body.pneumatiky a.box_arrow:active,
  body.pneumatiky a.box_arrow:focus {
    background: var(--vsenaauto-modra-1);
  }
  body.pneumatiky a.box_arrow:hover:before,
  body.pneumatiky a.box_arrow:active:before,
  body.pneumatiky a.box_arrow:focus:before {
    background: var(--vsenaauto-modra-3);
  }
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
    background: var(--vsenaauto-modra-1);
  }
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: var(--vsenaauto-modra-3);
  }
  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:active,
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: var(--vsenaauto-cervena);
  }
  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:active:before,
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: #fff;
  }
}
@media (max-width: 768px) {
  body.pneumatiky a.box_arrow:hover,
  body.pneumatiky a.box_arrow:active,
  body.pneumatiky a.box_arrow:focus {
    background: var(--vsenaauto-cervena);
  }
  body.pneumatiky a.box_arrow:hover:before,
  body.pneumatiky a.box_arrow:active:before,
  body.pneumatiky a.box_arrow:focus:before {
    background: #fff;
  }
  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:active,
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus {
    background: var(--vsenaauto-modra-1);
  }
  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:active:before,
  body.pneumatiky:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:focus:before {
    background: var(--vsenaauto-modra-3);
  }
}
/* filtr vpravo */
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select span.filtrovat_parametry {
  font-size: 2.5rem;
  margin: 1em 0 0.5em 0;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah:after {
  background: var(--vsenaauto-zelena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select .filtr-otaznik .otaznik_obsah span {
  font-weight: bold;
  border-color: var(--vsenaauto-zelena);
}
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 {
  background: var(--vsenaauto-modra-5);
}
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 {
  border: none;
  border-radius: var(--vsenaauto-radius);
  box-shadow: var(--vsenaauto-input-stin);
}
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 {
  color: var(--vsenaauto-modra-3);
}
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 {
  box-shadow: none;
  box-sizing: border-box;
  border: 1px solid var(--vsenaauto-seda);
}
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: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input:checked + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input:checked + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input:hover + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input:hover + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input:active + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input:active + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_box input:focus + label a,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp .select_filtr_box input:focus + label a {
  text-decoration: none;
  color: var(--vsenaauto-cervena);
}
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: 14rem;
  padding: 0.5rem;
  border: 1px solid var(--vsenaauto-modra-2);
}
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 {
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_open:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp a.select_filtr_open:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_open:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp a.select_filtr_open:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_open:focus,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp a.select_filtr_open:focus {
  background: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky input.submit,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp input.submit {
  margin-top: 1rem;
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky input.submit:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp input.submit:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky input.submit:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp input.submit:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky input.submit:focus,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky_tmp input.submit:focus {
  background: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_toggle {
  box-shadow: var(--vsenaauto-velky-stin);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_inside {
  border: none;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open .select_filtr_container_inside h3 {
  margin-bottom: 1.5rem;
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_close {
  color: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_close:hover,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_close:active,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open a.select_filtr_close:focus {
  color: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky.popup_open div#hledat_znacky {
  margin-bottom: 1.5rem;
}
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 {
  box-shadow: none;
  box-sizing: border-box;
  border: 1px solid var(--vsenaauto-seda);
}
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: 4px;
  left: 4px;
  width: 15px;
  height: 15px;
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:hover span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost 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 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 a.filtr_odkaz:focus span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz.checked span,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost a.filtr_odkaz.checked span {
  text-decoration: none;
  color: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz:hover span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost a.filtr_odkaz: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_hlucnost a.filtr_odkaz: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_hlucnost a.filtr_odkaz:focus span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .radio_element a.filtr_odkaz.checked span:before,
body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal .checkbox_hlucnost a.filtr_odkaz.checked span:before {
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param {
  border-color: var(--vsenaauto-modra-2);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .selected_param_value {
  background: var(--vsenaauto-modra-2);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x {
  background: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x:hover,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x:active,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo span.selected_param_delete_x:focus {
  background: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all {
  border-color: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all .selected_param_nadpis {
  padding-right: 0;
  color: var(--vsenaauto-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus {
  border-color: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover .selected_param_nadpis,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active .selected_param_nadpis,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus .selected_param_nadpis {
  color: var(--vsenaauto-tmave-cervena);
}
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:hover .selected_param_delete_x,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:active .selected_param_delete_x,
body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_link_reset_all:focus .selected_param_delete_x {
  background: var(--vsenaauto-tmave-cervena);
}
@media (max-width: 1280px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select {
    padding: 0 1rem;
    margin-top: 2rem;
  }
  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 .filtrovani_box {
    border: 1px solid var(--vsenaauto-modra-2);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky .select_filtr_container_inside {
    height: 15rem;
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #selectfiltr_znacky a.select_filtr_open {
    right: calc(5% + 0.25rem);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow {
    background: var(--vsenaauto-cervena);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal a.box_arrow:before {
    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: var(--vsenaauto-modra-2);
  }
  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: var(--vsenaauto-modra-3);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle {
    background: var(--vsenaauto-modra-2);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: var(--vsenaauto-modra-3);
  }
  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: var(--vsenaauto-cervena);
  }
  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: var(--vsenaauto-modra-2);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param) a.box_arrow:before {
    background: var(--vsenaauto-modra-3);
  }
  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: var(--vsenaauto-cervena);
  }
  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: var(--vsenaauto-cervena);
  }
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal:has(.selected_param):has(.box_arrow.filter_toggle) a.box_arrow.filter_toggle:before {
    background: #fff;
  }
  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: var(--vsenaauto-modra-3);
  }
  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: 0;
    margin-top: 1rem;
    background: none;
  }
  body.pneumatiky .vypis_pneumatiky .nastroje_obal.nastroje_obal_vpravo .filtr_parametry_selected_container {
    padding: 0;
  }
}
@media (max-width: 768px) {
  body.pneumatiky .vypis_pneumatiky .filtr_vpravo_obal #parametry_select {
    margin-top: 0.5rem;
  }
  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: var(--vsenaauto-cervena);
  }
  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: var(--vsenaauto-modra-2);
  }
  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: var(--vsenaauto-modra-3);
  }
  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: var(--vsenaauto-modra-2);
  }
  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: var(--vsenaauto-modra-3);
  }
  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: var(--vsenaauto-cervena);
  }
  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;
  }
}
/* obecnej přehled */
#produkty-1-stred .produkty-detailni-obal {
  padding: 2rem 2rem 3.3rem 2rem;
}
#produkty-1-stred .katalog-produkt {
  box-shadow: var(--vsenaauto-stin);
  border: 1px solid #f2f3f4;
  border-bottom: none;
}
#produkty-1-stred .katalog-produkt .popis a,
#produkty-1-stred .katalog-produkt .popis a span {
  color: var(--vsenaauto-modra-3);
}
#produkty-1-stred .katalog-produkt .info_obal {
  gap: 0;
  background: #fff;
  border: 4px solid var(--vsenaauto-modra-2);
  border-bottom: 0;
}
#produkty-1-stred .katalog-produkt .sklad_info {
  font-size: 1rem;
  line-height: normal;
  background: var(--vsenaauto-zelena);
  padding: 0.25rem 0.5rem;
}
#produkty-1-stred .katalog-produkt .sklad_info span {
  color: var(--vsenaauto-zelena);
}
#produkty-1-stred .katalog-produkt .sklad_info span.norm {
  color: var(--vsenaauto-modra-3);
}
#produkty-1-stred .katalog-produkt .expedice_obal {
  margin: 0 auto;
  width: fit-content;
}
#produkty-1-stred .katalog-produkt .expedice_obal .sklad_info {
  background: none;
  text-align: left;
  position: relative;
  padding: 0.2rem 0 0.2rem 1.25rem;
}
#produkty-1-stred .katalog-produkt .expedice_obal .sklad_info:after {
  left: 0;
  top: 50%;
  content: '';
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  position: absolute;
  border-radius: 100%;
  background: var(--vsenaauto-zelena);
  transform: translateY(-50%);
}
#produkty-1-stred .katalog-produkt .expedice_obal .sklad_info span {
  font-size: 0.9rem;
}
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info {
  border-top: 1px solid var(--vsenaauto-zelena);
}
#produkty-1-stred .katalog-produkt .produkt_paticka_obal {
  padding: 1rem 1.5rem;
  background: var(--vsenaauto-modra-1);
  background: var(--vsenaauto-modra-2);
  justify-content: center;
}
#produkty-1-stred .katalog-produkt .produkt_paticka_obal p.cena,
#produkty-1-stred .katalog-produkt .produkt_paticka_obal p.cena span {
  color: var(--vsenaauto-cervena);
}
#produkty-1-stred .katalog-produkt:hover,
#produkty-1-stred .katalog-produkt:active,
#produkty-1-stred .katalog-produkt:focus {
  box-shadow: var(--vsenaauto-velky-stin);
}
@media (max-width: 1280px) {
  #produkty-1-stred .produkty-detailni-obal {
    gap: 1rem;
    padding: 1rem 1rem 2rem 1rem;
  }
}
@media (max-width: 720px) {
  #produkty-1-stred .katalog-produkt .znackatd {
    top: 112px;
  }
}
/* tabulkovej přehled */
#produkty-1-stred.zobraz_tabulkove .produkty-detailni-obal {
  padding: 1rem 0;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt {
  border-color: #dedede;
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt .znackatd {
  top: 50%;
  right: 325px;
  transform: translateY(-50%);
}
#produkty-1-stred.zobraz_tabulkove .katalog-produkt img.pmsf-ikona {
  left: 0;
  right: auto;
}
#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: unset;
  box-shadow: var(--vsenaauto-velky-stin);
}
@media (max-width: 1000px) {
  #produkty-1-stred.zobraz_tabulkove .produkty-detailni-obal {
    padding: 1rem;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .znackatd {
    top: 0;
    right: 0;
    padding: 5px;
    transform: none;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt .znackatd img {
    top: auto;
    transform: none;
  }
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt img.pmsf-ikona {
    right: 0;
    top: 40px;
    left: auto;
  }
}
@media (max-width: 720px) {
  #produkty-1-stred.zobraz_tabulkove .katalog-produkt img.pmsf-ikona {
    top: 0;
    left: 0;
    right: auto;
  }
}
/* detail produktu */
body.body_produkt_detail.pneumatiky #show-produkt #show-produkt-top > h1 {
  margin-top: 1em;
}
body.body_produkt_detail.pneumatiky #show-produkt #show-produkt-top > h1 span.line {
  font-size: 1.8rem;
}
body.body_produkt_detail.pneumatiky .obsah_produktu {
  margin-bottom: 4rem;
}
body.body_produkt_detail.pneumatiky .FotoTd {
  flex: none;
  width: 100%;
  max-width: 500px;
}
body.body_produkt_detail.pneumatiky .FotoTd img.pmsf-ikona {
  left: 0;
  right: auto;
}
body.body_produkt_detail.pneumatiky .FotoTd img.obrazek_produktu {
  width: auto;
  max-width: 100%;
  max-height: unset;
  padding-top: 3.3rem;
}
body.body_produkt_detail.pneumatiky .FotoTd img.logo-vyrobce {
  padding: 0;
  max-height: 3.3rem;
}
body.body_produkt_detail.pneumatiky #parametry_obal {
  margin-top: 1rem;
  flex-flow: row wrap;
}
body.body_produkt_detail.pneumatiky #parametry_obal .parametry_obsah h4 {
  margin: 0;
}
body.body_produkt_detail.pneumatiky #parametry_obal:not(:has(#stitek)) {
  gap: 1rem;
}
body.body_produkt_detail.pneumatiky #parametry_obal:not(:has(#stitek)) .parametry_obsah {
  flex: none;
  width: 100%;
}
body.body_produkt_detail.pneumatiky #volitelne_polozky .flex_row {
  padding: 0.75rem 0;
  border-color: var(--vsenaauto-seda);
}
body.body_produkt_detail.pneumatiky .produktdetail-order h4 {
  margin-top: 0.5rem;
}
body.body_produkt_detail.pneumatiky #stitek {
  border-color: #F2F2F2;
}
body.body_produkt_detail.pneumatiky #show-produkt-popis {
  background: var(--vsenaauto-modra-1);
}
body.body_produkt_detail.pneumatiky #show-produkt-popis p.popis {
  max-width: 1024px;
  margin: 0.5rem auto;
  text-wrap: balance;
}
body.body_produkt_detail.pneumatiky #show_podobne #show-produkt-popis {
  background: none;
}
@media (max-width: 1000px) {
  body.body_produkt_detail.pneumatiky .FotoTd {
    aspect-ratio: 2/1;
  }
}
@media (max-width: 640px) {
  body.body_produkt_detail.pneumatiky .FotoTd img.logo-vyrobce {
    left: 0;
    margin: auto;
  }
}
/* pop-up info k odberum v prehledu a detailu gumy a v prvnim kroku kosiku */
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace {
  padding: 0;
  top: -0.15rem;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: url(vsenaauto/info.svg) top left no-repeat;
}
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:before,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:before,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:before {
  display: none;
}
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:after,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:after,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:after {
  width: 0;
  height: 0;
  left: 1rem;
  z-index: -1;
  bottom: 0.75rem;
  display: block;
  transition: 0.5s;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  color: var(--vsenaauto-modra-3);
  line-height: 16px;
  position: absolute;
  padding: 0.5rem 0.75rem;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(7, 7, 7, 0.15);
  content: 'Předpokládané datum vyskladnění na výdejním místě. Vždy vyčkejte na výzvu k vyzvednutí přes SMS či e-mail.';
}
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:hover,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:hover,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:hover,
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:active,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:active,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:active,
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:focus,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:focus,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:focus {
  overflow: visible;
}
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:hover:after,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:hover:after,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:hover:after,
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:active:after,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:active:after,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:active:after,
body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:focus:after,
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:focus:after,
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:focus:after {
  z-index: 3;
  width: 260px;
  transition: 0.5s;
  background: #fff;
  height: calc(48px + 1rem);
  border: 1px solid var(--vsenaauto-zelena);
}
@media (max-width: 1280px) {
  body.body_produkt_detail .doruceni_text .odber_text .odbery_informace:after,
  #produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace:after,
  #div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace:after {
    left: auto;
    right: 1rem;
  }
}
body.body_produkt_detail .doruceni_text .odber_text span.odbery_informace {
  top: 3px;
  right: -8px;
}
#produkty-1-stred .katalog-produkt .expedice_obal .odber_info .odbery_informace {
  top: 0.1rem;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace {
  top: 1px;
  width: 16px;
  height: 16px;
  float: right;
  margin-left: 0.5rem;
}
@media (max-width: 1000px) {
  #div-formular-kosik .kosik-obsah .kosik-dostupnost .odbery_informace {
    float: none;
    margin: auto;
    display: block;
  }
}
/* PLECHOVÝ DISKY */
/* obecně */
body.plechove-disky #levy_panel ul a,
body.plechove-disky #disky-uvodka ul a {
  font-size: 1rem;
  color: var(--vsenaauto-modra-3);
  background: var(--vsenaauto-modra-1);
  border-bottom: 2px solid #fff;
}
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,
body.plechove-disky #levy_panel ul a:hover,
body.plechove-disky #disky-uvodka ul a:hover,
body.plechove-disky #levy_panel ul a:active,
body.plechove-disky #disky-uvodka ul a:active,
body.plechove-disky #levy_panel ul a:focus,
body.plechove-disky #disky-uvodka ul a:focus {
  color: #fff;
  background: var(--vsenaauto-zelena);
}
body.plechove-disky #levy_panel .nadkategorie {
  background: var(--vsenaauto-zelena);
}
body.plechove-disky #levy_panel h3 {
  margin: 0;
  line-height: 1;
  text-align: left;
  padding: 1rem 2rem 0.8rem;
  border-bottom: 2px solid #fff;
}
body.plechove-disky #levy_panel ul.podkategorie {
  margin-left: 1.5rem;
}
body.plechove-disky #levy_panel ul.podkategorie a {
  font-size: 0.9rem;
  padding-left: 1rem;
}
@media (max-width: 1000px) {
  body.plechove-disky #obsah {
    margin-top: 2rem;
  }
  body.plechove-disky #levy_panel a#jump-top {
    line-height: 1.6;
  }
}
/* plechová úvodka */
body.plechove-disky.uvodni_stranka h1 {
  margin-top: 0.5rem;
}
body.plechove-disky.uvodni_stranka #disky-uvodka {
  margin-bottom: 6rem;
}
@media (max-width: 1000px) {
  body.plechove-disky.uvodni_stranka #disky-uvodka {
    margin-bottom: 3rem;
  }
}
/* kategorie plechů */
body.plechove-disky.kategorie .generovany-seznam-kategorii-obal {
  gap: 0.6rem;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie {
  border-color: var(--vsenaauto-modra-1);
  text-decoration-color: var(--vsenaauto-modra-4);
  box-shadow: var(--vsenaauto-stin);
}
body.plechove-disky.kategorie a.generovany-seznam-kategorie span.nadpis {
  color: var(--vsenaauto-modra-4);
  font-size: 1.3rem;
  background: var(--vsenaauto-modra-1);
}
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: var(--vsenaauto-modra-1);
  box-shadow: var(--vsenaauto-velky-stin);
}
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 {
  color: var(--vsenaauto-modra-4);
  background: var(--vsenaauto-modra-1);
}
/* podkategorie plechů */
body.plechove-disky.podkategorie #produkty-22-produkt {
  border-radius: var(--vsenaauto-radius);
}
body.plechove-disky.podkategorie #produkty-22-produkt * {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce,
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a,
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box {
  color: var(--vsenaauto-modra-3);
  background: var(--vsenaauto-modra-1);
}
body.plechove-disky.podkategorie #produkty-22-produkt .plechy-palce span,
body.plechove-disky.podkategorie #produkty-22-produkt .cena {
  color: var(--vsenaauto-modra-3);
  font-size: 1.3rem;
}
body.plechove-disky.podkategorie #produkty-22-produkt .detail-nazev a {
  padding: 1rem;
  font-size: 1.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: var(--vsenaauto-modra-1);
}
body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box .class2 {
  border: none;
}
body.plechove-disky.podkategorie #produkty-22-produkt input.kusy,
body.plechove-disky.podkategorie #produkty-22-produkt input.kosik {
  height: 100%;
  border-radius: 0;
}
body.plechove-disky.podkategorie #produkty-22-produkt a.plechy-detail {
  height: auto;
  border-radius: 0;
}
@media (max-width: 1000px) {
  body.plechove-disky.podkategorie #obsah {
    margin: 0;
  }
  body.plechove-disky.podkategorie #produkty-22-produkt {
    border: 1px solid var(--vsenaauto-modra-1);
  }
}
@media (max-width: 720px) {
  body.plechove-disky.podkategorie #produkty-22-produkt .pravy_box > .flex_row > div {
    color: var(--vsenaauto-modra-3);
    background: var(--vsenaauto-modra-1);
  }
}
/* plechovej produkt */
body.body_produkt_detail.plechove-disky #show-produkt h1 {
  text-transform: uppercase;
}
body.body_produkt_detail.plechove-disky p.popis_ocelova_kola {
  padding: 1.3rem;
  background: var(--vsenaauto-modra-1);
}
body.body_produkt_detail.plechove-disky #volitelne_polozky * {
  font-size: 1rem;
}
body.body_produkt_detail.plechove-disky #volitelne_polozky .flex_row {
  padding: 1rem 0;
  border-color: var(--vsenaauto-seda);
}
body.body_produkt_detail.plechove-disky #volitelne_polozky .nadpis,
body.body_produkt_detail.plechove-disky #volitelne_polozky .obsah-polozky {
  padding: 0 0.5rem;
}
body.body_produkt_detail.plechove-disky #volitelne_polozky .obsah-polozky {
  text-align: left;
}
body.body_produkt_detail.plechove-disky .cena_radek_info {
  gap: 1rem;
  height: auto;
  flex-flow: column;
  padding: 1rem 1.5rem;
}
body.body_produkt_detail.plechove-disky .doruceni_text .exp_text span {
  width: 100%;
  padding: 0.5rem 0;
  color: var(--vsenaauto-zelena);
  font-weight: bold;
  line-height: 1.5rem;
}
@media (max-width: 1170px) {
  body.body_produkt_detail.plechove-disky .obsah_produktu {
    gap: 1rem;
    flex-flow: column;
    align-items: center;
  }
}
@media (max-width: 1000px) {
  body.body_produkt_detail.plechove-disky #show-produkt {
    margin-top: 2rem;
  }
}
/* OBJEDNÁVKA */
/* obecně */
html .obecny_kosik {
  margin-top: 3.5rem;
}
html .obecny_kosik .kroky_obal {
  height: 4rem;
  background: var(--vsenaauto-zelena);
}
html .obecny_kosik .kroky_obal > span,
html .obecny_kosik .kroky_obal > a {
  height: 100%;
  padding: 0.5rem;
  font-size: 1.1rem;
  text-decoration: none;
}
html .obecny_kosik .kroky_obal > span span,
html .obecny_kosik .kroky_obal > a span {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  margin: 0.3rem 1rem 0.3rem 0;
}
html .obecny_kosik .kroky_obal .neaktivni {
  opacity: 0.6;
  transition: 0.5s;
  background: none;
}
html .obecny_kosik .kroky_obal .neaktivni:hover,
html .obecny_kosik .kroky_obal .neaktivni:active,
html .obecny_kosik .kroky_obal .neaktivni:focus {
  opacity: 1;
  transition: 0.5s;
}
html .obecny_kosik .kroky_obal .neaktivni:hover span,
html .obecny_kosik .kroky_obal .neaktivni:active span,
html .obecny_kosik .kroky_obal .neaktivni:focus span {
  color: #fff;
}
html .obecny_kosik .kroky_obal .neaktivni:hover span:before,
html .obecny_kosik .kroky_obal .neaktivni:active span:before,
html .obecny_kosik .kroky_obal .neaktivni:focus span:before {
  background: none;
}
html .obecny_kosik .kroky_obal span.aktivni {
  opacity: 1;
  background: #141d26;
}
html .obecny_kosik .kroky_obal span.aktivni span {
  color: #141d26;
}
html .obecny_kosik .kroky_obal a.aktivni {
  opacity: 0.6;
}
html .obecny_kosik .kroky_obal a.aktivni:hover,
html .obecny_kosik .kroky_obal a.aktivni:active,
html .obecny_kosik .kroky_obal a.aktivni:focus {
  opacity: 1;
  background: none;
}
html .obecny_kosik .kroky_obal a.aktivni:hover span,
html .obecny_kosik .kroky_obal a.aktivni:active span,
html .obecny_kosik .kroky_obal a.aktivni:focus span {
  color: #141d26;
}
html .obecny_kosik .kroky_obal a.aktivni:hover span:before,
html .obecny_kosik .kroky_obal a.aktivni:active span:before,
html .obecny_kosik .kroky_obal a.aktivni:focus span:before {
  background: #fff;
}
html .obecny_kosik .kroky_obal.krok4 span.aktivni {
  opacity: 0.6;
  background: none;
}
html .obecny_kosik .kroky_obal.krok4 span.posledni_krok {
  opacity: 1;
  background: #141d26;
}
html .obecny_kosik .kroky_obal.krok4 span.posledni_krok span:before {
  background: #fff;
}
html .obecny_kosik p.nevyplnene_udaje {
  background-color: var(--vsenaauto-cervena);
}
html .obecny_kosik .panel-objednat {
  margin-top: 2rem;
}
html .obecny_kosik .panel-objednat a.tlacitko_zpet,
html .obecny_kosik .panel-objednat a.odkaz-objednat,
html .obecny_kosik .panel-objednat input.odkaz-objednat {
  font-size: 0.9rem;
  text-decoration: none;
}
html .obecny_kosik .panel-objednat a.tlacitko_zpet:before,
html .obecny_kosik .panel-objednat a.odkaz-objednat:before,
html .obecny_kosik .panel-objednat input.odkaz-objednat:before {
  display: none;
}
html .obecny_kosik .panel-objednat a.tlacitko_zpet {
  color: var(--vsenaauto-modra-3);
  padding: 1.5rem 3rem;
  background: var(--vsenaauto-modra-1);
}
html .obecny_kosik .panel-objednat a.tlacitko_zpet:hover,
html .obecny_kosik .panel-objednat a.tlacitko_zpet:active,
html .obecny_kosik .panel-objednat a.tlacitko_zpet:focus {
  color: #fff;
  background: var(--vsenaauto-modra-4);
}
html .obecny_kosik .panel-objednat a.odkaz-objednat,
html .obecny_kosik .panel-objednat input.odkaz-objednat {
  padding: 1.5rem 6rem 1.5rem 4rem;
  background: #c80000 url(vsenaauto/sipka-shop.webp) no-repeat;
  background-position: calc(100% - 4rem) center;
}
html .obecny_kosik .panel-objednat a.odkaz-objednat:hover,
html .obecny_kosik .panel-objednat input.odkaz-objednat:hover,
html .obecny_kosik .panel-objednat a.odkaz-objednat:active,
html .obecny_kosik .panel-objednat input.odkaz-objednat:active,
html .obecny_kosik .panel-objednat a.odkaz-objednat:focus,
html .obecny_kosik .panel-objednat input.odkaz-objednat:focus {
  background-color: var(--vsenaauto-tmave-cervena);
}
@media (max-width: 1000px) {
  html .obecny_kosik .kroky_obal {
    height: 8rem;
    flex-wrap: wrap;
  }
  html .obecny_kosik .kroky_obal > span,
  html .obecny_kosik .kroky_obal > a {
    width: 50%;
    flex: unset;
    height: 4rem;
  }
}
@media (max-width: 500px) {
  html .obecny_kosik .kroky_obal > span,
  html .obecny_kosik .kroky_obal > a {
    text-align: left;
  }
}
/* objednané zboží */
#div-formular-kosik .kosik_top > div,
#div-formular-kosik .kosik-obsah > div {
  padding: 0 0.5rem;
}
#div-formular-kosik .kosik_top .foto,
#div-formular-kosik .kosik-obsah .foto {
  padding-left: 1rem;
}
#div-formular-kosik .kosik_top .kosik_kusy,
#div-formular-kosik .kosik-obsah .kosik_kusy {
  width: 10%;
}
#div-formular-kosik .kosik_top .kosik-dostupnost,
#div-formular-kosik .kosik-obsah .kosik-dostupnost {
  width: 13%;
}
#div-formular-kosik .kosik_top .kosik_cena_celkem,
#div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  width: 15%;
  padding-right: 1rem;
}
#div-formular-kosik .kosik_top .kosik_cena_celkem strong,
#div-formular-kosik .kosik-obsah .kosik_cena_celkem strong {
  text-wrap: balance;
}
#div-formular-kosik .kosik_top strong {
  padding: 0;
  font-weight: 600;
}
#div-formular-kosik .kosik-obsah {
  border-color: var(--vsenaauto-modra-1);
  justify-content: flex-end;
}
#div-formular-kosik .kosik-obsah .kosik_model {
  padding-right: 1rem;
}
#div-formular-kosik .kosik-obsah .kosik_model a,
#div-formular-kosik .kosik-obsah .kosik_model strong {
  color: var(--vsenaauto-modra-3);
}
#div-formular-kosik .kosik-obsah .kosik_pozadi,
#div-formular-kosik .kosik-obsah .kosik_vyradit {
  background: var(--vsenaauto-modra-1);
}
#div-formular-kosik .kosik-obsah .kosik_vyradit {
  width: 4%;
  padding-left: 1rem;
  align-self: stretch;
}
#div-formular-kosik .kosik-obsah .kosik_vyradit a.cervene {
  top: 50%;
  transform: translateY(-50%);
  -webkit-mask-image: url(vsenaauto/krizek.webp);
  mask-image: url(vsenaauto/krizek.webp);
}
#div-formular-kosik .kosik-obsah .kosik_vyradit a.cervene:hover,
#div-formular-kosik .kosik-obsah .kosik_vyradit a.cervene:active,
#div-formular-kosik .kosik-obsah .kosik_vyradit a.cervene:focus {
  background: var(--vsenaauto-tmave-cervena);
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost .expedice_obal {
  display: flex;
  flex-flow: column;
  background: #fff;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
  border: 2px solid var(--vsenaauto-modra-2);
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice {
  display: block;
  font-size: 12px;
  color: var(--vsenaauto-modra-3);
  padding: 0.25rem 0;
  line-height: 18px;
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice.expedice_odber {
  border-top: 1px solid var(--vsenaauto-zelena);
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost .dostupnost,
#div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice_datum,
#div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice_datum span {
  color: var(--vsenaauto-zelena);
}
#div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice_datum {
  display: block;
  line-height: 18px;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input {
  max-width: 4rem;
}
#div-formular-kosik .kosik-obsah .kosik_kusy input.kosik-ks-input {
  border-color: var(--vsenaauto-modra-4);
}
#div-formular-kosik .kosik-obsah .kosik_kusy input#kosik-prepocitat-inline {
  background: var(--vsenaauto-modra-4);
  text-transform: lowercase;
}
#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: #022743;
}
#div-formular-kosik .kosik-obsah.JeToSluzba {
  height: 4rem;
  min-height: 4rem;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_pozadi,
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_vyradit {
  background: #fff;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model span:after {
  background: #dfb953;
  -webkit-mask: url(vsenaauto/rozmery.webp) right / 80% auto no-repeat;
  mask: url(vsenaauto/rozmery.webp) right / 80% auto 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 {
  -webkit-mask-image: url(vsenaauto/rychle-doruceni.svg);
  mask-image: url(vsenaauto/rychle-doruceni.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_service_24 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_service_24 span:after {
  -webkit-mask-image: url(vsenaauto/osobni-odber.svg);
  mask-image: url(vsenaauto/osobni-odber.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 {
  -webkit-mask-image: url(vsenaauto/platba-dobirkou.svg);
  mask-image: url(vsenaauto/platba-dobirkou.svg);
}
#div-formular-kosik .kosik-obsah.JeToSluzba .kosik_model#order_payment_6 span:after,
#div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_model#order_payment_6 span:after {
  -webkit-mask-image: url(vsenaauto/platba-hotove.svg);
  mask-image: url(vsenaauto/platba-hotove.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 {
  -webkit-mask-image: url(vsenaauto/online-kartou.svg);
  mask-image: url(vsenaauto/online-kartou.svg);
}
#div-formular-kosik #formular-vypis-ceny-kosiku-div,
#div-formular-kosik .doprava_zdarma {
  width: 53%;
  margin-left: 47%;
}
#div-formular-kosik #formular-vypis-ceny-kosiku-div {
  margin-right: -1px;
  background: var(--vsenaauto-modra-1);
}
#div-formular-kosik .doprava_zdarma {
  height: 6rem;
}
#div-formular-kosik .doprava_zdarma b {
  display: block;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 6rem;
  width: fit-content;
  padding-left: 4.5rem;
  background: url(vsenaauto/doprava-zdarma.webp) left no-repeat;
}
#div-formular-kosik .kompletace-detail {
  margin-top: 2rem;
}
@media (max-width: 1000px) {
  #div-formular-kosik .kosik-obsah .kosik_vyradit {
    padding-left: 0.5rem;
  }
  #div-formular-kosik .kosik-obsah .kosik-dostupnost span.expedice {
    font-size: 10px;
  }
}
@media (max-width: 720px) {
  #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 {
    width: auto;
  }
  #div-formular-kosik #formular-vypis-ceny-kosiku-div,
  #div-formular-kosik .doprava_zdarma {
    width: 100%;
    margin-left: 0;
  }
}
/* doprava a platba */
#sluzby .sluzby_obal {
  margin: 1.5rem 0;
}
#sluzby h2 {
  font-size: 1.3rem;
}
#sluzby .doprava_box label.label_sluzba {
  margin: 0 0 -2px 0;
  background: #fff;
  border: 1px solid var(--vsenaauto-seda);
}
#sluzby .doprava_box label.label_sluzba:before {
  width: 20px;
  height: 20px;
  border: 1px solid var(--vsenaauto-seda);
}
#sluzby .doprava_box label.label_sluzba * {
  font-size: 0.9rem;
  color: var(--vsenaauto-modra-3);
  font-weight: bold;
  line-height: 20px;
}
#sluzby .doprava_box input:hover + label.label_sluzba,
#sluzby .doprava_box input:checked + label.label_sluzba {
  background: var(--vsenaauto-modra-1);
}
#sluzby .doprava_box input:hover + label.label_sluzba *,
#sluzby .doprava_box input:checked + label.label_sluzba * {
  color: var(--vsenaauto-modra-3);
}
#sluzby .doprava_box input:hover + label.label_sluzba:after,
#sluzby .doprava_box input:checked + label.label_sluzba:after {
  width: 12px;
  height: 12px;
  background: var(--vsenaauto-cervena);
  top: calc(1rem + 5px);
  left: calc(1rem + 5px);
}
@media (max-width: 720px) {
  #sluzby .doprava_box input:hover + label.label_sluzba:after,
  #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 {
  background: var(--vsenaauto-cervena);
}
#sluzby.sluzby_ver2 .service_item {
  padding: 0 1rem;
  margin: 0 0 1rem 0;
  background: #fff;
  border: 1px solid var(--vsenaauto-seda);
}
#sluzby.sluzby_ver2 .service_item span.label label {
  padding: 1rem 1rem 1rem 4rem;
}
#sluzby.sluzby_ver2 .service_item span.label label span {
  min-height: unset;
  font-weight: bold;
  padding-left: 2.75rem;
  max-width: calc(100% - 60px);
}
#sluzby.sluzby_ver2 .service_item span.label label span:before {
  background: var(--vsenaauto-modra-3);
  -webkit-mask: url(vsenaauto/rozmery.webp) right / 80% no-repeat;
  mask: url(vsenaauto/rozmery.webp) right / 80% no-repeat;
}
#sluzby.sluzby_ver2 .service_item span.label label:before {
  width: 20px;
  height: 20px;
  border: 1px solid var(--vsenaauto-seda);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label:after {
  width: 12px;
  height: 12px;
  background: var(--vsenaauto-cervena);
  left: calc(1rem + 5px);
}
#sluzby.sluzby_ver2 .service_item .price {
  font-weight: bold;
}
#sluzby.sluzby_ver2 .service_item .price.free {
  color: var(--vsenaauto-zelena);
}
#sluzby.sluzby_ver2 .service_item .selector_and_description {
  left: 6.75rem;
  bottom: 1.2rem;
  display: none;
}
#sluzby.sluzby_ver2 .service_item input[name="service_for_group_1"] + span.label label span {
  min-height: unset;
}
#sluzby.sluzby_ver2 .service_item:hover,
#sluzby.sluzby_ver2 .service_item:active,
#sluzby.sluzby_ver2 .service_item:focus {
  background: var(--vsenaauto-modra-1);
}
#sluzby.sluzby_ver2 .service_item:hover span,
#sluzby.sluzby_ver2 .service_item:active span,
#sluzby.sluzby_ver2 .service_item:focus span {
  color: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item:hover span.label label span,
#sluzby.sluzby_ver2 .service_item:active span.label label span,
#sluzby.sluzby_ver2 .service_item:focus span.label label span {
  color: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item:hover span.label label span:before,
#sluzby.sluzby_ver2 .service_item:active span.label label span:before,
#sluzby.sluzby_ver2 .service_item:focus span.label label span:before {
  background: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item:hover .description,
#sluzby.sluzby_ver2 .service_item:active .description,
#sluzby.sluzby_ver2 .service_item:focus .description,
#sluzby.sluzby_ver2 .service_item:hover .price,
#sluzby.sluzby_ver2 .service_item:active .price,
#sluzby.sluzby_ver2 .service_item:focus .price {
  color: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item:hover .price.free,
#sluzby.sluzby_ver2 .service_item:active .price.free,
#sluzby.sluzby_ver2 .service_item:focus .price.free {
  color: var(--vsenaauto-zelena);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label {
  background: var(--vsenaauto-modra-1);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label span {
  color: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label label span:before {
  background: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label + .price + .selector_and_description .description,
#sluzby.sluzby_ver2 .service_item input:checked + span.label + .price {
  color: var(--vsenaauto-modra-3);
}
#sluzby.sluzby_ver2 .service_item input:checked + span.label + .price.free {
  color: var(--vsenaauto-zelena);
}
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label:before,
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label:before,
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label:after,
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label:after {
  border-radius: 100%;
}
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label span,
#sluzby.sluzby_ver2 .service_item input[name=service_for_group_3] + span.label label span {
  min-height: unset;
}
#sluzby.sluzby_ver2 #service_item_16,
#sluzby.sluzby_ver2 #service_item_17 {
  /* doprava spedicni spolecnosti */
}
#sluzby.sluzby_ver2 #service_item_16 label span:before,
#sluzby.sluzby_ver2 #service_item_17 label span:before {
  -webkit-mask-image: url(vsenaauto/rychle-doruceni.svg);
  mask-image: url(vsenaauto/rychle-doruceni.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
#sluzby.sluzby_ver2 #service_item_16 label span:after,
#sluzby.sluzby_ver2 #service_item_17 label span:after {
  width: 100%;
  height: 1.2rem;
  display: block;
  font-size: 0.8rem;
  white-space: pre;
  line-height: 1.2rem;
  font-weight: normal;
  content: "Doručení dopravcem na adresu";
}
#sluzby.sluzby_ver2 #service_item_24 {
  /* osobni odber praha stodulky */
}
#sluzby.sluzby_ver2 #service_item_24 label span:before {
  -webkit-mask-image: url(vsenaauto/osobni-odber.svg);
  mask-image: url(vsenaauto/osobni-odber.svg);
}
#sluzby.sluzby_ver2 #service_item_24 label span:after {
  width: 100%;
  height: 2.4rem;
  display: block;
  font-size: 0.8rem;
  white-space: pre;
  line-height: 1.2rem;
  font-weight: normal;
  content: "Bavorská 856/14, Praha 5 – Stodůlky \A po – pá: 9:00 – 17:00";
}
#sluzby.sluzby_ver2 #service_payment_2 label {
  /* dobirkou */
}
#sluzby.sluzby_ver2 #service_payment_2 label span:before {
  -webkit-mask-image: url(vsenaauto/platba-dobirkou.svg);
  mask-image: url(vsenaauto/platba-dobirkou.svg);
}
#sluzby.sluzby_ver2 #service_payment_2 label span:after {
  width: 100%;
  height: 1.2rem;
  display: block;
  font-size: 0.8rem;
  white-space: pre;
  line-height: 1.2rem;
  font-weight: normal;
  content: "Platba dopravci při převzetí hotově či kartou";
}
#sluzby.sluzby_ver2 #service_payment_6 label span {
  /* hotove pri prevzeti */
}
#sluzby.sluzby_ver2 #service_payment_6 label span:before {
  -webkit-mask-image: url(vsenaauto/platba-hotove.svg);
  mask-image: url(vsenaauto/platba-hotove.svg);
}
#sluzby.sluzby_ver2 #service_payment_6 label span:after {
  width: 100%;
  height: 1.2rem;
  display: block;
  font-size: 0.8rem;
  white-space: pre;
  line-height: 1.2rem;
  font-weight: normal;
  content: "Na výdejním místě lze platit pouze hotově";
}
#sluzby.sluzby_ver2 #service_payment_7 {
  /* platba online kartou */
  height: calc(5rem + 18px);
}
#sluzby.sluzby_ver2 #service_payment_7 label span:before {
  height: 3rem;
}
#sluzby.sluzby_ver2 #service_payment_7 label span:after {
  width: 226px;
  display: block;
  white-space: pre;
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: normal;
  height: calc(1.5rem + 18px);
  content: "Platba kartou přes platební bránu Comgate";
  background: url(vsenaauto/platebni-karta-loga.png) left bottom / auto 18px no-repeat;
}
#sluzby.sluzby_ver2 #service_payment_9 {
  /* platba bankovnim prevodem */
  height: calc(5rem + 62px);
  height: auto;
}
#sluzby.sluzby_ver2 #service_payment_9 label {
  height: 100%;
}
#sluzby.sluzby_ver2 #service_payment_9 label span:before {
  -webkit-mask-image: url(vsenaauto/faktura.svg);
  mask-image: url(vsenaauto/faktura.svg);
}
#sluzby.sluzby_ver2 #service_payment_9 label span:after {
  width: 100%;
  height: 1.2rem;
  display: block;
  font-size: 0.8rem;
  white-space: pre;
  line-height: 1.2rem;
  font-weight: normal;
  content: "Expresní online platba přes internetové bankovnictví";
}
#sluzby.sluzby_ver2 #kosik_prehled_content {
  border: 1px solid #f2f3f4;
  box-shadow: var(--vsenaauto-stin);
}
#sluzby.sluzby_ver2 .kosik_obsah,
#sluzby.sluzby_ver2 .kosik_top {
  border-color: var(--vsenaauto-zelena);
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks input.button_prepocitat_input {
  border-color: var(--vsenaauto-modra-4);
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content {
  background: var(--vsenaauto-modra-4);
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .counter_changer,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .remover.counter_changer {
  color: #fff;
  background: var(--vsenaauto-modra-4);
}
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .counter_changer:hover,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .remover.counter_changer:hover,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .counter_changer:active,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .remover.counter_changer:active,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .counter_changer:focus,
#sluzby.sluzby_ver2 .kosik_obsah .flex-ks .counter-content .remover.counter_changer:focus {
  background: var(--vsenaauto-cervena);
}
@media (max-width: 1150px) {
  #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 .selector_and_description {
    left: auto;
    right: 1rem;
    bottom: 1rem;
  }
  #sluzby.sluzby_ver2 .service_item span.label label {
    padding-left: 3.5rem;
  }
}
@media (max-width: 480px) {
  #sluzby.sluzby_ver2 .service_item span.label label span:after {
    margin-top: 0.2rem;
  }
  #sluzby.sluzby_ver2 #service_payment_7 {
    /* platba kartou online */
    min-height: calc(6rem + 11px);
  }
  #sluzby.sluzby_ver2 #service_payment_7 label span {
    max-width: 250px;
    text-wrap: balance;
  }
  #sluzby.sluzby_ver2 #service_payment_7 label span:before {
    height: 3rem;
  }
  #sluzby.sluzby_ver2 #service_payment_7 label span:after {
    background-size: auto 12px;
    height: calc(1.5rem + 12px);
  }
  #sluzby.sluzby_ver2 #service_payment_9 label span {
    max-width: 250px;
    text-wrap: balance;
  }
  #sluzby.sluzby_ver2 #service_payment_9 label span:before {
    height: 3rem;
  }
}
/* osobní údaje */
#osobni_udaje input {
  height: 2.6rem;
}
#osobni_udaje #formular-objednavka-tabulka h2,
#osobni_udaje #formular-objednavka-tabulka h2 span {
  font-size: 1.3rem;
}
#osobni_udaje #formular-objednavka-tabulka h2 {
  margin-top: 1.5em;
}
#osobni_udaje .obsah-sloupce {
  gap: 0.5rem;
  padding: 3rem 3rem 1.5rem 3rem;
  background: var(--vsenaauto-modra-1);
}
#osobni_udaje .obsah-sloupce input,
#osobni_udaje .obsah-sloupce textarea {
  width: 100%;
  padding: 0.6rem;
  font-size: 12px;
  border: 1px solid var(--vsenaauto-modra-4);
}
#osobni_udaje .povinne,
#osobni_udaje .nepovinne {
  align-items: flex-start;
}
#osobni_udaje .nadpis {
  font-size: 1rem;
  line-height: 3rem;
}
#osobni_udaje .hodnota {
  gap: 0;
  flex-flow: column;
  position: relative;
  align-items: flex-end;
  padding-bottom: 1.5rem;
}
#osobni_udaje .hodnota .js_input_warning {
  right: 0;
  bottom: 0;
  position: absolute;
}
#osobni_udaje .hodnota .vyplneno-ok {
  width: 1rem;
  background: var(--vsenaauto-zelena);
}
#osobni_udaje .hodnota .vyplneno-bad {
  width: 100%;
  color: #fff;
  text-align: right;
  padding-right: 2rem;
  background-color: var(--vsenaauto-cervena);
}
#osobni_udaje .hodnota .vyplneno-bad:before {
  left: auto;
  width: 0.75rem;
  right: 0.5rem;
  background: #fff;
}
#osobni_udaje .objednavka-sloupec .obsah-sloupce {
  gap: 0.5rem;
}
#osobni_udaje .nepovinne .nadpis {
  font-weight: normal;
}
#osobni_udaje input.odkaz-objednat {
  height: auto;
  padding: 2rem 6rem;
}
@media (max-width: 720px) {
  #osobni_udaje .objednavka-sloupec .obsah-sloupce,
  #osobni_udaje .povinne,
  #osobni_udaje .nepovinne,
  #osobni_udaje .table-poznamka,
  #osobni_udaje .hodnota {
    gap: 0;
  }
  #osobni_udaje .obsah-sloupce {
    padding: 1rem;
  }
  #osobni_udaje .nadpis {
    line-height: 2rem;
  }
}
/* osobní údaje ver2 */
#formular-objednavka-tabulka.objednavka_ver2 h2 input,
#formular-objednavka-tabulka.objednavka_ver2 h2 label {
  font-size: 1.3rem;
  line-height: 2rem;
}
#formular-objednavka-tabulka.objednavka_ver2 input.js_ridici_checkbox {
  margin-top: 0.25rem;
  border-color: #133044;
}
#formular-objednavka-tabulka.objednavka_ver2 input.js_ridici_checkbox:checked:after {
  background: var(--vsenaauto-cervena);
}
#formular-objednavka-tabulka.objednavka_ver2 .vyplneno-bad {
  font-size: 0.8rem;
  font-weight: bold;
}
#formular-objednavka-tabulka.objednavka_ver2 .js_odkaz_kopirovat {
  bottom: 0;
}
/* .js_validation */
#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 {
  background-color: var(--vsenaauto-modra-1);
  border: 1px solid var(--vsenaauto-modra-4);
}
#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(100% - (100px + 1rem));
}
#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: 1rem;
  flex-flow: row nowrap;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .js_input_warning {
  padding-left: 1.5rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .vyplneno-bad:before {
  left: auto;
  right: 0.5rem;
  width: 0.75rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka span.vyplneno-warning {
  width: 100%;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: right;
  padding-right: 2rem;
  background-color: var(--vsenaauto-oranzova);
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka span.vyplneno-warning:before {
  left: auto;
  right: 0.5rem;
  width: 0.75rem;
  background: #fff;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .nadpis {
  height: 3rem;
  display: flex;
  line-height: 1.5;
  align-items: center;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota .vyplneno-ok {
  padding: 0;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota .povinna_polozka:before {
  width: 1rem;
  --webkit-mask-size: contain;
  mask-size: contain;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota .js_odkaz_kopirovat {
  z-index: 1;
  padding-right: 0.5rem;
  background: var(--vsenaauto-modra-1);
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_telefon) span.vyplneno-warning,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_shop_dodaci_telefon) span.vyplneno-warning,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_telefon) span.vyplneno-bad,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_shop_dodaci_telefon) span.vyplneno-bad {
  width: calc(100% - (100px + 1rem));
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2,
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2 {
  margin-left: 3rem;
}
#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) {
  margin-left: calc(2.5rem - 20px);
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka p.obchodni-podminky {
  margin-top: 2rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .panel-objednat {
  margin-top: 1rem;
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka:has(.heureka-survey) .heureka-survey input#js_checkbox_heureka_dont_send_survey {
  border-color: var(--vsenaauto-seda);
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka:has(.heureka-survey) .heureka-survey input#js_checkbox_heureka_dont_send_survey:checked:after {
  background: var(--vsenaauto-cervena);
}
#osobni_udaje:has(.js_validation) #formular-objednavka-tabulka:has(.heureka-survey) p.obchodni-podminky {
  margin-top: 0;
}
@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;
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota .js_odkaz_kopirovat {
    padding: 0;
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_telefon) span.vyplneno-warning,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_shop_dodaci_telefon) span.vyplneno-warning,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_telefon) span.vyplneno-bad,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .hodnota:has(input#js_input_shop_dodaci_telefon) span.vyplneno-bad {
    width: calc(100% - (100px + 0.5rem));
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka input.js_ridici_checkbox {
    margin: 0;
  }
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .objednavka-sloupec h2,
  #osobni_udaje:has(.js_validation) #formular-objednavka-tabulka .table-poznamka h2 {
    margin-left: 1rem;
  }
  #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) {
    margin-left: 0;
    margin-bottom: 1rem;
  }
}
/* rekapitulace */
#dokoncena-objednavka {
  margin-top: 2rem;
}
#dokoncena-objednavka .nadpis_center {
  text-align: center;
}
#dokoncena-objednavka h2.nadpis_center {
  margin-top: 2rem;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_kusy,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_kusy {
  width: 100px;
}
#dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_cena_celkem,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  width: 150px;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah {
  height: 8rem;
  overflow: hidden;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .foto {
  align-items: flex-start;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .foto img {
  width: 100%;
  height: auto;
}
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_kusy,
#dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
  z-index: 2;
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah {
  height: auto;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_cena_celkem {
  width: 250px;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik_model span:after {
  background: #dfb953;
  -webkit-mask-size: contain;
  mask-size: contain;
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_service_16 span:after {
  -webkit-mask-image: url(vsenaauto/rychle-doruceni.svg);
  mask-image: url(vsenaauto/rychle-doruceni.svg);
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_service_2 span:after {
  -webkit-mask-image: url(vsenaauto/osobni-odber.svg);
  mask-image: url(vsenaauto/osobni-odber.svg);
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_payment_2 span:after {
  -webkit-mask-image: url(vsenaauto/platba-dobirkou.svg);
  mask-image: url(vsenaauto/platba-dobirkou.svg);
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_payment_6 span:after {
  -webkit-mask-image: url(vsenaauto/platba-hotove.svg);
  mask-image: url(vsenaauto/platba-hotove.svg);
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_payment_7 span:after {
  -webkit-mask-image: url(vsenaauto/online-kartou.svg);
  mask-image: url(vsenaauto/online-kartou.svg);
}
#dokoncena-objednavka #div-formular-kosik.tabulka-sluzby #order_payment_8 span:after {
  -webkit-mask-image: url(vsenaauto/faktura.svg);
  mask-image: url(vsenaauto/faktura.svg);
}
#dokoncena-objednavka .tabulka-recap {
  padding-right: 1rem;
}
#dokoncena-objednavka #comgate_obal .payment_text {
  color: var(--vsenaauto-zelena);
  text-align: center;
}
#dokoncena-objednavka #comgate_obal .payment_text.payment_red {
  color: var(--vsenaauto-cervena);
}
#dokoncena-objednavka #comgate_obal .comgate_grid {
  gap: 0;
  margin: 0;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_obal {
  width: fit-content;
  box-sizing: border-box;
  padding: 2rem 1rem 0.5rem 1rem;
  margin: 2rem auto 3rem auto;
  border: 3px solid var(--vsenaauto-zelena);
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button {
  padding: 0;
  border: none;
  background: #fff;
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button strong {
  display: none;
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button:hover,
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button:focus,
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button:active,
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button:checked {
  transition: 0.5s;
  background: var(--vsenaauto-modra-1);
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button.zaplatte_zde {
  border: none;
  color: #fff;
  display: block;
  transition: 0.5s;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: bold;
  width: fit-content;
  line-height: normal;
  background: var(--vsenaauto-cervena);
  padding: 0.8rem 1.6rem;
  margin: 0 auto 0.5rem auto;
  text-transform: uppercase;
}
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button.zaplatte_zde:hover,
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button.zaplatte_zde:active,
#dokoncena-objednavka #comgate_obal.payment_comgate .comgate_method button.zaplatte_zde:focus {
  transition: 0.5s;
  background: var(--vsenaauto-tmave-cervena);
}
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_obal {
  margin: 1rem 0 2rem 0;
}
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_grid {
  gap: 1rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_method button {
  gap: 0;
  background: #fff;
  padding: 1rem 1rem 0 1rem;
  border: 2px solid var(--vsenaauto-modra-1);
}
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_method button:hover,
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_method button:active,
#dokoncena-objednavka #comgate_obal.payment_comgate_wire .comgate_method button:focus {
  background: var(--vsenaauto-modra-1);
}
#dokoncena-objednavka h2.objednavka_prijata {
  text-align: center;
}
@media (max-width: 720px) {
  #dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_kusy,
  #dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_kusy {
    width: 40px;
  }
  #dokoncena-objednavka #div-formular-kosik .kosik_top .kosik_cena_celkem,
  #dokoncena-objednavka #div-formular-kosik .kosik-obsah .kosik_cena_celkem {
    width: 90px;
  }
  #dokoncena-objednavka #div-formular-kosik.tabulka-sluzby .kosik-obsah .kosik_cena_celkem {
    width: 130px;
  }
}
@media (max-width: 420px) {
  #dokoncena-objednavka #comgate_obal .comgate_obal {
    width: 100%;
  }
  #dokoncena-objednavka #comgate_obal .comgate_grid {
    width: 100%;
    flex-flow: column;
  }
}