* {font-family:var(--font-primary); font-size:var(--font-size-small); line-height:var(--line-height);}
body {font-family:var(--font-primary); font-size:var(--font-size-primary); font-weight:var(--font-weight-400); background:var(--back-body); display:flex; flex-flow:column nowrap; margin:0 auto; color:var(--color-font);}

h1, h2, h3 {font-family:var(--font-headers); line-height:var(--line-height);}
h1 {font-size:var(--font-size-header-h1); font-weight:var(--font-weight-600);}
h2 {font-size:var(--font-size-header-h2); font-weight:var(--font-weight-500);}
h3 {font-size:var(--font-size-header-h3); font-weight:var(--font-weight-500);}
a {text-decoration: none;}
a.thickbox {display: block;}

.material-icons-outlined {font-family:var(--font-icons); font-size:var(--font-size-header-h3);}

/* Infolišta */

#max-infolista {display:flex; position:fixed; width:100%; background:var(--back-info); color:var(--color-info); height:30px; z-index:12;}
#max-infolista>div {display:flex; justify-content:space-between; align-content:center; align-items:center; width:var(--width-main); margin:0 auto;}
#informacni_lista_soc_site {display:flex;}
#informacni_lista_soc_site svg {color: var(--color-info);}
#informacni_lista_link_facebook, #informacni_lista_link_twitter, #informacni_lista_link_instagram {display:flex; margin-right:5px;}
#informacni_lista_link_facebook a, #informacni_lista_link_twitter a, #informacni_lista_link_instagram a {font-size:20px;}
#informacni_lista_link_facebook a:before {color:var(--color-info);}
#informacni_lista_link_twitter a:before {color:var(--color-info);}
#informacni_lista_link_instagram a:before {color:var(--color-info);}
#informacni_lista_text {display:flex; align-content:flex-start; color:var(--color-info); font-size: var(--font-size-primary);}
#informacni_lista_clanky {display:flex; align-content:flex-start; background:var(--back-info); color:var(--color-info); padding:2px 10px;}
#informacni_lista_clanky a {color:var(--color-info); padding:5px 10px; font-size: var(--font-size-primary);}
#informacni_lista_clanky .horni_lista_clanek {border-right:1px solid var(--color-other);}
#informacni_lista_clanky .horni_lista_clanek:last-child {border-right:none;}
#informacni_prihlaseni_uzivatele {display:flex; align-items:center; height:100%; padding:0 10px; cursor:pointer;}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni {display:flex; visibility:hidden; position:absolute; top:30px; background:var(--back-info); padding:5px 10px;}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit {height: 100%}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit_text {height: 100%; display:flex; align-items:center; cursor:pointer; font-size: var(--font-size-primary);}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit_text:before {font-family:var(--font-icons); content:"\e7ff"; color:var(--color-info); font-size:20px; padding-right:2px;}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit:hover + .skryte_prihlaseni {visibility:visible;} 
#informacni_prihlaseni_uzivatele .skryte_prihlaseni:hover {visibility:visible;}
#informacni_prihlaseni_uzivatele .tlacitko_registrovat {display:flex; align-items:center; padding:5px;}
#informacni_prihlaseni_uzivatele .tlacitko_registrovat_text {display:flex; align-items:center;}
#informacni_prihlaseni_uzivatele .tlacitko_registrovat_text a:before {font-family:var(--font-icons); content:"\e897"; color:var(--color-info); font-size:20px; padding-right:5px;}
#informacni_prihlaseni_uzivatele .tlacitko_registrovat_text a {display:flex; align-items:center; color:var(--color-info); font-size: var(--font-size-primary);}
#informacni_lista_mena {display:flex; align-items:center;}
#informacni_lista_mena:before {font-family:var(--font-icons); content:"\eb70"; color:var(--color-info); font-size:18px; padding-right:5px;}
#informacni_lista_kosik {height: 100%;}
#informacni_lista_kosik > a {height: 100%; display: flex; align-items: center;}
#informacni_lista_kosik a {color:var(--color-info);}
#informacni_lista_kosik .kosik_cena {display:flex; align-items:center; cursor:pointer; font-size:var(--font-size-header-h3); font-weight:var(--font-weight-500);}
#informacni_lista_kosik .kosik_cena:before {font-family:var(--font-icons); content:"\e8cc"; color:var(--color-info); font-size:20px; padding-right:5px;}

#informacni_lista_kosik .kosik_skryty {display: flex; visibility: hidden; position: absolute; background:var(--back-main); right: calc((100% - 1200px) / 2); padding: 10px; color:var(--color-font); box-shadow: 1px 1px 4px silver; top: 30px; max-width:300px;}
#informacni_lista_kosik .kosik_skryty a {color:var(--color-font);}
#informacni_lista_kosik .kosik_skryty table {border-collapse: collapse;}
#informacni_lista_kosik .kosik_skryty .kosik_zobrazit td {text-align:center;}
#informacni_lista_kosik .kosik_skryty .kosik_zobrazit a {background: var(--back-menu-light); color: var(--color-info); padding: 6px 8px; display: inline-block; margin-top: 10px;}
#informacni_lista_kosik .kosik_skryty .kosik_zbozi td {padding: 6px 10px; border-bottom: 1px solid var(--line-color);}
#informacni_lista_kosik .kosik_skryty .kosik_zbozi td:last-child {text-align:right;}
#informacni_lista_kosik .kosik_skryty .kosik_celkem td {font-weight: 600; padding: 6px 10px; background: var(--back-body);}
#informacni_lista_kosik .kosik_skryty .kosik_celkem td:last-child {text-align:right;}

#informacni_lista_kosik .lista_kosik:hover + .kosik_skryty {visibility:visible;}
#informacni_lista_kosik .kosik_skryty:hover {visibility:visible;}

/* HlaviÄŤka */

#max-header {display:flex; margin-top:30px; height:100px; background:var(--back-header); color:var(--color-header);}
#header {display:flex; width:var(--width-main); margin:0 auto; justify-content: space-between; align-items: center;}
#header a {display:flex; color:var(--color-header);}
#header .hlavicka_logo {display:flex; align-items:center;}
#header .hlavicka_logo img {display:flex; max-height:90px; max-width:200px; margin-right:20px;}
#header #baner {display:flex; flex-direction: column;}
#header #baner span {display: flex; font-size: 15px; font-weight: 700;}
#header #baner span.material-icons-outlined {display: flex; font-size: 30px; margin-bottom: 5px}
#header #baner h2 {margin:0; color:var(--color-font);}
#header #baner h3 {margin:0; color:var(--color-font-light);}

#header #max-search {width: 500px;}
#header #max-search .text {width: 75%; padding: 6px 15px; border-radius: 10px 0 0 10px; border: 2px solid rgba(0,0,0,0.2); font-size: 16px; border-right: none;}
#header #max-search .button {width: 25%; min-width:85px; font-size: 18px; font-weight: 700; border-radius: 0 10px 10px 0;}
#header #max-search .text:focus-visible {outline:none; border-color: var(--back-menu-light);}

/* HornĂ­ menu */

#max-menu {display:flex; justify-content:left; background:var(--back-menu); z-index:10;}
#max-menu.menu-skryte {display: none;}
#menu_login {display:flex; flex-flow:row-reverse;}
#menu {display:flex; justify-content: space-between; align-items:center; min-height:40px; width:var(--width-main); margin:0 auto;}

.level_0 > .vyjizdeci_menu_ul_raw {width:var(--width-main); margin:0 auto; left: 0; right: 0;}
.vyjizdeci_menu {list-style:none; display:flex; margin:0; padding:0; flex-flow: row wrap;}
.vyjizdeci_menu>li {padding: 0 20px 0 0; display:block;}
.vyjizdeci_menu li a {display:flex; font-size:var(--font-size-header-h3); color:var(--color-menu); line-height:var(--line-height);}

.vyjizdeci_menu li.level_0>div {display:none; position: absolute; background:var(--back-menu-light);}
.vyjizdeci_menu li.level_0 a span.menu_text {font-size: var(--font-size-header-h2); line-height:40px;}
.vyjizdeci_menu li.level_0 a span.material-icons-outlined {font-size: 26px; line-height: 40px; opacity: 0.75; padding-right: 5px;}
.vyjizdeci_menu li.level_0 .vyjizdeci_menu_ul_raw ul {display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding: 20px; width: 1160px;}

