/*breakpoints: 600px and less; 768px and less, 992px and up*/
/* force light appearance even when the OS/browser theme is dark */
:root{color-scheme: light;}
html{background-color:#ffffff;}
body{background-color:#ffffff;color:#000000;}
*{margin: 0;padding: 0;/*box-sizing: border-box; чупи галерията*/}
body{display: flex;flex-direction: column;padding: 10px;font: normal normal normal 11pt sans-serif;}
@media print {body{font:normal normal normal 8pt sans-serif;}a{text-decoration:none;color:#000000;}.np>*{display:none;}}
@media only screen and (max-width: 600px) {body {line-height:150%;}}
header, main, footer {margin: 0 auto;max-width:990px;width:100%;}
img{max-width:100%;}
.offscreen{position: absolute;clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
a{color:#000000;}
a:hover, a.menuAct {text-decoration:none;}
#searchForm{display:inline-flex;gap:10px;flex-grow:1;justify-content:center;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"]{max-width:222px;padding:5px;border:2px solid #725423;outline:none;flex-grow: 1;}
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="email"]:hover{border: 2px solid #88bf4e;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus{border: 2px solid #88bf4e;}
.textIn{width:30vw;border-radius:3pt;}
.textIn1{width:50vw;}
.findInp{border-color:#725423;}
.findInp::placeholder {color: #725423;}
.button{padding:5px;border:2px solid #725423;display:flex;justify-content:center;text-decoration:none;border-radius:3px;background-color:#efffde;}
.button:hover, .button:active {border: 2px solid #88bf4e;background-color:#FFF7DE;}
.menuContainer {display: flex;justify-content: center;flex-wrap:wrap;}
.menuSubContainer{width:100%;max-width: 990px;display: flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap: 10px;}
.menuSub1Container > a {padding: 0px 5px 3px 5px;}
@media only screen and (max-width: 992px) {.menuSub1Container {display:flex;width:100vw;justify-content:flex-end;flex-wrap:wrap;}}
.logoContainer{display:flex;flex-wrap:wrap;flex-direction:column;}
.logoLink1, .logoLink2 {color:#725423;font-size:larger;font-style:oblique;font-weight:bold;text-decoration:none;}
@media only screen and (max-width: 768px) {.logoLink2, .hideOnSmScr {display:none;}}
.menuSub2Container{width:100%;max-width:990px;display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;padding-top:15px;padding-bottom:5px;}
.menuSub2Container > a {padding: 0px 5px 0 5px;}
.menuSub3Container {width:100%;max-width:990px;display:flex;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;align-items:center;background-color: #efffde;margin:7px 0 4px 0;padding:6px 0 8px 0;white-space:nowrap;-webkit-overflow-scrolling: touch;position:relative;border-radius:3pt;}
.menuSub3Container > a, .menuSub3Container > span {padding: 0px 5px 0 5px;}
.breadcrumb {padding-bottom:8px;}
footer{border-top:1px solid #c1c1c1;padding-top:5px;min-height:30px;max-width:990px;display:flex;justify-content:space-between;width:100%;align-items:start;margin-bottom:10px;margin-top: 20px;}
footer a {padding: 0px 5px 0 6px;}
footer > div {display:flex;flex-wrap:wrap;gap:15px;}
@media only screen and (max-width: 768px) {footer > div {flex-direction:column;width:50%;}}
ol, ul {margin: revert;padding: revert;}
.prodBox{display:flex;align-items:center;width:100%;justify-content: space-evenly;height:170px;}
.quartW {padding:0 3px;width:24%;}
.prodBox > div.quartW:first-child {min-width: 112px;min-height: 112px;max-height:160px;overflow: hidden;}
.prodBox > div.quartW:first-child a {display:flex;justify-content:center;}
.prodBox > div.quartW:first-child a > img {max-width: 170px;flex-shrink:0;overflow: hidden;}
.quartW2 {line-height:130%;}
.quartW4 {text-align:center;display: flex;justify-content: center;flex-direction: row-reverse;gap: 13px;}
.prodTypeLabel {display:inline-block;background-color:#EFFFDE;padding:3px 0;}
@media only screen and (max-width: 768px) {div.quartW3{display:none;} .wishLink {display:none;} div.quartW{width:31%;} div.quartW4{width:17%;}}
.refineSearchLinks {padding:1ch;line-height:200%;}
.pagination {clear:both;width:100%;float:left;margin:1ch 0;line-height:200%;}
.pagination  a {padding:0 5px;float:none;}
h1, h2, h3, h4{font-size:13pt;margin-top:10px;margin-bottom:10px;}
#submit {padding:20px;}
.hscrollLBtn{position:sticky;left:0px;border:0;background-color:#efffde;}
.hscrollRBtn{position:sticky;right:0px;border:0;background-color:#efffde;}
table{border-collapse: collapse;}
td{padding:1ch;}
input:invalid,textarea:invalid {box-shadow: 0.5px 0.5px 3px 0px #ff0000;}
.bordered td {border:1px #cccccc solid;}
.trBBD{border-bottom:1px dotted #7D9A3D;}
.cursiv{font-style:italic;}
.red{color:#ff0000;}
.trAlter {background-color:#F2FBFF;}
.bgrR{background-color:#FF0000;}
.bgrY{background-color:#FFF8B6;}
.bgrG{background-color:#EFFFDE;}
.col70{color:#464646;}
.col50{color:#808080;}
.f8{font-size:small;}
.bold{font-weight:bold;}
.adminmenu{display: flex;justify-content: center;gap: 10px;margin: 20px;flex-wrap:wrap;}
.nowrapTxt{white-space:nowrap;}
.greenC{color:#529F00;}
/*#72b422*/
