:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Open Sans';
--font-headers: 'Open Sans';
--font-size-small: 13px;
--font-size-primary: 14px;
--font-size-header-h1: 30px;
--font-size-header-h2: 20px;
--font-size-header-h3: 16px;
--font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700;
--line-height: 1.20;
--line-height-more: 1.60;

        --back-body: #F5F5F5; /* pozadí HTML za eshopem */
        --back-main: #FFF; /* pozadí eshopu, bočního menu */
        --back-info: #E0FFE3; /* pozadí infolišty */
        --back-header: #FFF; /* pozadí hlavičky */
        --back-menu: #00C513; /* pozadí horního menu */
        --back-menu-light: #00AD11; /* světlejší pozadí horního menu */
        --line-color: #0000001a; /* barva čar a oddělovátek */
        --border-input: #00000033; /* barva ohraničení imputů */

        --color-font: #000; /* barva pisma */
        --color-font-light: #ABABAB; /* barva pisma světlejší */
        --color-info: #222; /* barva písma v infoliště */
        --color-header: #BC2D25; /* barva písma v hlavičce */
        --color-menu: #FFF; /* barva písma v horním menu */
        --color-other: #C0C0C0; /* doplňková barva */
        --color-system-alert: #D85A53; /* barva upozornění */
        }
@media screen and (max-width: 1200px) {
	:root {
	--font-size-small: calc(5px + 2vw);
	--font-size-primary: calc(6px + 2vw);
	--font-size-header-h1: calc(12px + 2vw);
	--font-size-header-h2: calc(8px + 2vw);
	--font-size-header-h3: calc(6px + 2vw);
	--line-height: 1.20;
	--line-height-more: 1.60;
	}
}
body  {
    background: var(--back-body) url("soubory/bg2.jpg") repeat top center;
	}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

/* ///////////////////////// */
/*  nasleduje vlastni CSS    */

body {background: var(--back-body) url("soubory/bg2.jpg"); background-size: cover;}
#content {box-shadow: 0px 0px 30px rgba(0,0,0,0.15);}

#header .hlavicka_logo img {max-height: 80px;}
#header #baner h2 {font-size: 35px;}
#header #baner h3 {color: #222; font-weight: 400; line-height: 1.3;}

.vyjizdeci_menu > li {padding: 0 25px 0 0;}
.vyjizdeci_menu li.level_0 a span.material-icons-outlined {font-size: 22px; padding-right:8px;}
.vyjizdeci_menu li.level_0 a span.menu_text {font-size: calc(var(--font-size-header-h2) - 1px); font-weight: var(--font-weight-600);}

#filtrovani .button.advbutton, #informacni_lista_kosik .kosik_skryty .kosik_zobrazit a, .kosik_zbozi_dalsi .zasilkovna-map-wrap .zasilkovna-selector, .balikovna-wrap #balikovna-toggle {color:white;}
.vypis_item, .zbozi-wrap .popisky-horni {border-radius: 10px;}
.vypis_item .formkosik {background:white; padding:5px 0;}

#info_kat .img-promo {width: 90%; margin: 0 auto !important; display: block;}

.pridejbtn .t3 button {padding: 12px 18px; border-radius: 5px;}
.pridejbtn .t3 button span:before {font-family: var(--font-icons); content: "\e8cc"; color: var(--color-menu); font-size: 14px; padding-right: 8px;}
.pridejbtn .t3 button span {font-size: calc(var(--font-size-header-h3) - 1px); font-weight: var(--font-weight-600);}

.vypis_item .formkosik .kosikpridej button {padding: 6px 12px 6px 12px; font-weight: var(--font-weight-600); border-radius: 5px;}

#footer-text table tr td:nth-child(1), #footer-text table tr td:nth-child(3) {width:20%;}
#footer-text table tr td:nth-child(2) {width:60%;}

#content-left div h2, #razeni-zobrazeni {border-radius: 5px;}

.zbozi-wrap .popisky-horni .zapamatovat_ a {color: var(--back-menu-light);}

/* Varianty zboží */
.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;}


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

#content {box-shadow:none;}

#max-search {background:#f5f5f5; width: calc(100% - 4vw); align-items: center; padding: 2vw 0; box-shadow: none; margin: 0 auto;}

#max-header {color:#1CA193; height: calc(30px + 6vw);}
#header .hlavicka_logo img {max-height: 8vw;}
#header #baner h2 {font-size: calc(8px + 2vw);}
#header #baner h3 {font-size: calc(2px + 2vw);}
#max-search {background: #e0ffe3; width:100%;}
#max-search #hledani .text {border-radius: 5px; border: 1px solid silver; width: 65%;}
#max-search #hledani .button {border-radius: 5px; font-size: calc(10px + 2vw);}

#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%;}
#footer-text table td ul li {list-style-position: inside;}

#respo-menu-wrap .clanek.respo-div a {text-decoration: none;}

}