.vyjizdeci_menu li.level_1 {margin:0; padding:0; list-style:none;}
.vyjizdeci_menu li.level_1 a {border-bottom: 1px solid rgba(255,255,255,0.25); margin: 0 10px; padding: 5px 10px;}
.vyjizdeci_menu li.level_1 a span.menu_text {font-size:var(--font-size-header-h3); line-height:var(--line-height-more);}
.vyjizdeci_menu li.level_1 a span.material-icons-outlined {font-size:var(--font-size-header-h3); line-height:var(--line-height-more); opacity: 0.75; padding-right: 5px;}
.vyjizdeci_menu li.level_1 .vyjizdeci_menu_ul_raw {position:relative;}
.vyjizdeci_menu li.level_1 .vyjizdeci_menu_ul_raw ul {display:flex; flex-direction:column; padding:10px 20px; width:auto;}
.vyjizdeci_menu li.level_1 .vyjizdeci_menu_ul_raw ul a {border-bottom:none; margin:0; padding:3px 0;}

.vyjizdeci_menu li.level_2 {list-style: none;}
.vyjizdeci_menu li.level_2 a span.menu_text {font-size:var(--font-size-primary);}

/* ikony v menu */
img.menu_icon {max-width:60px;}
#cssmenu .menu_icon, #respo-menu .menu_icon {display:none;} 

.menu_search #hledani .text {width: calc(100% - 30px); margin: 0px 5px 0 0; border: none; padding: 4px 10px; font-size: var(--font-size-primary);}
.menu_search #hledani .text:focus-visible {outline:none; border-color: var(--back-menu-light);}

/* Horní menu - všechny prvky mimo vyjížděcí menu */

#menu .jazyk_wrap a img {margin-right:5px;}
#menu .menu_clanky {display: flex; flex-direction: row;}
#menu .menu_clanky .clanek a {color: var(--color-menu); font-size: var(--font-size-primary); padding:0 10px; border-right:1px solid rgba(255,255,255,0.5);}
#menu .menu_clanky .clanek:last-child a {border-right:none;}
#menu .menu_kosik a {color: var(--color-menu); font-size: var(--font-size-primary); font-weight: var(--font-weight-500);}

#menu #menu_login .registrace {display: flex; align-items: center; margin-left: 10px;}
#menu #menu_login .registrace a {color: var(--color-menu); font-size: var(--font-size-small); padding: 3px 8px; background: var(--back-menu-light);}
#menu #menu_login #prihlasen {color: var(--color-info); font-size: var(--font-size-primary); font-weight: var(--font-weight-600);}
#menu #menu_login #prihlasen span {color: var(--color-info); font-size: var(--font-size-primary); font-weight: var(--font-weight-400);}

#menu .menu_search #search {min-width: 150px;}

/* Main */

#main {background:var(--back-main); width:var(--width-main); display:flex; justify-content:space-between; margin: 30px auto;}
#content {display:flex; justify-content:space-between; flex: 1 1 auto;}

/* Main - oba panely */

#content-left h2:before, #content-right h2:before {font-family:var(--font-icons); content:"\e5cc"; color:var(--color-menu);}
#content-left h2, #content-right h2 {background:var(--back-menu); color:var(--color-menu); padding:0 10px; font-size: var(--font-size-header-h3); font-weight: var(--font-weight-300);}

/* Main - LevĂ˝ panel */

#content-left {display:flex; flex-direction:column; flex:0 0 20%;}
#content-left > div {padding:15px;}
#content-left div h2 {margin: 0 0 10px 0; padding: 6px 10px; display: flex; align-content: center;}

/* Main - Levý panel - Hledání */

#hledani {position: relative;display:flex; width:calc(100% - 20px); margin:0 auto;}
#blok_hledani #hledani .text {width: calc(100% - 30px); margin: 0px 5px 0 0; border: 1px solid rgba(0,0,0,0.2); padding: 4px 10px; font-size: var(--font-size-primary);}
#blok_hledani #hledani .text:focus-visible {outline:none; border-color: var(--back-menu-light);}
#hledani .button {width: 20%; background: var(--back-menu); border: none; color: var(--color-menu); cursor: pointer;}

.naseptavac {position: absolute;background: var(--back-body); color: var(--color-font); top: 40px; z-index: 11; width: calc(100% - 30px); padding: 10px; left: 5px;}
.naseptavac .title {margin: 5px 0px 10px 0; border-bottom: 1px solid var(--line-color); padding: 5px 0; font-weight: var(--font-weight-500);}
.naseptavac a, #header .naseptavac a {color: var(--color-font);}
.naseptavac .kat, .naseptavac .zbozi {display: flex; flex-flow: column}
.naseptavac .kat a {padding-bottom:5px;}
.naseptavac .zbozi a {display: flex; flex-flow: row; justify-content: normal; align-items: center; margin: 3px 0;}
.naseptavac .zbozi a span.nazev {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500);}
.naseptavac .zbozi a span.cena {margin-left:auto; flex: 0 0 auto;}
.naseptavac .zbozi .img{width: 10%; margin-right: 5px;}
.naseptavac .zbozi .img .nahled {width: 100%}

#blok_hledani .naseptavac {top: 32px; width: calc(100% - 20px); left: 0px; border-radius: 0;}
#blok_hledani .naseptavac * {font-size:calc( var(--font-size-small) - 1px);}
#blok_hledani .naseptavac .title {margin: 0 0 5px 0;}
#blok_hledani .naseptavac .zbozi a .nahled {display:none;}


/* Main - LevĂ˝ panel - Menu */

#respo-menu {margin-bottom: 30px;}
#cssmenu ul , #respo-menu ul {list-style-type:none; padding:0; width: 100%;}
#cssmenu ul > li , #respo-menu ul > li{padding: 5px 5px 5px 10px; background: var(--back-body); margin-bottom: 5px;}

#cssmenu > ul > li > a, #respo-menu > ul > li > a, .has-sub-more ul li a {display:block; background:var(--back-body); width: calc(100% - 25px);}
#cssmenu > ul > li > a, #respo-menu > ul > li > a{display: flex; align-items: center; padding:6px 10px; width: calc(100% - 20px);}
#cssmenu > ul > li > a > span.material-icons-outlined, #respo-menu>ul>li>a>span.material-icons-outlined{font-size: 18px; line-height: 20px; opacity: 0.75; padding-right: 5px; color: gray;}
#cssmenu > ul > li > a > span.menu-text, #respo-menu > ul > li > a > span.menu-text {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500); color: var(--color-font);}

#cssmenu ul > li ul > li, #respo-menu ul > li ul > li {padding: 8px 0 0 0; margin:0;}

