/* ONDRA, 19.5.2022, nové MENU pro ZAHRADU - vychází z KAMEN */

.eshopLeftMenuFrame {width: 100%; float: left; color: #fff;}
.eshopLeftMenuFrame .catsFrame {width: 100%; float: left; background-color: #256443;}
.eshopLeftMenuFrame .catsFrame .linkCont {width: 100%; display: flex; padding: 0 0 0 10px;}
.eshopLeftMenuFrame .catsFrame .linkCont:hover {background-color: #144c34; color: #fff;}
.eshopLeftMenuFrame .catsFrame .linkCont.on {background-color: #999;}
.eshopLeftMenuFrame .catsFrame .link {width: calc(100% - 40px); height: auto; padding: 6px 0; display: flex; align-items: center; flex-grow: 1; font-size: 12px; font-weight: 600; position: relative;}
.eshopLeftMenuFrame .catsFrame .link:hover {/*color: #f1e78c;*/}
.eshopLeftMenuFrame .catsFrame .linkCont.active {background-color: #144c34; color: #fff;}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow {width: 20px; display: flex; position: relative; cursor: pointer;}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:before {content: ""; display: block; position: absolute; width: 10px; height: 2px; background-color: #fff; top: calc(50% - 1px); right: 10px; transform: rotate(180deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:after {content: ""; display: block; position: absolute; width: 10px; height: 2px; background-color: #fff; top: calc(50% - 1px); right: 10px; transform: rotate(90deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:hover:before {/*background-color: #f1e78c;*/}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow:hover:after {/*background-color: #f1e78c;*/}

.eshopLeftMenuFrame .catsFrame .linkCont:hover .arrow:before {background-color: #fff;}
.eshopLeftMenuFrame .catsFrame .linkCont.active .arrow:before {background-color: #fff;}

.eshopLeftMenuFrame .catsFrame .linkCont:hover .arrow:after {background-color: #fff;}
.eshopLeftMenuFrame .catsFrame .linkCont.active .arrow:after {background-color: #fff;}

.eshopLeftMenuFrame .catsFrame .linkCont .arrow.active:before {*transform: rotate(45deg);}
.eshopLeftMenuFrame .catsFrame .linkCont .arrow.active:after {display: none; *transform: rotate(135deg);}
.eshopLeftMenuFrame .catsFrame .u1Cont {width: 100%; border-bottom: 1px #494949 solid;}
.eshopLeftMenuFrame .catsFrame .u2Cont {width: 100%; display: none; color: #fff;}
.eshopLeftMenuFrame .catsFrame .u2Cont .link {}
.eshopLeftMenuFrame .catsFrame .u2Cont.active {display: block;}
.eshopLeftMenuFrame .catsFrame .u3Cont {width: 100%; display: none;}
.eshopLeftMenuFrame .catsFrame .u3Cont.active {display: block;}
.eshopLeftMenuFrame .catsFrame .u4Cont {width: 100%; display: none; }
.eshopLeftMenuFrame .catsFrame .u4Cont.active {display: block;}

.eshopLeftMenuFrame .catsFrame .u2Cont .linkCont .arrow {padding-left: 20px;}
.eshopLeftMenuFrame .catsFrame .u2Cont .linkCont .blank {padding-left: 20px;}

.eshopLeftMenuFrame .catsFrame .u3Cont .linkCont .arrow {padding-left: 40px;}
.eshopLeftMenuFrame .catsFrame .u3Cont .linkCont .blank {padding-left: 40px;}

.eshopLeftMenuFrame .catsFrame .u4Cont .linkCont .arrow {padding-left: 60px;}
.eshopLeftMenuFrame .catsFrame .u4Cont .linkCont .blank {padding-left: 60px;}