body { user-select: text; background-color: white; }
.clear { clear: both; }

/*
.heading4 { line-height: 34px; }*/
.font-semibold { letter-spacing: .5px; }
.text-button { text-transform: uppercase; }
.text-uprava { color: #000; }
.button-main { background-color: #3ca332; padding: 17px 40px; border-radius: 10px; letter-spacing: 1px; }
.button-main:hover, .button-main.bg-white:hover { color: #fff; background-color: #078323; }
.button-oth { font-size: 14px; font-weight: 600; line-height: 20px; text-transform: uppercase; cursor: pointer; padding: 16px 40px; background-color: initial; border-radius: 12px; border: 1px solid black; display: inline-block; transition: all ease 0.4s; }
.button-oth:hover { color: #FFF; background-color: #000; }

.text { background-color: #c51e24; color: #FFF !important; padding: 3px 7px; border-radius: 5px; font-weight: 100; letter-spacing: .5px; text-transform: math-auto; white-space: nowrap; }
.text-sub-display { letter-spacing: 1px; text-transform:none;}

.bg-vlastni { background-color: #3ca332; }
.nadpis { color: #c51e24; background-color: #FFF; max-width: 450px; margin: 0 auto; }
.hlavni { color: #c51e24; }
.border-line.uprava { margin-bottom: -95px; }
strong { color: #555 !important; font-weight: 600; }

.linka { border-bottom: 1px solid #e9e9e9; margin-top: 25px; gap: 17px; }
.linky { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 40px 0; }
.skrtnuta {text-decoration-line: line-through; color: gray;}

.vyber { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.vyber a { font-size: 15px; font-weight: 600; line-height: 1.1em; border: 1px solid #E2E2E2; padding: 17px 24px; border-radius: 5px; transition: all .2s ease-in-out; }
.vyber a:hover { color: #000; border: 1px solid #000; }
a.volba { color: #000; border: 1px solid #000; }

a.odkaz { color: #A3C626 ; text-decoration: underline; }
a.odkaz:hover { text-decoration: none; }

.mt-15 { margin-top: 3.5rem; }
.mt-20 { margin-top: 4.5rem; }

.pt-0 { padding-top: initial; }
.pt-15 { padding-top: 3.5rem; }
.pt-20 { padding-top: 4.5rem; }
.pb-0 { padding-bottom: initial; }
.pb-15 { padding-bottom: 3.5rem; }
.pb-20 { padding-bottom: 4.5rem; }

.lh-up { line-height: 1.8em; }
.ph-dot { margin-left: -10px; }
.gap-20 { gap: 1.5rem 3.5rem; }

.mobil { display: none; }
.karta { max-width: 430px; background-color: #FFF; margin-left: 50px; padding: 45px; text-align: center; border-radius: 20px; opacity: .95; box-shadow: 0 4px 11px rgb(0 0 0 / 25%); }
.karta h1 { color: #c51e24; font-size: 0.4em; font-weight: bold; text-transform: initial; text-transform: uppercase; line-height: 1em; margin-top: -40px; margin-bottom: -25px; padding: 30px; padding-top: 5px; }
.karta h1 span { color: #000; font-size: .7em; font-weight: 400; line-height: 1.8em; }
.karta .text-display { font-size: 80px; line-height: 50px; }

.ikona img:first-child { margin-top: -25px; }
.ikony { max-width: 80px; margin-bottom: 20px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.07); }
.ikony.zmena { float: right; }

.blok:hover { opacity: .5; }

.get-it [class^="icon-"] { color: #3ca332; }

.custom-control-1 { display: inline-block; margin-bottom: 20px; }
.custom-control-1 p { text-align: center; margin-top: 5px; }
.custom-control-1 img { border: 1px solid transparent; cursor: pointer; }
.custom-control-1 .custom-control-input:checked~.custom-control-label img { border: 1px solid #191919; border-radius: 8px; }
.custom-control-1 .custom-control-input { position: absolute; z-index: -1; opacity: 0; }

.custom-control-2 { display: inline-block; }
.custom-control-2 label { display: inline-block; margin-bottom: .5rem; }
.custom-control-2 .custom-control-input { position: absolute; z-index: -1; opacity: 0; }
.custom-control-2 .custom-control-label { font-weight: 500; padding: 25px 20px; border-radius: 8px; background-color: #e5e5e5; margin-right: 5px; cursor: pointer; }
.custom-control-2 .custom-control-input:checked ~ .custom-control-label { background-color: #222; color: white; }

.video { padding: 30px 8rem; }
.video .title-sm { color: #222; font-size: 4.5rem; line-height: 1.1em; margin-bottom: 30px; }
.video .popisek { line-height: 2em; letter-spacing: .5px; }
.video span { color: #000; font-weight: bold; margin-right: 5px; }
.anim { margin-top: -205px; float: right; }
.anim video { background-color: white; padding: 7px; border-radius: 15px; }

.crosslink { margin-left: 20px; }
.crosslink li { list-style-type: disc; }
.odkazy a { text-decoration: none; color: #c51e24; }
.odkazy a:hover { text-decoration: underline; }
a.link { text-decoration: underline; }
a.link:hover { text-decoration: none; }

.anchor { top: -135px; position: relative; visibility: hidden; }
.anchor.uprava { top: -70px; }


/*.podminky .heading4 { font-size: 20px; }
.podminky .body1 { font-size: 16px; }
.podminky strong { color: #111 !important; }
.podminky ul { list-style-type: disc; font-size: 16px; line-height: 28px; font-weight: 400; margin: 15px 0; margin-left: 50px; }*/

.flags { line-height: 4em; text-align: center; margin-top: -10px; padding: 25px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.flags li { width: 210px; text-align: left; display: inline-block; }
.flags a { color: #1F1F1F; text-decoration: none; transition: all .2s ease-in-out; }
.flags a:hover { opacity: .6; box-shadow: none; }
.flags img { display: inline; vertical-align: middle; margin-right: 15px; border-radius: 50%; box-shadow: 0 2px 4px rgb(0 0 0 / 45%); }

.category > ul.splide__list {gap: 3rem; flex-wrap: wrap; justify-content: center;}
.category > ul.splide__list li.splide__slide {max-width: 100%;}
@media (min-width: 768px) {
	.category > ul.splide__list li.splide__slide {max-width: 22rem;}
}

.benefit-item .ph-light {color: #3ca332;}


/* -- responzivně --  */

@media (max-width: 1170px) {
.video { padding: 30px 3rem; }
.video .popisek { line-height: 2em; letter-spacing: initial; }
}

@media (max-width: 1023px) {
.logo { margin-left: initial; }
.karta { margin-top: 70px; }
.ikony, .ikony.zmena { float: none; margin: 0 auto; margin-bottom: 20px; }
.ikona img:first-child { margin-top: 0; }
.ikona { text-align: center; }
.ikona .flex { justify-content: center; }
.ikony.uprava { margin-top: 25px; }
.product-img.posun { margin-bottom: 35px; }
}

@media (max-width: 990px) {
.video { text-align: center; }
.video .popisek { line-height: 1.6em; }
.anim { float: none; margin-top: 40px; margin-bottom: 25px; }
.anim video { margin: 0 auto; }
}

@media (max-width: 767px) {
.order-1 { order: 1; padding-top: 25px; }
.pt-20.zmena { padding-top: 0; }
.karta { max-width: 350px; margin-top: 55px; }
.karta h1 { font-size: 0.3em; }
.karta .button-main { margin-top: 25px; }
.border-line.uprava { margin-top: -30px; padding-bottom: 85px; }
.button-main.zmena { text-align: center; margin: 0 auto; display: block; max-width: 280px; margin-top: 30px; }
.anchor { top: -95px; }
.anchor.uprava { top: -40px; }
.podminky .heading4 { line-height: 27px; margin-top: 30px; }
.podminky ul { font-size: 16px; line-height: 26px; margin-left: 35px; }
}

@media (max-width: 639px) {
.desktop { display: none; }
.mobil { display: block; }
.mobil { margin-top: 55px; }
.mobil h1 { font-size: 2.6em; font-weight: bold; text-transform: initial; line-height: 1.1em; margin-top: 30px; margin-bottom: 15px; }
.mobil h1 span { color: #c51e24; }
.mobil h1 br { display: none; }
}

@media (max-width: 476px) {
.vyber a { min-width: 290px; margin: 0 auto; text-align: center; }
.flags li { width: 190px; }
}

@media (max-width: 375px) {
.karta { max-width: 220px; margin-left: 0; padding: 45px 15px; }
}

/* --------------------------- */

input[type="text"], textarea { background-color: white;}
.heading2, .heading3, .heading4, .heading5, .heading6, .text-title { text-transform: initial; }

.menu-main .mega-menu li a {text-transform: none;}

.mb-0 {margin-bottom: 0;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-3 {margin-bottom: 0.75rem;}
.mb-4 {margin-bottom: 1rem;}
.mb-5 {margin-bottom: 1.25rem;}
.mb-6 {margin-bottom: 1.5rem;}
.mb-7 {margin-bottom: 1.75rem;}
.mb-8 {margin-bottom: 2rem;}

.modal-cart-block .modal-cart-main {width: 440px; left:auto;}
@media (max-width: 575.98px) {
	.modal-cart-block .modal-cart-main {width: calc(100% - 40px);}
}

#menu-mobile a.logo img {max-height:32px;}
#menu-mobile.open .list-nav > ul > li:nth-child(7) {transition-delay: 1.2s;}

.ps-product__color {display: flex; flex-wrap: wrap;}
.ps-product__color > div {text-align: center;}

div.content h2 {margin:2rem 0 1rem 0; font-size: 20px; color: #c51e24; text-transform: initial; font-weight: 600;}
div.content h3 {margin:1rem 0 0.5rem 0; color: #c51e24; font-weight: 600;}
div.content p {margin:1rem 0 0.5rem 0; }

img.logo-dopravce {max-height:100px; max-width: 250px;}


.list-brand {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30px, 62px));
	gap: 1em;
	justify-content: center;
	align-items: center;
}