.menu-more {cursor:pointer; font-size: 25px; line-height: 1; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.has-sub-more {display:none;} /* ošetření přidání paddingu pro podkategorie */

#cssmenu .sub-text a, #respo-menu .sub-text a {display:flex; align-items:center; width: calc(100% - 25px);}
#cssmenu .sub-text .menu-more, #respo-menu .sub-text .menu-more {display:block; width:25px;}
#cssmenu .sub-text .menu-text, #respo-menu .sub-text .menu-text {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500); color:var(--color-font);}

#cssmenu ul > li ul > li ul , #respo-menu ul > li ul > li ul{margin:0 0 8px 0;}
#cssmenu ul > li ul > li .sub-text a > span.menu-text, #respo-menu ul > li ul > li .sub-text a > span.menu-text{font-size: var(--font-size-primary); line-height: var(--line-height); font-weight: var(--font-weight-400); color: var(--color-font);}
#cssmenu ul > li ul > li .sub-text > span.menu-more, #respo-menu ul > li ul > li .sub-text > span.menu-more {width:25px; color: var(--color-font-light); line-height: 0.7;}

#cssmenu ul > li ul > li ul > li .sub-text a > span.menu-text, #respo-menu ul > li ul > li ul > li .sub-text a > span.menu-text {font-size: var(--font-size-small); font-weight: var(--font-weight-400); color: var(--color-font-light);}
#cssmenu ul > li ul > li ul > li .sub-text > span.menu-more, #respo-menu ul > li ul > li ul > li .sub-text > span.menu-more {width:25px; color: var(--color-font-light); line-height: 0.7;}

#respo-menu-wrap .clanek.respo-div {background: var(--back-body);padding: 2vw;margin-bottom: 5px;}
#respo-menu-wrap .clanek.respo-div a {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500); color: var(--color-font); text-decoration: underline;}

/* Main - Levý panel - Obsah košíku */

#blok_kosik .kosik_prazdny {text-align:center;}

#blok_kosik .kosik_nahled {margin: 15px 0 0 0; border-collapse: collapse; width:100%;}
#blok_kosik .kosik_nahled .kosik_zbozi td {padding: 6px 0; border-bottom: 1px solid var(--line-color);}
#blok_kosik .kosik_nahled .kosik_zbozi td a {color: var(--color-font);}
#blok_kosik .kosik_nahled .kosik_zbozi td:first-child {padding:6px 0 6px 10px;}
#blok_kosik .kosik_nahled .kosik_zbozi td:last-child {padding:6px 10px 6px 0; text-align:right;}
#blok_kosik .kosik_nahled .kosik_zbozi:last-of-type td {border-bottom: none;}

#blok_kosik .kosik_nahled .kosik_celkem td {font-weight: 600; padding: 6px 10px; background: var(--back-body);}
#blok_kosik .kosik_nahled .kosik_celkem td:last-child {text-align:right;}

#blok_kosik .kosik_nahled .kosik_zobrazit td {padding: 6px 0; text-align:center;}
#blok_kosik .kosik_nahled .kosik_zobrazit td a {background: var(--back-menu-light); color: var(--color-menu); padding: 6px 8px; display: inline-block; margin-top: 5px;}

/* Main - Levý panel - Seznam článků */

#blok_seznamclanku .clanek {padding: 6px 10px; border-bottom: 1px solid var(--line-color);}
#blok_seznamclanku .clanek:last-child {border-bottom: none;}
#blok_seznamclanku .clanek a {font-weight: var(--font-weight-400); color: var(--color-font);}

/* Main - PravĂ˝ panel */

#content-right {display:flex;flex-direction: column;align-items: center; flex: 0 0 20%;}
#content-right > div {padding: 15px; width: calc(100% - 30px);}
#content-right div h2 {margin: 0 0 10px 0; padding: 6px 10px; display: flex; align-content: center;}

/* Main - PravĂ˝ panel - UĹľivatelskĂ˝ panel */

#content-right > #blok_uzivatel {padding:0; margin: 15px;}
#content-right > #blok_uzivatel h2 {margin:0px; background: var(--back-info);}
#blok_uzivatel .box {background: var(--back-body); margin:10px 0 0 0;}
#blok_uzivatel .box div {padding: 8px 10px; border-bottom: 1px solid var(--line-color);}
#blok_uzivatel .box div:last-child {border-bottom: none;}
#blok_uzivatel .box div a {font-weight: var(--font-weight-500); color: var(--color-font); font-size: var(--font-size-primary);}

/* Main - Pravý panel - Oblíbené */

#blok_oblibene .oblibene {padding: 6px 10px; border-bottom: 1px solid var(--line-color);}
#blok_oblibene .oblibene:last-child {border-bottom: none;}
#blok_oblibene .oblibene a {font-weight: var(--font-weight-400); color: var(--color-font);}
#blok_oblibene .kosik_prazdny {padding: 6px 10px;}

/* Main - Pravý panel - výpisy produktů (Nové zboží, Nejprodávanější, Zboží v akci, Novinky, Náš tip) */

.vakci {padding: 6px 10px; border-bottom: 1px solid var(--line-color); display:flex; flex-direction: row;}
.vakci:last-child {border-bottom: none;}

.vakci .vakci_img {width: 50px; width: 50px; margin-right:10px;}
.vakci .vakci_img img {width:50px; max-height:50px;}

.vakci .vakci_popis .vakci_nazev {display:flex;}
.vakci .vakci_popis .vakci_nazev a {font-size: var(--font-size-small); line-height: var(--line-height); font-weight: var(--font-weight-400); color: var(--color-font); padding-bottom:5px;}

.vakci .vakci_popis .vakci_cena {display:flex; color: var(--back-menu-light); font-weight: var(--font-weight-500); font-size: var(--font-size-primary);}

.dalsi_nejprodavanejsi {padding: 6px 0; text-align: center;}
.dalsi_nejprodavanejsi span a {background: var(--back-menu-light); color: var(--color-menu); padding: 6px 8px; display: inline-block; margin-top: 5px;}

/* Main - Pravý panel - Rychlé hledání */

#blok_rychle_hledani .rychle_hledani {padding: 6px 10px; border-bottom: 1px solid var(--line-color);}
#blok_rychle_hledani .rychle_hledani:last-child {border-bottom: none;}
#blok_rychle_hledani .rychle_hledani a {font-weight: var(--font-weight-400); color: var(--color-font);}

/* Main - Panel - VlastnĂ­ boxy */

#blok_vlastni1 p, #blok_vlastni2 p, #blok_vlastni3 p, #blok_vlastni4 p {padding:5px 10px;}

/* Main - Center obsah */

#content-center {display: flex; flex-flow: column; flex: 1 1 auto; padding:15px;}
#center-titulek {display: flex; flex-flow: column;}
#center-titulek .crumbs {padding: 5px 0;}
#center-titulek .crumbs a, #center-titulek .crumbs span {color:gray;}

#content-center h1 {margin:20px 0 0 0;}

/* Main - Center obsah - Slider */

.theme-default .nivoSlider {border: 1px solid var(--line-color);}
.theme-default .nivo-caption {background:transparent !important; z-index:auto;}

/* Main - Center obsah - Drobečková navigace a popis kategorie */

#main .crumbs a, #main .crumbs span {color:var(--color-font-light);}
#info_kat {line-height:var(--line-height-more);}

/* Main - Center obsah - Filtrování a řazení zboží */

#filtrovani {background: var(--back-body); margin:20px 0 0 0; padding:15px;}
#filtrovani .filtrovani_nadpis {cursor: pointer; font-size: var(--font-size-primary); line-height:var(--line-height); font-weight: var(--font-weight-500);}

#filtrovani form > div {display: flex;flex-flow: row; justify-content: space-between; align-items: center; margin: 10px 0;}
#filtrovani form > div span.text {flex: 0 0 10%;}
#filtrovani form > div .inner {flex: 1 1 auto; margin: 5px 0px;}

#filtrovani div.text input {border: 1px solid var(--border-input); padding: 4px 10px; font-size: var(--font-size-primary); width: calc(100% - 20px);}
#filtrovani div.od-do {align-items: flex-start;}
#filtrovani div.od-do span.text{margin-top: 5px;}
#filtrovani div.od-do .inner {display: flex; align-items: center; justify-content: flex-end; flex-flow: column;}
#filtrovani div.od-do .inner .slider {width: calc(100% - 20px);}
#filtrovani div.check {align-items: flex-start;}
#filtrovani div.check span.text {margin-top: 5px;}
#filtrovani div.check .inner {display: grid; grid-template-columns: 25% 25% 25% 25%;}
#filtrovani div.check .inner .half label a {color:var(--color-header);}

#filtrovani .last {margin: 0;justify-content: center;}
#filtrovani .button.advbutton {background: var(--back-menu); color: var(--color-info); border: none; padding: 5px 20px; cursor: pointer; margin-top: 10px; font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500);}

#razeni-zobrazeni {display:flex; flex-direction:row; justify-content: space-between; background: var(--back-body); padding: 10px 15px; margin:10px 0 20px 0;}

#razeni-zobrazeni #razeni {display:flex;}
#razeni-zobrazeni #razeni div {display:flex; align-items: center; margin-right:10px;}
#razeni-zobrazeni #razeni div>span {font-size:var(--font-size-primary); font-weight:var(--font-weight-500); margin-right:5px;}

#razeni-zobrazeni #zobrazeni {display:flex;}
#razeni-zobrazeni #zobrazeni div {margin-left:5px;}
#razeni-zobrazeni #zobrazeni div span {font-size:22px; color:var(--color-font-light);}
#razeni-zobrazeni #zobrazeni div.active span {font-size:22px; color:var(--color-font);}

/* Main - Center obsah - Hledani*/
#content-center .vyhledano h1 {margin-top:0px;}
#content-center .vyhledano .vyhledano_hlavicka span {display: block; font-size: var(--font-size-header-h2); margin: 20px 0 10px;}
#content-center .vyhledano .vyhledano_obsah_kat {display: flex; flex-direction: column;}
#content-center .vyhledano .vyhledano_obsah_kat a {font-size: var(--font-size-header-h3); color: var(--back-menu); padding: 3px 0;}

/* Main - Center obsah - Výpis do boxů */

.products {display:flex; flex-flow: row wrap; justify-content: flex-start; gap: 10px;}
.vypis_item {display: grid; grid-template-columns: auto; grid-template-areas: 'obrazek' 'nazev' 'info_ikona' 'popisek' 'formkosik'; align-content: space-between; margin: 0; padding: 2%; border: 2px solid rgba(0,0,0,0.05);}

.vypis_item .info_ikona {grid-area: info_ikona; margin: 0 0 5px 0;}

.vypis_item .nazev {grid-area: nazev;}
.vypis_item .nazev h2 {margin:0 0 1vw 0;}
.vypis_item .nazev a {color: var(--color-font);}

.vypis_item .obrazek {grid-area: obrazek; display: flex; margin:0; height: 15vw;}
.vypis_item .obrazek a {display: flex; margin: 0 auto; align-items: center; justify-content: center;}
.vypis_item .obrazek a div {display: flex !important; align-items: center; justify-content: center; height: 100%;}

.vypis_item .popisek {grid-area: popisek;}
.vypis_item .popisek p {margin: 5px 0;}

.vypis_item .obsah {display: flex; flex-direction: column; flex: 1; justify-content: space-between; margin: 10px 0}
.vypis_item .obsah .nazev_a_popis {display: flex; flex-direction: column;}
.vypis_item .obsah .nazev_a_popis .nadpis_zbozi {font-size:var(--font-size-header-h2); line-height:var(--line-height); margin: 0; color: var(--color-font);}
.nazev_a_popis .popisek {color:var(--color-font-light);}

.vypis_item .formkosik {grid-area: formkosik; margin:10px 0 0 0; display: flex; flex-direction: row; justify-content:space-between; align-items: center; background: var(--back-body); padding: 5px 10px;}
.vypis_item .formkosik .skladem {display: flex;}
.vypis_item .formkosik .cena {display: flex; font-size: var(--font-size-header-h3);}
.vypis_item .formkosik .cena span {display: flex; align-items: end; font-weight: var(--font-weight-400); padding-left: 5px;}
.vypis_item .formkosik .kosikpridej {display: flex;}
.vypis_item .formkosik .kosikpridej button {background: var(--back-menu-light); color: var(--color-menu); border:none; padding: 6px 10px 4px 10px; cursor:pointer; font-weight: var(--font-weight-500);}

.info_ikona {display:flex; justify-content: flex-start;}
.info_ikona_akce, .info_ikona_tip, .info_ikona_novinka {background: var(--back-menu-light); font-size: var(--font-size-small); line-height: var(--line-height); font-weight: var(--font-weight-500); padding: 4px 10px; margin: 0 2px; color: var(--color-menu); display:flex; align-items: center;}

.vypis_item .hlavni_obrazek_rozmer {max-width: 90%; max-height: 90%;}

/* strankovani */
.pagination {display: flex; flex-flow: row; justify-content: space-between; padding: 10px; color: var(--color-font-light);}
.pagination a {color: var(--color-font);}

/* v1 = zobrazenĂ­ v jednom radku */
.v1 {grid-template-areas: 'obrazek nazev' 'obrazek info_ikona' 'obrazek popisek' 'obrazek formkosik'; grid-template-columns: 25% 75%; flex: 0 0 calc(96% - 4px); justify-content: space-between;}
.v1 .obsah {flex: 0 0 75%; justify-content: space-between; display: flex; flex-flow: column;}
.v1 .obrazek {flex: 0 0 23%; max-height: none; height: auto;}
.v1 .popisek p {margin: 0px;}
.v1 .formkosik{display: flex; justify-content: space-between;}
.v1 .info_ikona {margin: 0 2% 10px 2%;}
.v1 .info_ikona_akce, .vypis_item.v1 .info_ikona_tip, .vypis_item.v1 .info_ikona_novinka {padding:2px 10px;}
.v1 .hlavni_obrazek_rozmer{max-width: 150px;}

/* v2 = zobrazenĂ­ dva sloupce */
.v2 {flex: 0 0 calc(46% - 9px);}
.v2 .obrazek {align-items: center; max-height: 10vw;}
.v2 .obrazek a {height: 100%; width: 100%;}

/* v3 = zobrazeni tri sloupce */
.v3 {flex: 0 0 calc(29% - 9px);}
.v3 .formkosik .kosikpridej button {padding: 5px 12px;}
.v3 .formkosik .kosikpridej button span {font-size:0px;}
.v3 .formkosik .kosikpridej button span:before {font-family: var(--font-icons); content: "\e8cc"; color: var(--color-menu); font-size: var(--font-size-header-h3);}

/* v4 = zobrazeni ctyri sloupce */
.v4 {flex: 0 0 calc(21% - 14px);}
.v4 .formkosik {flex-flow: row;}


/* Main - Center obsah - Výpis do seznamu */

.products.seznam {flex-flow:column; justify-content:flex-start;}

.products.seznam .seznam-titles {display:flex; flex-direction:row; justify-content:space-between; border-bottom: 1px solid var(--line-color); padding: 6px 10px;}
.products.seznam .seznam-titles .seznam-title {flex:0 0 auto; color: var(--color-font-light);}
.products.seznam .product div {flex:0 0 auto;}

.products.seznam .product {display:flex; flex-direction:row; justify-content:space-between; border-bottom: 1px solid var(--line-color); padding: 6px 10px;}
.products.seznam .product div {display: flex; align-items: center;}

.products.seznam .seznam-titles .nazev {flex:0 0 40%; color: var(--color-font-light);}
.products.seznam .product .nazev {flex:0 0 40%;}
.products.seznam .product .nazev a {font-size: var(--font-size-primary); line-height: var(--line-height); font-weight: var(--font-weight-600); color: var(--color-font);}

.products.seznam .seznam-titles .cena {display:flex; flex:1 0 10%; color: var(--color-font-light); justify-content: flex-end;}
.products.seznam .product .cena {flex:1 0 10%; justify-content: flex-end;}
.vakci .vakci_popis .vakci_cena span {display: flex; align-items: end; font-weight: var(--font-weight-400); padding-left: 5px;}

.products.seznam .seznam-titles .empty {flex:0 0 20%;}
.products.seznam .product .koupit {flex:0 0 20%; justify-content: flex-end;}
.products.seznam .product .koupit form p {margin:0;}
.products.seznam .product .koupit input.ks {border: 1px solid var(--border-input); padding: 4px; text-align:center;}
.products.seznam .product .koupit input.plus {background: var(--back-menu-light); color: var(--color-menu); border: none; padding: 6px 10px 4px 10px; cursor: pointer;}


/* Detail zboží */

.zbozi-wrap {display: grid; grid-template-areas: "img top" "img text"; grid-template-columns: 40% 60%; margin:20px 0;}

.zbozi-wrap .zbozi-obrazky {grid-area: img;}
.zbozi-wrap .zbozi-obrazky > a {padding: 30px 15px 15px 15px; text-align: center;}
.zbozi-wrap .zbozi-obrazky .hlavni_obrazek_rozmer {width: 200px;}

.zbozi-wrap .ostatni_obrazky {grid-area: img; padding: 30px; text-align:center;}
.zbozi-wrap .ostatni_obrazky a {display:inline-block; border: 2px solid rgba(0,0,0,0.05); margin:0 5px;}
.zbozi-wrap .ostatni_obrazky a .dalsi_obrazek_rozmer {height: 50px; padding: 10px; width: auto;}

.zbozi-wrap .popisky-horni {display:grid; background: var(--back-body); padding: 20px 20px; grid-template-areas: "id oblibene" "kosik kosik";}
.zbozi-wrap .popisky-horni .id_zbozi {grid-area: id; color:var(--color-font-light);}
.zbozi-wrap .popisky-horni .zapamatovat_ {grid-area: oblibene; text-align:right;}
.zbozi-wrap .popisky-horni .zbozi-kosik {grid-area: kosik; margin-top: 10px;}
/* Varianty zboží -staré */
.zbozi-wrap .popisky-horni {grid-template-areas: "id  oblibene" "kosik kosik" "dalsi dalsi";}
.zbozi-wrap .popisky-horni .dalsi_ {grid-area: dalsi;}
.zbozi-wrap .popisky-horni .dalsi_ > span {font-size: var(--font-size-header-h3); margin: 10px 0; display: flex; padding-bottom: 10px; border-bottom: 1px dashed silver;}
.zbozi-wrap .popisky-horni .dalsi_ input[type=button] {border-radius: 5px; border: none; background: var(--back-menu-light); color: var(--color-menu); padding: 7px 15px; font-weight: var(--font-weight-600); cursor: pointer; margin-top: 5px; text-transform: uppercase;}

.zbozi-wrap .popisek {grid-area: text; display: block;}


.vypsat_vyrobky .popisek .par {display: inline;}
.vypsat_vyrobky .popisek > div {margin: 10px 0;}


.pridejbtn {display: flex; flex-flow: row; align-items: center;}
.pridejbtn .t1 span, .pridejbtn .t1 span s {font-size:var(--font-size-header-h2);}
.pridejbtn .t2 {margin-left: auto; margin-right: 10px;}
.pridejbtn .t3 button {background: var(--back-menu-light); color: var(--color-menu); border: none; padding: 6px 10px 4px 10px; cursor:pointer;}
.pridejbtn .t3 button span {font-size: var(--font-size-header-h3); font-weight:var(--font-weight-500);}

/* Varianty zboží - nové  */
.zbozi-wrap .popisky-horni .varianty {grid-area: dalsi; justify-content: left; display: flex; flex-flow: row wrap; gap: 5px;}
.zbozi-wrap .popisky-horni .varianty h2 {margin:20px 0 10px 0; width:100%; font-size: var(--font-size-header-h3);}
.zbozi-wrap .popisky-horni .varianty .varianty-item {display: flex; flex-direction:column; background: white; width: calc(33% - 24px); text-align: center; padding: 10px;}
.zbozi-wrap .popisky-horni .varianty .varianty-item .nazev-link h3 {font-size: var(--font-size-small); margin: 0 0 5px 0; font-weight: var(--font-weight-400); font-family: var(--font-primary); color: var(--color-font);}
.zbozi-wrap .popisky-horni .varianty .varianty-item .hlavni_obrazek_link {height: 50px; justify-content: center; display: flex; align-items: center;}
.zbozi-wrap .popisky-horni .varianty .varianty-item .hlavni_obrazek_link img {max-width:50px; max-height:50px;}
.zbozi-wrap .popisky-horni .varianty .varianty-item .cena {font-size: var(--font-size-small); margin: 5px 0 0 0; font-weight: var(--font-weight-400); font-family: var(--font-primary);}

/* Související zboží */
.souvisejici_zbozi {display: flex; flex-flow: row wrap; justify-content: flex-start;}
.souvisejici_zbozi .souvisejici_nadpis {width:100%;}
.souvisejici_zbozi .pridruzene {display: flex; flex-flow: row wrap; justify-content: flex-start; gap: 10px; width: 100%;}
.souvisejici_zbozi .jedno {display: grid; flex-direction: column; margin: 0; padding: 10px; border: 2px solid rgba(0,0,0,0.05); width: calc(25% - 35px);}

.souvisejici_zbozi .jedno a.hlavni_obrazek_link {height: 130px; justify-content: center; display: flex; align-items: center;}
.souvisejici_zbozi .jedno a.hlavni_obrazek_link img {max-width:120px; max-height:120px;}
.souvisejici_zbozi .jedno a.nadpis h3 {font-size: var(--font-size-primary); color: var(--color-font); margin: 10px 0; text-align:center;}
.souvisejici_zbozi .jedno .info {display: flex; justify-content: space-between;}
.souvisejici_zbozi .jedno .info .cena {align-items: center; display: flex;}
.souvisejici_zbozi .jedno .info form {align-items: center; display: flex;}
.souvisejici_zbozi .jedno .info button {background: var(--back-menu-light); color: var(--color-menu); border: none; padding: 6px 10px 4px 10px; cursor: pointer;}
.souvisejici_zbozi .jedno .info button span {font-size: var(--font-size-small); font-weight: var(--font-weight-500);}
/* PatiÄŤka */

#max-footer {display:flex; flex-flow:column; justify-content:space-between; background:var(--back-info); color:var(--color-info);}
#max-footer a {color: var(--color-info); text-decoration: underline;}
#footer {display:flex; flex-direction:column; justify-content:space-between; align-content:center; align-items:center; width:var(--width-main); margin:0 auto; padding:10px;}
#footer-system {display: flex; width:100%; justify-content:space-between; color:var(--color-info); margin-bottom:20px;}
#footer-system a {color:var(--color-info);}
#footer-system div {padding:3px 0;}

#footer-text table td {padding:0; vertical-align:top;}
#footer-text table tr.licha td {padding:0px;}
#footer-text table td h2 {margin:0;}
#footer-text table td ul {padding-left: 10px;}
#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(3) {width:25%;}
#footer-text table tr td:nth-child(2) {width:50%; padding:0 2%;}


/* VyskakovacĂ­ okno  */
.modal{ position: fixed; top: calc(50vh - 110px); left: calc(50vw - 270px); z-index: 100; display: flex; flex-flow: column; background: var(--back-main); color: var(--color-font); width: 500px; min-height: 200px; padding: 20px; box-shadow: 0px 0px 30px rgba(0,0,0,0.5); border-radius:10px; }
.modal .modal-title{ font-size: var(--font-size-header-h2); padding: 10px 0 20px 0; border-bottom: 1px solid var(--line-color); }
.modal .modal-buttons { margin-top: auto; align-self: center; display: flex; gap: 20px; }
.modal .modal-buttons button { border: none; color: var(--color-menu); cursor: pointer; padding: 8px 15px; }
.modal .modal-no{background: #b5221a;}
.modal .modal-yes{background: #2c8a0a;}

/* VYJIZDECI LISTA*/

.modal-lista { width: calc(100% - 20px); position: fixed; top: 0px; background: var(--back-menu); color: var(--color-menu); display: flex; min-height: 20px; align-items: center; justify-content: space-between; padding: 10px; z-index: 15; }
.modal-lista .modal-lista-text { font-size: var(--font-size-primary); font-weight: var(--font-weight-600); margin: 0 auto; }
.modal-lista-close { padding: 5px; cursor: pointer; }

/* COOKIE LISTA */
#cookie-lista{ position: fixed; bottom: 0; display: flex; background: var(--back-info); width: calc(100% - 30px); color: var(--color-info); padding: 10px 15px; justify-content: space-between; align-items: center; z-index: 15; }
.cookie-lista-buttons{ display: flex; flex-flow: row; }
#cookie-lista button { border: none; cursor: pointer; padding: 8px 10px; color: var(--color-info); margin: 0 5px; }
#cookie-lista .cookie-lista-no{background: #b5221a;}
#cookie-lista .cookie-lista-yes{background: #2c8a0a;}

/* Velký košík */

form#kosik {display: flex; flex-flow: column;}
.kosik_velky {display: flex; flex-flow: column; margin:10px 0;}

/* Velký košík - Struktura */

.kosik_vsechno_zbozi > div {display: flex; flex-flow: row; padding: 3px 0;}
.kosik_vsechno_zbozi .sloupce .col_nazev, .kosik_vsechno_zbozi .sloupce .col_cena, .kosik_vsechno_zbozi .sloupce .col_pocet, .kosik_vsechno_zbozi .sloupce .col_celkem {color:var(--color-other); padding:5px 0;}

.kosik_vsechno_zbozi .kosik_zbozi {border-bottom: 1px solid var(--line-color);}
.kosik_vsechno_zbozi .sloupce .col_nazev, .kosik_vsechno_zbozi .kosik_zbozi .kz_nazev {display: flex; width:60%; align-items: center; padding:3px 0 3px 10px;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_nazev a {color:var(--color-font);}
.kosik_vsechno_zbozi .sloupce .col_cena, .kosik_vsechno_zbozi .kosik_zbozi .kz_cena {display: flex; width:15%; align-items: center; justify-content: right;}
.kosik_vsechno_zbozi .sloupce .col_pocet, .kosik_vsechno_zbozi .kosik_zbozi .kz_pocet {display: flex; width:15%; align-items: center; justify-content: right;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_pocet input {width:30px; text-align:center; margin-right: 5px;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_pocet span {cursor:pointer;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_pocet span.del_btn {color:var(--color-system-alert);}
.kosik_vsechno_zbozi .sloupce .col_celkem, .kosik_vsechno_zbozi .kosik_zbozi .kz_celkem {display: flex; width:10%; align-items: center; justify-content: right; padding:3px 10px 3px 0;}

.kosik_vsechno_zbozi .kosik_celkem {padding: 10px; display: flex; justify-content: space-between; background: var(--back-body);}
.kosik_vsechno_zbozi .kosik_celkem .nazev {color: var(--color-font); display: flex; align-items: center; margin-right: 10px; font-weight: var(--font-weight-700);}
.kosik_vsechno_zbozi .kosik_celkem #cena_celkem {font-weight: var(--font-weight-700);}

.kosik_velky > div.kosik-dopravy-platby {display: flex; flex-flow: column;}

.sloupce, .kosik_celkem, .doprava_label {justify-content: space-between;}

/* Velký košík - Doprava, platba, ostatní */

.vyprazdnit_kosik {display:flex; justify-content: flex-end; padding: 0 10px;}
.vyprazdnit_kosik #vyprazdnit_kosik {display:flex; align-items: center; color:var(--color-system-alert);}
.vyprazdnit_kosik #vyprazdnit_kosik span {color:var(--color-system-alert); padding-right:5px;}

.kosik_zbozi_dalsi {display: grid; grid-template-areas: "sleva sleva" "doprava platba" "celkem celkem"; grid-template-columns: 50% 50%;}
.kosik_zbozi_dalsi .sleva {grid-area: sleva; display: flex; justify-content: flex-end; padding:0 10px 10px 10px; color:var(--color-font-light);}
.kosik_zbozi_dalsi .sleva.vyplnena {justify-content: space-between;}
.kosik_zbozi_dalsi .sleva .nazev {display:flex; align-items:center; font-weight: var(--font-weight-700);}
.kosik_zbozi_dalsi .sleva input {border: 1px solid var(--border-input); margin:0 5px; padding: 3px 5px; font-size: var(--font-size-primary); width:auto !important;}
.kosik_zbozi_dalsi .sleva span {cursor: pointer; font-size: var(--font-size-header-h2);}

.kosik_zbozi_dalsi .doprava {grid-area: doprava; padding:10px 20px 10px 10px; margin-top:10px;}
.kosik_zbozi_dalsi .doprava h3 {margin: 0 0 10px 0;}
.kosik_zbozi_dalsi .doprava .moznosti_dopravy, .kosik_zbozi_dalsi .doprava .moznosti_dopravy .doprava_label {width:100%; display: flex; flex-flow: row; align-items: center;}
.kosik_zbozi_dalsi .doprava .moznosti_dopravy {padding:5px 0;}
.kosik_zbozi_dalsi .doprava .doprava_nazev {display: flex; align-items: center;}
.kosik_zbozi_dalsi .doprava .doprava_nazev .doprava_img {padding:0 5px 0 10px;}
.kosik_zbozi_dalsi .doprava .doprava_nazev .doprava_blok {display: flex; flex-flow: column;}
.kosik_zbozi_dalsi .doprava .doprava_nazev .doprava_blok .zdarma_od {color:var(--color-other)}
.kosik_zbozi_dalsi .doprava .doprava_cena {padding-left:5px; font-weight:var(--font-weight-700); flex: 1 1 30%; text-align:right;}

.kosik_zbozi_dalsi .zasilkovna-map-wrap, .kosik_zbozi_dalsi .balikovna-wrap {margin:10px 0; padding: 10px; background: var(--back-body);}
.kosik_zbozi_dalsi .zasilkovna-map-wrap .zasilkovna-selector, .balikovna-wrap #balikovna-toggle {background: #b51900; color: var(--color-info); padding: 6px 8px; display: inline-block; margin-bottom: 8px; border: 0; cursor: pointer;}
.balikovna-wrap #balikovna-toggle {background: #00a8e1;}
.kosik_zbozi_dalsi .zasilkovna-map-wrap .zasilkovna-vybrana-text {color:var(--color-font-light); margin-bottom:5px;}
.kosik_zbozi_dalsi .zasilkovna-map-wrap .zasilkovna-vybrana-nazev {font-weight:var(--font-weight-500);}
#packeta-iframe-wrap {height: 80% !important;}

#balikovna-overlay {position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #0000004a; z-index: 100;}
#balikovna-overlay iframe {width: 80vw; height: 80vh; background: white; border: 0;}

.kosik_zbozi_dalsi .platby .moznosti_platby, .kosik_zbozi_dalsi .platby .moznosti_platby .platba_label {display: flex; flex-flow: row;}
.kosik_zbozi_dalsi .platby {grid-area: platba; padding:10px 10px 10px 20px; border-left:1px solid var(--line-color); margin-top:10px;}
.kosik_zbozi_dalsi .platby h3 {margin: 0 0 10px 0;}
.kosik_zbozi_dalsi .platby .moznosti_platby {padding:5px 0;}
.kosik_zbozi_dalsi .platby .platba_nazev {display: flex; align-items: center;}
.kosik_zbozi_dalsi .platby .platba_nazev .platba_img {padding:0 5px 0 10px;}
.kosik_zbozi_dalsi .platby .p_polozky {display:flex; flex-direction:row; justify-content: space-between;}
.kosik_zbozi_dalsi .platby .p_right {display: flex; align-items: center;}
.kosik_zbozi_dalsi .platby #platba_poplatek {font-weight: var(--font-weight-700);}

.kosik_zbozi_dalsi .kosik_celkem {display: grid; grid-area: celkem; margin-top: 20px; background: var(--back-body); padding: 10px; grid-template-columns: 75% auto;}
.kosik_zbozi_dalsi .kosik_celkem .nazev {display: flex; align-items: center; font-size:var(--font-size-header-h3); font-weight: var(--font-weight-600);}
.kosik_zbozi_dalsi .kosik_celkem #cena_k_uhrade {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-600);}
.kosik_zbozi_dalsi .dph_info {padding: 8px 0 0 0; color: var(--color-font-light);}

/* Velký košík - Vyplnění údajů */

.objednavka_tabulka {display: flex; flex-flow: column;}
.objednavka_tabulka > div {display: flex; flex-direction: row; flex-wrap: nowrap; padding:5px 0;}
.objednavka_tabulka > div label {flex: 1 0 25%; display: flex; align-items: center;}
.objednavka_tabulka > div input {flex: 1 1 75%; border: 1px solid var(--border-input); padding: 3px 5px; font-size: var(--font-size-primary); width:auto;}

.objednavka_informace_hvezicka {color: var(--color-system-alert); margin: 10px 0; text-align: right;}
.objednavka_tabulka .objednavka_nadpis_fakturacni div, .objednavka_tabulka .objednavka_nadpis_dodaci div {font-family:var(--font-headers); font-size: var(--font-size-header-h2); font-weight: var(--font-weight-500); margin: 20px 0 10px 0;}
.objednavka_tabulka .objednavka_fakturacni_ico a {display: flex; align-items: center;}
.objednavka_tabulka .objednavka_fakturacni_ico a span {padding-left:5px; color: var(--color-font-light);}
.objednavka_tabulka .objednavka_informace {margin: 30px 0 15px 0;}
.objednavka_tabulka .objednavka_informace textarea {border: 1px solid silver; padding: 3px 5px; font-size: var(--font-size-primary);}

.objednavka_tabulka .objednavka_tlacitka {display: flex; flex-direction: row; justify-content: space-between;}
.objednavka_tabulka .objednavka_tlacitka input {flex: 0; background: var(--back-menu-light); color: var(--color-menu); padding: 8px 15px; display: inline-block; border: none; cursor: pointer; margin: 10px 0 10px 10px; font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500);}
.objednavka_tabulka .objednavka_tlacitka input.objednavka_back {background:rgba(0,0,0,0.35);}

/* Rekapitulace */

.rekapitulace .kosik_vsechno_zbozi .sloupce .col_nazev, .rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_nazev {width: 70%;}
.rekapitulace .kosik_vsechno_zbozi .sloupce .col_pocet, .rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_pocet {width: 10%;}
.rekapitulace .kosik_vsechno_zbozi .sloupce .col_celkem, .rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_celkem {width: 15%;}

.rekapitulace .kosik_zbozi_dalsi .sleva {justify-content:space-between;}

.rekapitulace .kosik_zbozi_dalsi .doprava {grid-area: unset; padding:5px 20px 5px 10px; margin-top:0px;}
.rekapitulace .kosik_zbozi_dalsi .platba {padding:5px 10px 5px 20px; border-left: 1px solid var(--line-color);}
.rekapitulace .kosik_zbozi_dalsi .doprava h3, .rekapitulace .kosik_zbozi_dalsi .platba h3 {margin: 5px 0; font-size: var(--font-size-primary);}
.rekapitulace .kosik_zbozi_dalsi .doprava #cena_platba, .rekapitulace .kosik_zbozi_dalsi .doprava #cena_platba2 {display: flex; justify-content: space-between;}
.rekapitulace .kosik_zbozi_dalsi .doprava #cena_platba span:last-child, .rekapitulace .kosik_zbozi_dalsi .doprava #cena_platba2 span:last-child {font-weight: var(--font-weight-700);}

.rekapitulace .objednavka_tabulka .objednavka_fakturacni_jmeno, .rekapitulace .objednavka_tabulka .objednavka_dodaci_firma {padding-top: 15px; border-top: 1px solid var(--line-color);}
.rekapitulace .objednavka_tabulka .objednavka_fakturacni_ico {padding-top: 15px; border-top: 1px solid var(--line-color); margin-top: 10px;}
.rekapitulace .objednavka_tabulka .objednavka_nadpis_dodaci label {font-size: var(--font-size-header-h3); font-weight: var(--font-weight-600);}
.rekapitulace .objednavka_tabulka .objednavka_informace {padding-top: 15px; border-top: 1px solid var(--line-color); margin-top: 0px;}

.rekapitulace .objednavka_tabulka > div input {flex: unset;}
.rekapitulace .objednavka_tabulka > div a {padding: 0 5px; color: var(--color-font-light); text-decoration: underline;}
.rekapitulace .objednavka_tabulka > div a:hover {text-decoration: none;}

.rekapitulace .objednavka_tabulka .objednavka_tlacitka {display: flex; flex-direction: row; justify-content: space-between;}
.rekapitulace .objednavka_tabulka .objednavka_tlacitka input#orderedit {background:rgba(0,0,0,0.35);}
.rekapitulace .objednavka_tabulka .objednavka_Podminky {background: var(--back-body); padding: 8px 5px;}
.rekapitulace .objednavka_tabulka .objednavka_novinky {padding: 8px 5px;}
.rekapitulace .objednavka_tabulka .objednavka_Podminky input, .rekapitulace .objednavka_tabulka .objednavka_novinky input {margin-right:5px;}

/* Registrace uĹľivatele */

.reg_formular .nadpis {font-family: var(--font-headers); font-size: var(--font-size-header-h2); font-weight: var(--font-weight-500); margin: 20px 0 10px 0;}
.reg_formular .radek {display: flex; flex-direction: row; flex-wrap: nowrap; padding: 5px 0;}
.reg_formular .radek .text {flex: 1 0 25%;  display: flex; align-items: center;}                                                                                
.reg_formular .radek .input, .reg_formular .radek .textarea {flex: 1 1 75%;}
.reg_formular .radek .input input, .reg_formular .radek .textarea textarea {border: 1px solid var(--border-input); padding: 3px 5px; font-size: var(--font-size-primary); width: calc(100% - 12px) !important;}
                                     
.reg_formular .radek .odeslat {display: flex; justify-content: center; width: 100%;}
.reg_formular .radek .odeslat input {background: var(--back-menu-light); color: var(--color-menu); padding: 8px 15px; display: flex; border: none; cursor: pointer; margin: 10px 0 10px 10px; font-size: var(--font-size-header-h3); font-weight: var(--font-weight-500);}

/* ------------------------------------BRAJGL----------------------------------- */


/*#content-right div, #content-left div {display: flex; flex-flow: column; align-items: center;}*/

.menu-more {font-size: 28px; line-height: 18px;}
.sub-text a {flex: 1 0 auto;}
.sub-text {display: flex; flex-flow: row nowrap;}
.has-sub {display: flex; flex-flow: column nowrap;}

/*zalozky na uvodu nad zbozim*/
#zalozky ul {list-style-type: none; padding: 0; display: flex;}
#zalozky ul li {padding: 0 0.5rem 0 0;}


.dalsi_ .dalsi_radek{display:flex; flex-flow:row wrap;}
.dalsi_ .dalsi_radek .tlacitka_vypis, .tlacitka .pridejbtn .t2 {margin-left: auto;}
.dalsi_ .mnozstvi-vyber, .tlacitka_vypis .mnozstvi-vyber {width: 50px; margin: 0 20px 0 10px;} 
.dalsi_radek, .tlacitka_vypis {margin: 5px 0;}
/*tabulkovy vypis souvisejiciho zbozi */
.vypsat_vyrobky .dalsi_ .grid {display:grid; background: var(--back-body); padding: 5px; gap: 5px 0;}
.vypsat_vyrobky .dalsi_ .grid .grid_head, .vypsat_vyrobky .dalsi_ .grid .grid_item {border-bottom: 1px solid var(--color-other); text-align: center; padding: 0 2px;}
.vypsat_vyrobky .dalsi_ .grid .grid_head:first-of-type {text-align: start;}
.vypsat_vyrobky .dalsi_ .grid .neaktivni {opacity: 0.7;}

.cenaz {font-weight: 600;}

.dalsi_obrazek_rozmer, .zbozi a img {width: 150px;}
.hlavni_obrazek_rozmer {max-width: 100%; max-height: 100%; height: fit-content;}

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

/* Respo */

@media screen and (max-width: 1200px) {

#max-infolista>div, #header, #menu, .level_0 > .vyjizdeci_menu_ul_raw, #main, #footer {width: calc(100% - 4vw);}
#content-left, #content-right {display:none;}
body {background: var(--back-main)}
#main {margin: 4vw auto;}

#max-infolista {height:40px;}
#informacni_prihlaseni_uzivatele {padding:0;}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit_text, #informacni_prihlaseni_uzivatele .tlacitko_registrovat_text a {font-size:0px;}
#informacni_prihlaseni_uzivatele .tlacitko_prihlasit_text:before, #informacni_prihlaseni_uzivatele .tlacitko_registrovat_text a:before, #informacni_lista_kosik .kosik_cena:before {font-size: 26px;}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni {top: 40px; padding: 2vw 0; width: 100%; left: 0; justify-content: center;}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni * {width:100%;}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni table td {width:100%; float:left; text-align: center; padding: 1vw 0;}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni table td input {width: calc(75% - 8vw); padding: 2vw; font-size: var(--font-size-primary);}
#informacni_prihlaseni_uzivatele .skryte_prihlaseni table td input.loginbtn {background: var(--back-menu-light); border: none; color: var(--color-menu); cursor: pointer; width: auto; padding: 2vw 4vw;}

#informacni_lista_mena:before {display:none;}
#informacni_lista_text {display:none;} /* presunout */
#informacni_lista_clanky {display:none;} /* presunout */
#informacni_lista_kosik .kosik_skryty {right:0;}
#informacni_lista_kosik .kosik_cena {font-size: 18px;}

#max-header {height: 70px; margin-top:40px;}
#pull {display: flex; align-items: center;}
#pull span {cursor:pointer; margin: 0 2vw; font-size: 35px;}
#header #baner {flex-flow: column;padding: 5px 12px 5px 10px; border-radius: 50px;}
#header #baner h2 {font-size: var(--font-size-header-h3);}
#header #baner h3 {font-size: var(--font-size-small);}
#header #baner span.material-icons-outlined {display: flex; font-size: 25px; margin: 0 5px 0 0;}
#header .hlavicka_logo {width: 100%;}
#header .hlavicka_logo img {max-height: 8vw; max-width: 25vw; margin-right:0;}

#header #search {width: 40vw;}
#hledani .button {width: 35%;}


#max-menu {display:none;}

#max-search {display:flex; justify-content:center; width: 100%; align-items: center; padding: 2vw 0; background: var(--back-header); box-shadow: 0 0 20px rgba(0,0,0,0.15);}
#max-search #hledani {width:auto; max-width:calc(100% - 20px);}
#max-search #hledani .text {margin: 0px 1vw 0 0; padding: 6px 10px; font-size: calc(var(--font-size-primary) + 4px); font-weight: var(--font-weight-500);}
.naseptavac {width: calc(100% - 20px); left: 0;}

#vyjizdeci_menu_wrap, #menu_login {display:none;}
#menu {justify-content: center; min-height: 50px;}
.menu_search {width: 75vw; margin: 2vw auto;}
.menu_search #hledani .text {margin: 0px 1vw 0 0; padding: 6px 10px; font-size: calc(var(--font-size-primary) + 4px); font-weight: var(--font-weight-500);}
#hledani .button {padding: 0 2vw; font-size: calc(var(--font-size-primary) + 4px); font-weight: var(--font-weight-500);}
.naseptavac .zbozi .nahled {margin: 2px}

#respo-menu-wrap {display: block; position: absolute; width:100%; top: 110px; z-index: 110; background: var(--back-main);}
#respo-menu .sub-text .menu-text {font-size: var(--font-size-header-h2);}
#respo-menu ul {margin: 0;}
#respo-menu ul > li {padding: 2vw;}
#respo-menu ul > li ul > li {padding: 2vw 0 0 0;}
#respo-menu ul > li ul > li .sub-text a > span.menu-text {font-size: var(--font-size-header-h3);}
#respo-menu ul > li ul > li ul > li .sub-text a > span.menu-text {font-size: var(--font-size-primary);}

#content-center {padding:0;}
.vypis_item {flex: 0 0 calc(100% - 4vw);} 
.vypis_item .obsah .nazev_a_popis .nadpis_zbozi {margin: 4vw 0 2vw 0; font-size: var(--font-size-header-h1);}
.vypis_item .formkosik .cena {font-size: var(--font-size-header-h2);}

.vypis_item.v2 .obrazek {max-height: 30vw;}
.vypis_item .obrazek {height: 30vw;}
/*.hlavni_obrazek_rozmer, .dalsi_obrazek_rozmer, .zbozi a img {width: auto; max-height: 300px; max-width: 60vw; margin: 4vw auto;}*/

/* v1 = jednoradkovy vypis */
.v1 .hlavni_obrazek_rozmer {max-height: 15vw; max-width: 60vw;}
.v1 .formkosik {margin-top: 2vw;}
.v4 .formkosik {flex-flow: row;}
.v3, .v4 {flex: 0 0 calc(46% - 9px);}

.kosik_zbozi_dalsi {grid-template-columns: 100%; grid-template-areas:"sleva" "doprava" "platba" "celkem";}
.kosik_zbozi_dalsi .platby {border-left:none;}
.kosik_zbozi_dalsi .doprava, .kosik_zbozi_dalsi .platby {padding:10px 10px 10px 0;}

.objednavka_tabulka > div {flex-direction: column;}
.objednavka_tabulka > div.regcountry select, .objednavka_tabulka > div.regcountry select label {width:85vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.objednavka_tabulka .objednavka_tlacitka {flex-direction: column;}
.objednavka_tabulka > div input, .objednavka_tabulka > div textarea {flex: 1 1 100%; padding: 3px 5px; width:auto !important;}

.kosik_vsechno_zbozi > div.sloupce {display:none;}
.kosik_vsechno_zbozi .kosik_zbozi {display: grid; grid-template-areas:"kz_nazev kz_nazev kz_nazev" "kz_pocet kz_cena kz_celkem";}
.kosik_vsechno_zbozi .kosik_zbozi .kz_nazev {grid-area:kz_nazev; width:calc(100% - 20px); padding: 3px 10px; justify-content: flex-start;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_cena {grid-area:kz_cena; width:calc(100% - 10px); color:var(--color-font-light); justify-content: flex-end;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_pocet {grid-area:kz_pocet; width:calc(100% - 10px); justify-content: flex-start; padding: 3px 0 3px 10px;}
.kosik_vsechno_zbozi .kosik_zbozi .kz_celkem {grid-area:kz_celkem; width:calc(100% - 10px); justify-content: flex-end; padding: 3px 10px 3px 0;}

.rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_nazev, .rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_pocet, .rekapitulace .kosik_vsechno_zbozi .kosik_zbozi .kz_celkem {width:calc(100% - 10px);}
.rekapitulace .kosik_zbozi_dalsi .doprava, .rekapitulace .kosik_zbozi_dalsi .platba {padding: 10px; border-left:none;}
.rekapitulace .objednavka_tabulka .objednavka_novinky > div label {display:block;}

#filtrovani form > div {flex-flow: column; align-items: flex-start;}
#filtrovani div.od-do .inner {width:100%;}
#filtrovani div.check {align-items: stretch;}
#filtrovani div.check .inner {display: grid; grid-template-columns: 50% 50%;}

.zbozi-wrap {grid-template-areas: "img" "top" "text"; margin: 3vw 0;}
.zbozi-wrap .popisky-horni {padding: 6vw 3vw;}
.zbozi-wrap .popisky-horni .varianty .varianty-item .nazev-link h3 {font-size: calc(var(--font-size-small) - 4px);}
.zbozi-wrap .popisky-horni .varianty .varianty-item .hlavni_obrazek_link {height: 80px;}
.zbozi-wrap .popisky-horni .varianty .varianty-item .hlavni_obrazek_link img {max-width:80px; max-height:80px;}

.souvisejici_zbozi .jedno {width: calc(33% - 4% - 14px);}
.souvisejici_zbozi .jedno a.nadpis h3 {font-size: var(--font-size-small);}
.souvisejici_zbozi .jedno .info .cena, .souvisejici_zbozi .jedno .info button span {font-size: calc(var(--font-size-small) - 4px);}

#footer {padding:0;}
#footer-system {width: calc(100% - 2vw); margin: 2vw 0;}
#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(2), #footer-text table tr td:nth-child(3) {width:100%; float:left; padding: 2vw 0;}

.modal { top: 20vh; width: calc(80% - 40px); left: 10vw; }
.modal .modal-buttons button { padding: 1.5vw 3vw; }
.modal .modal-title { padding: 2vw 0 3vw 0; }
#cookie-lista { flex-flow: column; width: calc(100% - 6vw); padding: 2vw 3vw; }
.cookie-lista-buttons { margin-top:3vw; }
}


@media screen and (max-width: 600px) {

#header #baner span.material-icons-outlined {font-size: 8vw;}
#header #baner span {font-size: 3.5vw;}
#header .hlavicka_logo img {max-height: 12vw;}

.menu_search {width: 100vw;}

.v2, .v3, .v4 {flex: 0 0 calc(96% - 4px);}

.vypis_item.v2 .obrazek {max-height: 40vw;}
.vypis_item .obrazek {height: 40vw;}

.zbozi-wrap {grid-template-columns: auto;}
.zbozi-wrap .popisky-horni .varianty .varianty-item {width: calc(50% - 24px);}
.zbozi-wrap .popisky-horni .varianty .varianty-item .nazev-link h3 {font-size: var(--font-size-primary);}

.souvisejici_zbozi .jedno {width: calc(50% - 4% - 16px);}
.souvisejici_zbozi .jedno a.nadpis h3 {font-size: var(--font-size-primary);}
.souvisejici_zbozi .jedno .info .cena, .souvisejici_zbozi .jedno .info button span {font-size: var(--font-size-primary));}

.souvisejici_zbozi .jedno a.hlavni_obrazek_link {height: 30vw;}
.souvisejici_zbozi .jedno a.hlavni_obrazek_link img {max-width: 30vw; max-height: 30vw;}

}