﻿/*
body.bio #Container{background-image: url(/images/topBgBio.jpg?p=0.1);}

body.bio #logoC{background-image: url(/images/logoBioWeb.png);}
#logoC, #logoC h1, #logoC a {width: 338px;height: 83px;}

#topBanner{min-height:368px;}
body.bio #topNavigC{background:none;margin-top:119px;border:none;}

*/
:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}:where(button,input,select,textarea){background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:.25em .375em}:where(select){appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;border-radius:0;padding-right:1em}:where(select[multiple]){background-image:none}:where([type="color" i],[type="range" i]){border-width:0;padding:0}

#topBanner, .HP #contentC, .NHP #content, #bottom, .paticka, #actPath, #actPathC {width: 100%;max-width: calc(1600px + (0.75em*2));margin: 0 auto;padding:0 0.75em;}

a:link, a{color:#a3cf44;text-decoration:underline;}
a:visited{color: #a3cf44;}
a:hover, a:active, a:focus{color:#b5ca97;text-decoration:none;}

body{font-family: 'Source Sans 3', sans-serif;}
#ContainerC{width: 100%;height: 100%;}

button{font-size:1em;}

.redtext {color: #FF4141 !important;}
.blue {color: #729526;}

body.bio {color: #84746c;}
body.bio #ContainerC {background: #fff}
body.bio #Container{background:none;}
body.bio .NHP #content{z-index: 1;}

#topBanner{grid-template-columns: auto 1fr repeat(3,auto);}
body.bio #logoC{background-image: url(/images/bio/logobio2.svg);margin:0;}
#logoC, #logoC h1, #logoC a {width: 473px;height: 94px;}
.logo-slogan{grid-column: 1/2;grid-row: 4/5;font-size: clamp(14px, 0.9em, 1em);text-align: justify;letter-spacing: -0.5px;width: 100%;position: relative;align-self: start;height: 1.4em;margin: 0.1em 0 0 0;color: #a1abaa;}
.logo-slogan::after {content: '';width: 100%;height: 0;overflow: hidden;display: inline-block;line-height: 0;}

.logo-organic-bio{grid-column: -2/-1;grid-row: 2/5;align-self: stretch;margin: 0 0 0 0.5em;}
.logo-organic-bio img{width:87px;height:130px;object-fit: contain;display: block;}

#jazyky{grid-column: -3/-2;}
.kosik{grid-column: -4/-2;max-width:none;}
.uzivatel{grid-column: -4/-3;}

.kosik:before {display:none;}
.kosik .TsKosik{display:flex;align-items: center;}
.kosik .TsKosik:before{content:'';display:block;background-image: url(/images/bio/bio-basket.png);background-repeat: no-repeat;background-size: contain;width: 54px;height: 38px;margin: 0 0.75em 0 0;}
.kosik .TsKosik.prazdne:before{background-image: url(/images/bio/bio-basket-empty.png);}
.plnej .mamtx{color:#a3cf44;}
.plnej .pokladnaTL a{background:#a3cf44;}

.searchBlock{border-color:#c5c6c6}
#searchText::-webkit-input-placeholder {opacity:1;color:#84746c;}
#searchText::-moz-placeholder {opacity:1;color:#84746c;}
#searchText:-ms-input-placeholder {opacity:1;color:#84746c;}
#searchText:-moz-placeholder {opacity:1;color:#84746c;}

#topNavigC{border:0;background:none;border-bottom: 2px solid #a3cf44;}/*#c5c6c6*/
#topNavig{padding:0;}
body.bio #topNavig:before{display:none;}
body.bio #topNavig > ul > li{color: #84746c;}

.uzivatelS::before {background-image: url(/images/user.png);}

#actPathC{border-bottom:0;}
#actPath{max-width:100%;margin-left:0;}


body:not(.cke_editable).bio .Rozcestnik{background:transparent;margin-top: calc(1.3rem * 1.5);margin-bottom: calc(1.3rem * 1.5);}
/*background: radial-gradient(circle, rgba(11,14,4,1) 0%, rgba(0,0,0,0.0007353283110118625) 100%);background-position: 0 150px;*/
body:not(.cke_editable).bio .Rozcestnik h2{background:transparent;margin: 0;border-bottom:0;color: #816e49;text-align: center;padding: 10px 0;}
body:not(.cke_editable).bio .Rozcestnik h2{font-size: 2em;color: inherit;margin: 0;font-weight:bold;}
body:not(.cke_editable).bio .rozcestnikBIG{padding: 1em 2em;position:relative;z-index:2;max-width:100%;width:100%;}
body:not(.cke_editable).bio .Rozcestnik :is(table.rozcestnikBIG,tbody){display:block;}


body:not(.cke_editable).bio table.rozcestnikBIG tr:nth-child(1){}
body:not(.cke_editable).bio table.rozcestnikBIG tr:nth-child(2){}
body:not(.cke_editable).bio table.rozcestnikBIG tr:nth-child(3) td{margin-top:calc(-125px - 30px);}
body:not(.cke_editable).bio table.rozcestnikBIG tr,.bio table.rozcestnikBIG tr:nth-child(3){display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));grid-gap:1.25em;}
body:not(.cke_editable).bio table.rozcestnikBIG td{vertical-align:top;padding:0.25em 0.45em;margin:0;border-radius:5px;transition:all linear 0.3s;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
body:not(.cke_editable).bio table.rozcestnikBIG td:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
body:not(.cke_editable).bio table.rozcestnikBIG ul{margin: 0;padding: 0;list-style: none;}
body:not(.cke_editable).bio table.rozcestnikBIG ul li{font-size: 1em;margin: 0 0 0.2em;}
body:not(.cke_editable).bio table.rozcestnikBIG ul li a{text-decoration: none;color: inherit;}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:first-child li,tr:nth-child(2) td:last-child li){margin: 0 0 0 0;}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:first-child a,tr:nth-child(2) td:last-child a){display: grid;grid-template-columns: auto 1fr;grid-template-rows: 1fr;letter-spacing: 1px;}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:first-child img,tr:nth-child(2) td:last-child img){margin: 0 1em 0 0;grid-column: 1/2;grid-row: 1/2;border-radius:100%;max-width:none;object-fit: cover;border:1px solid #DCDDDE;}/*border:1px solid #fff;box-sizing:border-box*/
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:first-child span.podle,tr:nth-child(2) td:last-child span.podle){display: block;grid-column: 2/3;grid-row: 1/2;line-height:normal;align-self: center;font-weight:bold;}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:first-child span.co,tr:nth-child(2) td:last-child span.co){font-size: 1.3em;display: block;grid-column: 2/3;grid-row: 2/3;line-height:normal;color:#a3cf44}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:nth-child(2) td:last-child span.podle){grid-row: 2/3;}
body:not(.cke_editable).bio table.rozcestnikBIG :is(tr:nth-child(2) td:last-child span.co){grid-row: 1/2;}
body:not(.cke_editable).bio table.rozcestnikBIG tr:nth-child(2) td:last-child :not(span.podle) + span.co{grid-row:1/3;align-self: center;}
body:not(.cke_editable).bio table.rozcestnikBIG ul:last-child li span{min-width:165px;}

#topNavig > ul > li:not(:hover) > .RozcestnikNav{display: none;}
#topNavig table.rozcestnikBIG{background:rgba(255, 255, 255,0.95);padding:15px;position:absolute;top:100%;left:0;right:0;font-size: 0.7em;border:1px solid #c5c6c6;border-top-width: 2px;box-sizing:border-box;width: auto;}/*margin-left: -300%;*/
#topNavig table.rozcestnikBIG tbody{display:block;}
#topNavig table.rozcestnikBIG tr{grid-template-columns: repeat(6,1fr);grid-gap: 20px;}
#topNavig table.rozcestnikBIG ul:last-child li span {min-width: auto;}
#topNavig > ul > li a{color:#84746c;}
#topNavig ul li.actual > a, #topNavig a:hover, #topNavig a:active, #topNavig a:focus {color: #a3cf44;}
#topNavig table.rozcestnikBIG :is(tr:first-child li, tr:nth-child(2) td:last-child li){margin:0;}
#topNavig table.rozcestnikBIG :is(tr:first-child img, tr:nth-child(2) td:last-child img) {width: 53px !important;height: 53px !important;object-fit: cover;}
#topNavig ul li:not(.actual) > a#top_menu_960{color: #a3cf44;font-weight: bold;}

.uvodBIO .text{}
.uvodBIO .text h2,.uvodBIO .menuText h2{font-size: 2em;color: inherit;margin: 0 0 20px 0;font-weight:bold;}
.uvodBIO .menuText{margin:calc(1.3rem * 1.5) 0 0}

.dlazdice-JednaTretina{display:block;width:100%;height:auto !important;margin:1.75em 0;background:transparent}
.dlazdice-JednaTretina tbody{display:block;background:transparent}
.dlazdice-JednaTretina tbody tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0.75em;background:transparent}
.dlazdice-JednaTretina tbody tr td{padding: 1.15em;border-radius: 5px;border: 1px solid #a3cf44;transition: all linear 0.3s;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.dlazdice-JednaTretina tbody tr td:hover{
box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
}
.dlazdice-JednaTretina tbody tr td h3{margin:0 0 0.15em 0;}
.dlazdice-JednaTretina tbody tr td img{height: auto !important;}

/*--aktuality--*/
.AppAktL .clanek:where(.zobr-REALIZACE, .zobr-neni) h4,.normal .AppAktD h1
{color:#fff;background:#92827A;padding-left: 0.5rem;}
.AppAktL .clanek:where(.zobr-REALIZACE, .zobr-neni) .anot{padding: 0 0 0 0.5rem;align-self: start;}
.AppAktL .clanek:where(.zobr-REALIZACE, .zobr-neni) .obrazek img{max-width: 200px;max-height: 275px;min-height: 275px;}
.AppAktL .obrazek img{object-fit: contain;object-position: top;}
.zobrazit-vice{cursor:pointer;margin:0.5em 0 0;text-decoration:underline;}
.zobrazit-vice:hover{text-decoration:none;}

/*--filtrace--*/
.filtrBioTlacitka{display:flex;gap:0.5em 1em;justify-content: flex-end;flex-wrap:wrap;padding: 0 2em 0 0;}
.filterBioButton{border:1px solid #c5c6c6;border-radius:5px;background:#fff;color:#84746c;font-weight: 600;padding: 0.5em 0.75em;cursor: pointer;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;transition: all linear 0.3s;transform: translate(0, -2px);font-size: 0.75em;}
.filterBioButton:hover,.AppKatL .filterBioButton.filterButtonActive{box-shadow: none;transform: none;}
.filterBioButton.filterButtonActive{border-color:#a3cf44;color:#a3cf44}

/*--seznam produktu--*/
.listaddToBasket input[type="text"]{width:100%;border-radius: 5px;}

input[type="submit"]{font-size:0.9em;cursor:pointer;border:1px solid #84746c;border-radius: 5px;}

.listaddToBasket input[type="button"],.listaddToBasket button,input[type="submit"].colorBckModra, .inputSubmit
{font-size:0.9em;cursor:pointer;border:1px solid #84746c;background:#84746c;color:#fff;margin: 0 0 0 1em;border-radius: 5px;transition: all linear 0.2s;}
.listaddToBasket input[type="button"]:hover,.listaddToBasket button:hover,input[type="submit"].colorBckModra:hover, .inputSubmit:hover
{background:#fff;color:#84746c;}

.KatList{grid-template-columns: repeat(auto-fill,minmax(185px,1fr));}
.KatList.dlazdice .Produkt:not(.neniskladem):before {grid-column: 1/-1;grid-row: 1/5;}
.KatList .Produkt:not(.neniskladem):before{background: #B1A6A0;border-color: #73fb35;}
.KatList.dlazdice .Produkt:not(.neniskladem):after {grid-column: 1/-1;grid-row: 5/7;}
.KatList .Produkt:not(.neniskladem):after{background: #D8D2CF;}
.KatList .Produkt .nadpis a{color:#84746c;}
.rozlozeni .rozloz{display:none;}
.allCatalog a{margin-right:0;}

.KatList.dlazdice .Produkt:not(.neniskladem){grid-template-columns: 100%;grid-template-rows: repeat(3,auto) 45px auto 1fr;color: #fff;border-radius: 5px;overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.KatList.dlazdice .Produkt:not(.neniskladem) .nadpis{grid-column: 1/-1;grid-row: 1/2;align-self: start;}
.KatList .Produkt .nadpis a{color:inherit;}
.KatList.dlazdice .Produkt:not(.neniskladem) .BioPuvod{grid-column: 1/-1;grid-row: 2/3;padding-left: var(--odsazeni);padding-right: var(--odsazeni);margin:0 0 0.5em;justify-self: end;font-size: 0.9em;min-height: 1em;line-height: 1em;}
.KatList.dlazdice .Produkt:not(.neniskladem) .obrazek{grid-column: 1/-1;grid-row: 3/4;margin: 0;min-width: 160px;min-height: 255px;max-height: 255px;position:relative;z-index:2;}
.KatList.dlazdice .Produkt:not(.neniskladem) .obrazek img{max-height: 255px;aspect-ratio: 41/51;object-fit: cover;height: 100%;}

.KatList.dlazdice .Produkt:not(.neniskladem) .BioMnozstvi{grid-column: 1/-1;grid-row: 5/6;margin:0.5em 0 0;padding-left: var(--odsazeni);padding-right: var(--odsazeni);justify-self: end;font-size: 0.9em;line-height: 1em;color:#000;}/**/
/*.KatList.dlazdice .Produkt:not(.neniskladem) .infoBio{grid-column: 1/-1;grid-row: 3/4;align-self: end;padding-left: var(--odsazeni);padding-right: var(--odsazeni);}*/
.KatList.dlazdice .Produkt:not(.neniskladem) .listaddToBasket{grid-column: 1/-1;grid-row: 6/7;align-self: end;margin: 0.75em 0 0.5em 0;color:#000;}/**/
.KatList.dlazdice .Produkt:not(.neniskladem) .listaddToBasket{display:inline-block;display:grid;grid-template-columns:60px auto 1fr;padding-left: var(--odsazeni);padding-right: var(--odsazeni);}
.KatList.dlazdice .Produkt:not(.neniskladem) .listaddToBasket input[type="text"]{grid-column:1/2;grid-row:1/2;max-width:100%;background:#F8F8F8}
.KatList.dlazdice .Produkt:not(.neniskladem) .listaddToBasket button[type="button"]{grid-column:3/4;grid-row:1/2;justify-self:end;white-space: nowrap;margin-left: 0;}
.KatList.dlazdice .Produkt:not(.neniskladem) .listaddToBasket .jednotka-bio{grid-column:2/3;grid-row:1/2;align-self:center;margin:0 0.5em 0 0.25em;font-size: 0.9em;}
.KatList.dlazdice .Produkt:not(.neniskladem) .prelepky{grid-column: 1/-1;grid-row: 3/4;position:relative;z-index:4;justify-self: end;align-self: stretch;display: flex;flex-direction: column;gap: 0.25em;padding-left: var(--odsazeni);padding-right: var(--odsazeni);}
.KatList.dlazdice .Produkt:not(.neniskladem) .prelepky img{max-width:35px;max-height: 50px;object-fit: contain;align-self: end;}
.KatList.dlazdice .Produkt:not(.neniskladem) .prelepky .prelepkaOur{max-width:none;margin-top: auto;}
.KatList.dlazdice .Produkt:not(.neniskladem) .prelepky .prelepkaDem{max-width:none;}
.KatList.dlazdice .Produkt:not(.neniskladem) .anotace{}

.KatList.dlazdice .Produkt:not(.neniskladem):hover {transform: translate(0, -5px);box-shadow: none;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.KatList.dlazdice .Produkt:not(.neniskladem) .nadpis:hover .nadpisH a::after {display:none;}

.KatList.dlazdice .Produkt .BioMnozstvi .orig-price{text-decoration:line-through;}

/*--detail produktu--*/
.DetailProduktu{--GridColT: var(--SirkaObrazky,400px) 1fr;grid-template-columns: var(--GridColT);grid-template-rows: repeat(3,auto) 1fr repeat(4,auto);}
.DetailProduktu::before{grid-column: 2/3;grid-row: 4/5;display:none;}
.DetailProduktu .obrazky{grid-column:1/2;grid-row: 1/5;}
.DetailProduktu .nadpis{grid-column: 2/3;grid-row:1/2;border-color:#c5c6c6;margin-left:1.6em;}
.DetailProduktu .nadpis .nadpisH{color:#84746c;}
.DetailProduktu .parametry{grid-column: 2/3;grid-row: 2/3;margin-left:1.6em;}
.DetailProduktu .variantyList{grid-column: 2/3;grid-row: 3/4;justify-self: start;margin-left:1.6em;}
.DetailProduktu .popis2{grid-column: 2/3;grid-row: 4/5;background:transparent;margin-left:1.6em;padding:0 0 0 1em;}
.DetailProduktu .textik{grid-column: 1/-1;grid-row: 5/6;margin:1em 0;}
.DetailProduktu .varianty{grid-column: 1/-1;grid-row: 6/7;}
.DetailProduktu .podobne-produkty{grid-column: 1/-1;grid-row: 7/8;}

.DetailProduktu .textik .textik-nadpis,.DetailProduktu .popis2 .popis2-nadpis{color: #a3cf44;font-size: 1.35em;margin: 0 0 0.43em 0;}
.DetailProduktu .popis2 .popis2-nadpis{margin-top:1em;}
.DetailProduktu:has(>.variantyList) .popis2 .popis2-nadpis{margin-top:0;}

.DetailProduktu .variantyList .variantyListT {border:0;margin: 0;padding-left:1em;}
/*.DetailProduktu .variantyList .variantyListT .variantaList{display: flex;flex-wrap: wrap;gap: 0.65em;align-items: center;padding-left:0.9em;}*/
.DetailProduktu .variantyList .variantyListT .variantaList{grid-template-columns:repeat(2,auto) 1fr;align-items:center;}
.DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]{padding: 0.25em 0.5em;}
.DetailProduktu .variantyList .variantyListT .variantaList div.variantaList-typ{padding-left:0;}
.DetailProduktu .variantyList .variantyListT .variantaList div.variantaList-velikost{}
.DetailProduktu .variantyList .variantyListT .variantaList div.variantaList-cena{min-width:300px;}
.DetailProduktu .variantyList .variantyListT .variantaList .listaddToBasket{display:flex;align-items: center;}
.DetailProduktu .variantyList .variantyListT .variantaList .variantaList-cena input[type="text"]{width:auto;max-width:3em;margin: 0 0.25em 0 0;}
/* .DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]:nth-of-type(6n+1), .DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]:nth-of-type(6n+2), .DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]:nth-of-type(6n+3){background:transparent;} */
.DetailProduktu .popis2 :where(h2,h3),
.DetailProduktu .textik :where(h2,h3){color:#a3cf44;}

.radek.Mhover{background:transparent !important;}
.radek.Mhover input.Ipocet{background:transparent !important;}

#kontakty{display:block;width:100%;}
#kontakty > tbody{display:block;}
#kontakty > tbody > tr{display:grid;grid-template-columns:repeat(3,1fr)}
#kontakty > tbody > tr > td{}

#footer{--c:#84746c;color:var(--c);background:#EFECEB;margin-top:1em;}
#bottomC{background:none;}
#bottom{border-top: 1px solid #c5c6c6;margin-top:0;padding-top:1em;padding-left: 2em;padding-right: 2em;}
#bottomNavig a, #bottomNavig a:visited, #bottomNavig a:link{color:var(--c);}
.prodejny h4, .najdete h4{color:#fff;background:#92827A;margin:0 0 0.75em 0;padding: 0.25rem 0.5rem;display:block;}
.prodejny h4 a{color:inherit;text-decoration:none;}
.prodejny table,
.prodejny table > tbody,
.prodejny table > tbody > tr,
.prodejny table > tbody > tr td{display:block;width:auto;height:auto !important;}

.prodejny table{width:100%;}
.prodejny table > tbody{}
.prodejny table > tbody > tr{display:grid;grid-gap: 1.25em;margin: 0 0 0 1.25em;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
.prodejny table > tbody > tr td{}
.prodejny table > tbody > tr td p{padding:0 0.5rem;}
.prodejny table > tbody > tr td img{width: 100% !important;height: 110px !important;object-fit: cover;object-position: center;max-width: 270px;margin: 0 auto;display: block;}

#bottomNavig{border-color:#c5c6c6;padding:0 0.5em 0 0;min-width: 287px;}

.soc{font-size:0;}
.soc.insta:before{content:'';display:block;font-size:1rem;width:2.5em;height:2.5em;background:url('/images/instagram.png') no-repeat;background-size:cover;margin: 1em 0.5em;}

.patickaC{background:transparent;color:var(--c);}
.paticka .copyright2 a,.paticka .patickaNavig li a{color:var(--c);}


/*kosik*/
.BasketKroky{gap:0;margin-top:1em}
.basketStep,.basketStepActive{border:0;padding:0.65em 0.45em}
.basketStep{background:#92827A;color:#fff;}
.basketStepActive{background:#A8BC08;color:#000;}

.KosikS table.doprava-platba > tbody > tr.DopravaSekce td:nth-child(1){width:auto;}
.KosikS table.doprava-platba > tbody > tr.DopravaSekce td:nth-child(2){width:100%;}

.KosikS table tr.polozky:not(.nazvy) td{border-bottom: 1px solid #92827A;}
.KosikS table tr.polozky.nazvy td{background:#92827A;color:#fff;}
.KosikS legend{background:#92827A;color:#fff;}

.KosikS table.doprava-platba .deliveryinfo{border: 1px solid #92827a;}
.KosikS table.doprava-platba .deliveryinfo.show:before {filter: drop-shadow(-1px 1px 0 #92827a) drop-shadow(-1px -1px 0 #92827a);}
.KosikS table.doprava-platba .paymentinfo{border: 1px solid #92827a;}
.KosikS table.doprava-platba .paymentinfo.show:before{filter: drop-shadow(-1px 1px 0 #92827a) drop-shadow(-1px -1px 0 #92827a);}

.KosikS .kosikTlacitka input[type="button"]{font-size:0.9em;border:1px solid #84746c;border-radius: 5px;}


:where(.KosikS,.reguserArea) input:not([type="button"],[type="reset"],[type="submit"]),:where(.KosikS,.reguserArea) select,:where(.KosikS,.reguserArea) textarea{border:1px solid #ddd;background:#fff;color:inherit;padding:0.25em 0.45em;}
:where(.KosikS,.reguserArea) input:not([type="button"],[type="reset"],[type="submit"]):focus,:where(.KosikS,.reguserArea) select:focus,:where(.KosikS,.reguserArea) textarea:focus{outline:1px solid #a3cf44}

/*kosikPop*/
#popupbck .dalsi_nakup{display:none;}
#popupbck .next,#popupbck .finish{background-color:#84746c;border-color:#84746c}
#popupbck .next:hover,#popupbck .finish:hover{background-color:#fff;color:#84746c;}




/*respo*/

/*#topBannerC,#centerC,#footer{display:none;}*/
@media only screen and (max-width:0px) {}
@media only screen and (max-width:1630px) {
	#topNavig > ul > li:has( table.rozcestnikBIG){position:static;}
	#topNavig table.rozcestnikBIG{width:100%;}
	#topNavig table.rozcestnikBIG tr{grid-template-columns: repeat(auto-fill,minmax(250px,1fr));}
}
@media only screen and (max-width:1250px) {
	#hidenavig,#hidenavig span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	#hidenavig {--w:40px;--h:30px;--s:4px;position: relative;width: var(--w);height: var(--h);background: none;border: none;appearance: none;cursor: pointer;grid-column: 1/-1;grid-row: 5/6;justify-self: end;align-self: center;margin: 0.5em 0;}
	#hidenavig span {position: absolute;left: 0;width: 100%;height: var(--s);background: #84746c;border-radius: 4px;}
	#hidenavig:hover span{background:#a3cf44;}
	#hidenavig span:nth-of-type(1) {top: 0;}
	#hidenavig span:nth-of-type(2) {top: calc(50% - var(--s)/2);}
	#hidenavig span:nth-of-type(3) {bottom: 0;}
	#hidenavig.active span{background:#a3cf44;}
	#hidenavig.active span:nth-of-type(1) {transform: translateY(calc((var(--h)/2 - var(--s)/2))) rotate(-45deg);}
	#hidenavig.active span:nth-of-type(2) {opacity: 0;}
	#hidenavig.active span:nth-of-type(3) {transform: translateY(calc(-1*(var(--h)/2 - var(--s)/2))) rotate(45deg);}
	#topNavigC{position: relative;}
	#topNavigC:not(.active) #topNavig{display:none;}
	.bio #Container #topNavig{position: absolute;top: 100%;right: 0;background: #fff;border: solid #a3cf44;border-width: 0 0 1px 1px;padding: 0.75em;box-shadow: -1px 1px 5px -2px #e3e3e3;z-index: 357;}
	#Container #topNavig > ul{flex-direction: column;align-items: flex-end;}
	#Container #topNavig > ul > li{padding: 0;}
	#Container #topNavig .RozcestnikNav,#Container #topNavig > ul > li:not(:hover) > .RozcestnikNav{display:none;}
}
@media only screen and (max-width:1240px) {
	#logoC, #logoC h1, #logoC a {width: 333px;height: 68px;}
	#logoC{place-self:center;}
	#searchText{width: 130px;}
}
@media only screen and (max-width: 1160px) {
	.DetailProduktu .obrazky {max-width: none;}
}
@media only screen and (max-width:1070px) {
	.kosik{grid-column:2/-2;}
	.Mob-TopVyhledani{background:url(/images/lupa.png?v=0.1) no-repeat;background-size: contain;background-position: center;width: 30px;height: 30px;cursor:pointer;}
	.TopVyhledani:not(.active) #searchBlockC{display:none;}
	.TopVyhledani{position:relative;grid-column: 2/3;grid-row: 2/3;place-self: end;margin: 0 0.85em 0 0;}
	.TopVyhledani #searchBlockC{position:absolute;top:calc(100% + 5px);right:0;margin:0 auto;background:#fff;z-index: 2;}
	.uzivatel{align-self:center;margin: 0 0.85em 0 0;position:relative;}
	.Mob-uzivatel{background: url(/images/user.png) no-repeat;background-size: contain;background-position: center;width: 30px;height: 30px;cursor:pointer;}
	.uzivatel.uziTop:not(.active) .uzivatelS{display:none;}
	.uzivatel.uziTop .uzivatelS{position:absolute;top:calc(100% + 5px);right:0;margin:0 auto;background:#fff;border:1px solid #c5c6c6; padding: 0.25em 0.5em;}
	.uzivatel.uziTop .uzivatelS:before{display:none;}
}
@media only screen and (max-width:900px) {
	.kosik{}
	.kosik .TsKosik{display:grid;grid-template-columns: 100%;grid-template-rows: auto auto;}
	.kosik .TsKosik:before{margin:0;grid-column: 1/-1;grid-row: 1/2;place-self: center;}
	.TsKosik a.Mob-DoKosiku{display:block;grid-column: 1/-1;grid-row: 1/-1;width:100%;height:100%;}
	.TsKosik .prazdnej,.TsKosik .plnej{display:none;}
}
@media only screen and (max-width:870px) {
	#bottom{grid-template-columns:100%;padding:1em 0.75em 0;justify-items: center;gap: 1em;}
	.prodejny{grid-column:1/-1;grid-row:1/2;width: 100%;}
	#bottomNavig{grid-column:1/-1;grid-row:2/3;padding: 0;border: 0;justify-self: center;min-width: auto;}
	#bottomNavig ul{align-items: center;}
	.prodejny table > tbody > tr{margin:0;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}
	.paticka{grid-template-columns:100%;justify-items: center;gap: 0.5em;padding: 1em 0;}
	.paticka .karty{grid-column:1/-1;grid-row:1/2;}
	.paticka .patickaNavig{grid-column:1/-1;grid-row:2/3;}
	.paticka .copyright{grid-column:1/-1;grid-row:3/4;margin: 0;}
	.paticka .copyright2{grid-column:1/-1;grid-row:4/5;margin: 0;}
	.paticka .patickaNavig li{margin:0;}
	body:not(.cke_editable).bio .Rozcestnik h2{font-size:1.45em;}
	body:not(.cke_editable).bio .rozcestnikBIG{padding:1em 0.25em;}
}
@media only screen and (min-width:826px){
	.KosikS table.doprava-platba{height:1px;}
	.KosikS table.doprava-platba tr{height:100%;}
	.KosikS table.doprava-platba td{height:100%;}
	.KosikS table.doprava-platba .Doprava-InfoBox{width:100%;height:100%}
}
@media only screen and (max-width:930px) and (min-width:756px){
	.DetailProduktu .variantyList .variantyListT .variantaList{grid-template-columns:100%;}
	.DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]{grid-column:1/-1;padding:0.15em 0;}
	.DetailProduktu .variantyList .variantyListT .variantaList .radek + .radek.variantaList-typ{margin-top:1em;}
}
@media only screen and (max-width:755px) {
	.DetailProduktu {grid-template-columns: 100%;grid-template-rows: repeat(6,auto);gap: 1em;}
	.DetailProduktu::before {display:none;}
	.DetailProduktu .nadpis{grid-column:1/-1;grid-row:1/2;margin:0;padding:0;}
	.DetailProduktu .nadpis .nadpisH{padding:0.75em 0 0.25em;}
	.DetailProduktu .obrazky{grid-column:1/-1;grid-row:2/3;}
	.DetailProduktu .obrazky .obrazek-hlavni img{width:100%;}
	.DetailProduktu .parametry{grid-column:1/-1;grid-row:3/4;margin:0;}
	.DetailProduktu .variantyList{grid-column:1/-1;grid-row:4/5;margin:0;}
	.DetailProduktu .popis2{grid-column:1/-1;grid-row:5/6;margin:0;padding:0}
	.DetailProduktu .textik{grid-column:1/-1;grid-row:6/7;}
	.DetailProduktu .varianty{grid-column:1/-1;grid-row:7/8;}
	.DetailProduktu .parametry .parametryT{padding:0;}
	.DetailProduktu .variantyList .variantyListT{margin:0;padding:0;}
	.DetailProduktu .variantyList .variantyListT .variantaList{padding:0;}
}
@media only screen and (max-width:745px) {
	#topBanner{grid-template-columns: 1fr repeat(5,auto);grid-template-rows:repeat(2,auto);padding-top:0.5em;gap:0 0.75em;}
	#logoC{grid-column:1/2;grid-row:1/2;place-self:center;align-self: center;justify-self: start;}
	.logo-organic-bio{grid-column:-2/-1;grid-row:1/2;margin: 0;align-self: center;justify-self: end;}
	#jazyky{grid-column:2;grid-row:1;margin: 0;place-self:center;}
	.uzivatel{grid-column:3;grid-row:1;margin: 0;place-self:center;}
	.TopVyhledani{grid-column:4;grid-row:1;margin: 0;place-self:center;}
	.kosik{grid-column:5;grid-row:1;margin: 0;place-self:center;}
	#topNavigC{grid-column:1/-1;grid-row:-2/-1;}
	#hidenavig{grid-column:-2/-1;grid-row:-2/-1;}
	#logoC, #logoC h1, #logoC a {width: 170px;height: 35px;}
	.logo-organic-bio img{width: 62px;height: 90px;}
	.logo-slogan{display:none;}
	.filtrBioTlacitka{padding:0 1em 0 0;}
	#actPathC{font-size:0.9rem;}
}
@media only screen and (max-width:630px) {
	.DetailProduktu .variantyList .variantyListT .variantaList{grid-template-columns:100%;}
	.DetailProduktu .variantyList .variantyListT .variantaList div[class|="variantaList"]{grid-column:1/-1;padding:0.15em 0;}
	.DetailProduktu .variantyList .variantyListT .variantaList .radek + .radek.variantaList-typ{margin-top:1em;}
}
@media only screen and (max-width:545px) {
	#topBanner {grid-template-columns: auto auto auto 1fr auto auto;}
	#logoC {grid-column: 1/4;}
	.logo-organic-bio {grid-column: -3/-1;}
	#jazyky{grid-column:-4/-3;grid-row:1;justify-self: end;}
	.uzivatel{grid-column:1;grid-row:2;position:relative;z-index:4;}
	.TopVyhledani{grid-column:2;grid-row:2;position:relative;z-index:4;}
	.kosik{grid-column:3/5;grid-row:2;justify-self: end;position:relative;z-index:4;}
	#jazyky ul{flex-direction:column;}
	#jazyky li + li{margin:0.5em 0 0;}
	.uzivatel.uziTop .uzivatelS,.TopVyhledani #searchBlockC{right:auto;left:0;}
}
@media only screen and (max-width:445px) {
	.KatList.dlazdice .Produkt:not(.neniskladem) .obrazek img{width: 100%;max-height: none;}
	.KatList.dlazdice .Produkt:not(.neniskladem) .obrazek{max-height:none;}
	.KosikS .kosikTlacitka{flex-wrap:wrap;justify-content:center;}
	.KosikS .kosikTlacitka .colorBckModra{margin-left:0;}
}