:root{
    --r: 5px;
}
body,html{
    height:auto;
}
body{
    background-color:var(--bg);
    background-image:var(--img-bg);
}
.inner{
    box-sizing: border-box;
}
#myZone,body.My{
    background-color:white;
}
.b2bContainer{
    max-width:100% !important;
}

span.menuOpener {
    margin-left: 5px;
    cursor:pointer;
}

#discountsDesc{
    flex: 1;
    background: #00000017;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loadMoreBtn{
    display: flex;
    max-width: 300px;
    text-align: center;
    justify-content: center;
    border-radius: 30px;
    width: 100%;
    margin: 40px auto 10px;
}
body.headerFixed .masterText{
    background-color: var(--bgdark);
    margin:0 20px;
    
    
}
#side .masterCat{
    
}
#side .masterCat{
    margin:2px 0;
}
.pinToggler{
    border: 1px solid gray;
    border-radius: 30px;
    position: absolute;
    left: 0;
}
#myZone .myimg{
    width: 97px;
}
#myZone .itemrow .quant {
    min-width: 100px;
    border-radius: 0;
    border:none;
}
#myZone .addBtn_blue .input-number {
    background-color: none;
    border:none;
    border-radius: 0;
}


body.headerFixed .masterText a{
    color: var(--bgdarkf);
}
.masterBlockText.active .masterText{
    border: 1px solid white;
    padding: 0 5px;
    border-radius: var(--r);
    background: gray;
}

.topMenu{
    background: #f2efef;
    border-radius: var(--r);
    text-align: center !important;
    width: 100%;
    
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: bold;
    
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.topMenu img{
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 18px;
    /* box-shadow: 0 0 5px #0000005c; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 34px;
}
.topMenu:hover img{
    transform:scale(1.2);
}
.topMenu.active{
    background: var(--black);
    color:white;
}


body.headerFixed #formWrapper{
    position: fixed;
    top: 2px;
    padding: 0;
    border-radius: 10px;
    left: 10px;
    margin: 0 auto;
    z-index: 10000;
    width: 240px;
}
body.headerFixed  #formWrapper #q.searcher{
    height: 34px;
    width: 100%;
    padding: 5px 0;
    margin: 0;
}
.topMenu a{
    width: 100%;
    padding: 5px 0;
}
.topMenu.active a{
    color:white;
}
.masterQuantityInfo{
    position:absolute;
    right:5px;top:-3px;
    font-size:0.8rem;
    text-align:right;
    
}
.purchased{
    background: var(--green);
    border-radius: 10px;
    padding: 0 5px 0 7px;
    color: white;
    margin: 0 5px;
}
.ribbon{
   z-index:12;
   height: 75px !important;
}
#headerApp{
    position:relative;
    padding-top:40px;
    z-index:5;
}
footer{
    position:relative;
    z-index:5;
}

.breadcrumbs {
    position:relative;
    font-size: 120%;
    padding: 10px;
    margin-top:10px !important;
    margin-bottom:10px;
}
.breadcrumbs.dark{
    background: var(--bgdark);
    color: var(--light);
}
.breadcrumbs.dark a{
    color: var(--light);
}
.breadcrumbs.light{
    background: var(--bglight);
    color: var(--dark);
}
.breadcrumbs.light a{
    color: var(--dark);
}
.catSplitter{
    clear: both;
    width: 100%;
    margin: 15px 10px;
    text-align: center;
    border-bottom: 1px solid gray;
    padding-bottom: 7px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 150%;
    background-color: white;
    border-radius: 10px;
}
.catIntro{
    background: white;
    padding: 10px;
    border-radius: 10px;
    margin: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    position:relative;
    overflow: hidden;
}
.catIntro .gradBlender{
    position:absolute;
    left:0;right:0;top:0;bottom:0;
    background: rgb(255,255,255);
    background: linear-gradient(-90deg, rgba(255,255,255,1) 45%, rgba(255,255,255,0.19511554621848737) 100%);
}
#scrollToTop{
    font-size: 20px;
    position: fixed;
    left: 10px;
    width:40px;
    background: #0000009c;
    color: white;
    padding: 0 10px;
    bottom: 40px;
    z-index: 20;
}

.toptagBlock{
    min-width:48px;
    max-width:60px;
    height:48px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:5px;
    border:1px solid gray;
    border-radius:5px;
    box-shadow:0 0 5px #eee;
    cursor:pointer;
}
.topTags {
    margin: 10px 0;
}
.topTagWrapper{
    margin-bottom:10px;
}
.materialBlock .toptagBlock{
    height: auto;
    border: none;
    background-color: #e6f8ff;
    width: fit-content;
    padding-left:2px;
    padding-right:2px;
    max-width: 200px;
}
.toptagBlock.active{
    border:2px solid red;
}
.toptagBlock img{
    height:100%;
}
.topTagImage{
    width:100%;height:100%;display:flex;align-items:center;justify-content:center;
    overflow: hidden;
    max-width:600px;
    border-radius: var(--r);
    box-shadow: 0 0 5px 2px #b9b6b6;
    background-color:white;
    position:relative;
}
.topTagImage img{
    max-height:400px;
    height:95%;
    width:auto;
}
.topTagImage h5{
        position: absolute;
    bottom: 0px;
    right: 0;
    min-width: 32%;
    text-align: center;
    background: rgb(0,0,0);
background: linear-gradient(-90deg, rgba(0,0,0,0.7959558823529411) 58%, rgba(0,0,0,0) 100%);
    padding: 10px;
    font-size: 120%;
    color: white;
}
#side{
    width: 250px;
    height: fit-content;
    padding: 0;
    max-width: 220px;
    overflow-x: hidden;
    
    
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 10px;
    /* margin-right: 10px; */
    /* margin-left: 5px; */
    padding: 0 5px 0 5px;
    
    
    border-right: none;
    
    border-radius:0;
    border:none;
}
#side.bordered{
   border-radius: var(--r);
   border: 1px solid #6f6f6f; 
}
#side.light{
    background-color: var(--bglight);
    color:var(--dark);
}
#side.dark{
    background-color:var(--bgdark);
    color:var(--light);
}

.sideFloat #side{
   position: absolute;
   right:-400px;
   z-index: 1;
   width:300px;
    background: white;
   box-shadow: -1px 4px 5px 2px #ababab;
   height: fit-content;
   padding: 5px;
   border-radius: var(--r);
}
.product__quantity {
    width: 140px;
}

#side::-webkit-scrollbar {
    width: 5px;
}
#sideOpener{
    display:none;
}
.sideFloat #sideOpener{
    position: fixed;
    right: 30px;
    background: var(--bg);
    color: var(--bg1);
    border-radius: 40px;
    top: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 200%;
    padding: 3px;
    box-shadow: 0 0 2px 2px #d5d5d5;
}
.sideCatRow{
    /*background: white;*/
    padding-left: 0px;
    border-radius: 2px;
    margin-bottom: 2px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: bold;
    overflow: hidden;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.sideCatRow:hover{
    
}
.sideCatRow.colored.active{
    font-weight: bold;
    background: #e2e2eb;
    border-right: 6px solid #a6a6ed;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
   
}
.sideCatRow.colored.active a.title{
    text-align: center;
    justify-content: center;
    background: var(--bg);
    color: black;
    font-size: 160%;
    border-top-left-radius: 15px;
    border-bottom: 2px solid #bdbaba;
    margin-bottom: 5px;
}
.sideCatRow a{
    font-weight: normal;
    color:black;
    white-space: nowrap;
    
}
#side.dark .sideCatRow a {
    color: var(--light);
}
.sideCatRow a.grayed{
    color:#adadad;
    font-weight:100;
}
.sideCatRow.active a.title{
    font-weight:bold;
}
.sideCatRow .imgBlock{
    display:none;
}
.sideCatRow.colored.active img{
    display:none;
}
.sideCatRow.active .menuTitle{
    border-bottom: 1px solid lightgray;
    
}
.sideCatRow img{
    max-width: 45px;
    margin-left: 5px;
    border-radius: var(--r);
    border: 1px solid #999;
    opacity: 0.7;
}
#side.dark .sideCatRow img{
    opacity: 1;
}
.dark .form-group.light .form-control{
    color:#938f8f;
}
.sideCatRow div.inner{
    width: 100%;
}
.sideCatRow.colored.active .grayRect{
    position: absolute;
    right: 0;
    width: auto;
    
    border-radius: 50px;
    width: 40px;
    height: 40px;
    right: 6px;
    line-height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    margin: 0;
    background: white !important;
}
body.dark .sideCatRow.active{}
body.light .sideCatRow.active{}
body.light .sideCatRow.active div{color: var(--light2);}


body.dark .sideCatRow.active img,body.dark  .sideCatRow:hover img{
    mix-blend-mode: multiply;
    transform: scale(1.1);
}
body.light .sideCatRow.active img,body.light .sideCatRow:hover img{
    mix-blend-mode: color-burn;
    transform: scale(1.1);
}
.internalCatsLi{
    width:100%;
}
.internalCatsLi li:hover,.sideCatRow:hover .menuTitle{
    background:var(--bg1);
    background: linear-gradient(90deg, #5d5e6000 5%, var(--bg1) 12%, #5d5e60 100%);
}
.internalCatsLi li.active,.sideCatRow.active .menuTitle {
    background: linear-gradient(90deg, #5d5e6000 3%, var(--bg1) 7%, #5d5e60 100%);
}
.internalCatsLi li.active a,.internalCatsLi li:hover a,.sideCatRow.active .menuTitle a,.sideCatRow:hover .menuTitle a{
    color: #efff00;
}
#topFilters.dark .filters-button {
    background: #666;
    color: white;
    border: 1px solid #555;
}

.sideFloat #side.active {
    position: fixed;
    top: 40px;
    right: 3px;
    width: 32%;
}
.sideFloat  #side.active #sideOpener{
    display:none;
}



.quantityUnit{
    position: absolute;
    left: 5px;
    bottom: 4px;
    background: var(--bg2);
    color: white;
    /* border-bottom-left-radius: 5px; */
    border-top-right-radius: 5px;
    padding: 0 5px;
    line-height: 14px;
    pointer-events: none;
}
.colorPickerWrapper{
    height: 32px;
    width: 32px;
    position:relative;
    margin-left: 10px;
    top:0px;
    transition: all 0.5s;
}
.colorPickerWrapper::before{
    content: ' ';
    background: #00000078;
    width: 100%;
    position: absolute;
    bottom: -0px;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1000;
    filter: blur(7px);
    transition: all 0.5s;
}
.colorPickerWrapper:hover{
    top:-3px;
}
.colorPickerWrapper:hover::before{
    bottom: -10px;
}
.colorPicker{
    display: flex;
    width:100%; height:100%;
    border-radius: 20px;
    overflow: hidden;
    transform: rotate(0deg);
    cursor: pointer;
    box-shadow: 0 0 9px #afafafb0;
}

.colorPicker div.glow{
    content: '';
    width: 90%;
    height: 40%;
    z-index: 116;
    box-shadow: 0 0 7px 5px rgb(255 255 255 / 60%);
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 50px;
    background: #ffffff7a;
}
.colorPickerWrapper .qnt{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 1px 1px 1px #000;
    font-size: 1.3rem;
}
.colorPickerWrapper .qnt.qnt3{
    font-size: 1.0rem;
}

.colorPicker:hover,.colorPickerWrapper.active .colorPicker{
    transform: scale(1.2);
    animation: pulse2s 2s infinite;
    
}
.colorPickerWrapper.active .colorPicker{
    border:2px solid black;
}
.colorPicker input{
    position: absolute;
    opacity: 0;
}
.colorPicker span{
    display:flex;
    height:32px;
    flex: auto;
    
}
#customWhatsAppMsg select{
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    color: white;
}
#customWhatsAppMsg select option{
    color:black;
}
.socialDiv{
    display:flex;
    flex-direction: row;
}
.topCatBlock {
    border: 1px solid #bbb;
    margin: 5px;
    padding: 5px;
    border-radius: var(--r);
    box-shadow: 0 2px 5px #ccc;
    min-width: 110px;
}
.topCatBlock .inner a{
    display: flex;
    flex-direction: column;
    font-weight: bold;
}
#stageCart .dropcart--style--dropdown{
    width:100%;
    background:transparent;
}
#stageCart .dropcart__products-list{
    display:flex;
    flex-wrap:wrap;
    align-items: baseline;
    padding: 0;
}
#stageCart .dropcart__totals{
    padding:5px;
}
#stageCart .dropcart__totals table{
    max-width:300px;
}
#stageCart .dropcart__buttons{
    padding:5px;
}
#stageCart .dropcart__product{
    width: auto;
    min-width: 185px;
    margin: 5px;
    border: 1px solid black;
    padding: 5px;
    background: white;
}
.dropDownCatList{
    max-width: 320px;
    flex-wrap: wrap;
    flex-direction: row;
    width: 320px;
   
}
#breadCats.show .dropDownCatList,.dropDownCatList.show{
    display:flex !important;
}
.dropDownCatList li{
        padding: 5px 10px 5px 0;
    width: 150px;
    overflow-x: hidden;
    height: 27px;
    overflow: hidden;
}
.socialDiv a,.whatsLink{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* width: 84px; */
    /* height: 61px; */
    /* border: 1px solid #eee; */
    border-radius: var(--r);
    box-shadow: 0px 1px 1px #bdbaba;
    margin-left: 10px;
    padding: 2px 12px;
    min-width: 60px;
    transition: all 0.5s ease-out;
    background: #25D366;
    color: white !important;
    margin-bottom:10px;
}
.whatsLink{
    min-width:20px; box-shadow:none; margin:0;
}
.whatsAppLink{
        font-size:0.8rem;
}
.socialDiv a:hover{
    background-color:#eee;
    color:#075E54;
}
.socialDiv a i{
    font-size:2rem;
}
.menuSubTitle{
    font-size: 1rem;
    border-bottom: 1px solid #eee;
    width: 100%;
    text-align: center;
}

.Shop .inputDiscount{
    
}
.Shop .addBtn_blue .input-number{background-color:transparent;}
.Shop .discountWrapper{
  
    max-width: 222px;
    display: flex;
    align-items:center;
    padding: 3px;
    background: transparent;
}
.Shop .discountWrapper *{
    font-size:0.8rem;
}
.Shop .inputFinal{
    font-size:1rem;
    color:var(--green);
}
.Shop .discountWrapper .input-number__input{
    min-width:100px;
}
.Shop .discountWrapper button{
    height: 100%;
    border: 1px solid #eee;
}

.plusminBtn{
    min-width:20px;
    opacity:0.6;
}
.plusminBtn.freeze{
    color:#cbcbcb;
}
.mlay .plusminBtn {
    min-width: 20px;
}
.addBtn_green .input-number { background-color:#9edb9e;}
.addBtn_brown .input-number { background-color:#ad9568;}
.addBtn_blue .input-number { background-color:#90d2ff;}
.addBtn_red .input-number { background-color:#ff9090;}
.addBtn_black .input-number,.addBtn_dark .input-number { background-color: #121212; color: white;}
.addBtn_white .input-number,.addBtn_light .input-number { background-color: #fff; color: black;}
.addBtn_cyan .input-number { background-color: #7ccdcd; color: black;}

.mlay .input-number {
    background-color: green !important;
    color:white !important;
}
.mlay  .input-number__add, .input-number__sub{
    opacity: 1;
}
.returns .input-number {
    background-color: red !important;
    color:white !important;
}
.returns  .input-number__add, .input-number__sub{
    opacity: 1;
}
.itemReturnBanner{
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: 32%;
    font-size: 240%;
    text-align: center;
    opacity: 0.2;
    color: red;
    transform: rotate(340deg);
}


.dropcart__product-image {
    width: 70px;
    flex-shrink: 0;
    max-height: 80px;
    overflow: hidden;
    text-align: center;
}

.dropcart__product-image img{
    max-height: 80px;
}
#side.dark .itemsList .litext{ color: var(--light);}
#side.light .itemsList .litext{ color: var(--dark);}
#side .form-group{
    margin-bottom: 0.5rem;
}
#side .switch-control-label .switch{
    margin-left:0;
}
.labelSelector.active span{
    color:green;
}
.labelSelector.notavailable span{
    color: #b1adad;
}
#xxxtopFilters.fixed{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bg2);
    padding: 0;
    border-bottom: 1px solid var(--bg1);
    height: 50px;
    /* overflow: hidden; */
    display: flex;
    align-items: end;
    margin: 0;
    box-shadow: 0 2px 4px #000000;
}
.breadcrumb-item {
    align-items: center;
    display: flex;
}
#sideInner.fixed{
    top: 35px;
    right: 0px;
    overflow-y: auto;
    height: 75vh;
}

.scroll-y {
   max-height:700px;
   overflow-y: scroll;
}
.scroll-y::-webkit-scrollbar {
    width: 5px;
}

.badge2{
    margin-right: 0;
    margin-left: 0;
    right: -2px;
    top: 9px;
    bottom: auto;
    left: auto;
    position: absolute;
    background: #ffffffd6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.badge.clcounter {
position: absolute;
    left: 10px;
    top: 5px;
    background: var(--bg2f);
    color: black;
    color: green;
    display: flex;
    align-items: center;
    color: var(--bg2) !important;
    
}
.topMenu  span.badge.clcounter {
    left: 14px;
    top: 5px;
    height: 24px;
    width: 24px;
}
.hazard{
    background: red;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: yellow;
    margin-bottom: 15px;
    border-radius: var(--r);
    margin-top: -5px;
}
.scroll-y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.showOnParentHover{
    display:none;
}
.item:hover .showOnParentHover,.product:hover .showOnParentHover,.gallery:hover .showOnParentHover{
    display:flex;
    flex-wrap: wrap;
    z-index:100;
    align-items: center;
}
.thumbTools{
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 5px 10px 0;
    font-size: 100%;
    color: gray;
    width: 100%;
}
.product .thumbTools:hover{
    color:black;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 60%);
}


.staffBlock{
    width: 120px;
    height: 120px;
    margin: 5px;
    border: 2px solid white;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    background: url('../../../../../media/shared/nothumbnail.png') no-repeat center center;
    background-size:contain;
}
.staffBlock img{
    height:100%;
}
.staffBlock:hover .staffthumb{
    transform:scale(1.1);
}
.staffBlock h3{
    position: absolute;
    bottom: 0;
    margin: 0;
    color: wheat;
    left: 0;
    right: 0;
    padding: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.6797093837535014) 40%, rgba(0,0,0,0) 100%);
}
.showOnParentHover a{
    border: 1px solid #eee;
    padding: 0 5px;
    border-radius: var(--r);
    margin: 5px 2px;
    background: #ffffffd1;
}
.scroll-y::-webkit-scrollbar-thumb {
    border-radius: var(--r);
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.grayRect{
        margin-top: 15px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background: #e5e4e4 !important;
    color:black !important;
    border-radius: 3px;
}
.homepageContainer
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
.masterBlock{
    flex:1;
    min-width: 310px;
    max-width: 60%;
    height: 260px;
    box-sizing: border-box;
}
.collections .masterBlock{
    min-width:40%;
     height: 280px;
}

.masterBlock.internalCat{
    min-width:100px;
    width:120px;
    max-width: 200px;
    height:90px;
}


#internalCatsWrapper.light{
    background: var(--bglight);
    border: 2px solid #eee;
    margin: 10px;
    width: auto;
    border-radius: 7px;
}
#internalCatsWrapper.light #internalCats .inner {
    background-color: #d5d5d5;
    background-position: bottom center;
    background-blend-mode: multiply;
}
#internalCats{
    padding: 0px 10px 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
#internalCats .internalCat{
    min-height:200px;
}





.masterBlock.bigger .masterCat .masterInfo a.masterTitle {
    /* color: black !important; */
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold ;
    font-size: 1.8rem ;
}
.XmasterBlock.bigger:hover a.masterTitle {
    font-size:100%;
}
#internalCats .inner{
    background-size: auto;
    background-position: center center;
}
#internalCats .active .inner{
    border:2px solid black;
}

.masterBlock .inner{
    border: 1px solid white;
    background-color: #e5f6fd;
    
}

.masterBlock.internalCat .inner{
    border-radius:5px;
    
}
.masterBlock.internalCat .inner{
    font-size:80%;
    
}
.masterBlock:nth-child(3n-1) .inner{
    background-color: #c5e0ed;
}
.masterBlock:nth-child(3n) .inner{
    background-color: #adc4cf;
}
.masterBlock .masterCat{
    margin:0;
}

.masterBlock .inner {
        background-repeat: no-repeat;
}

.masterBlock .noimage .inner{
    background-color: #6c757d;
}
.masterCat .masterInfo a{
    color:white;
    font-size: 1.3rem;
}
.masterBlock.bigger .masterInfo a{
    color:white;
    font-weight:100;
}
.masterCat.noimage .masterInfo a{
    
}
.masterBlock .inner,.sideBlock .inner{
    border: none;
    border-radius: 3px;
    box-shadow: 0 0 10px 5px rgba(100,100,100,.1);
    background-size: cover;
    height: 100%;
    width: 100%;
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    cursor:pointer;
    box-sizing: content-box;
    overflow: hidden;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
   
}
.masterBlock .inner{
    height:100%;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
}
.masterCat{
    position:relative;
}
.masterCat:hover .inner{
   
    
}
.masterCat:hover a.masterTitle{
    border-bottom: 1px solid #f1f1f1;
}
.titleSku {
    color: var(--bgdark);
}

.masterCat .masterInfo{
    text-align: center;
    width: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 10;
    top: auto;
    padding: 5px;
    text-align: revert;
    color: var(--bg1f);
    text-shadow: 0 0 5px black;

    
}
.masterCat.noimage .masterInfo{
    position:relative;
    text-shadow:none;
}

.masterCat .subcats{
    display:none;
}
.masterCat:hover .subcats{
    display:flex;
    
}
.masterInfoInner{
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    
    color: white;
    
}

.XmasterBlock.bigger:hover .masterInfo{
    background-color: #040d54cf;
    color: white;
    top: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}
.XmasterBlock.bigger:hover a{
    color:white;
}
.sideBlock{
    width:160px;
    height:190px;
    margin-bottom:10px;
}
#filtersWrapper{
    width:100%;
    direction: rtl;
    padding-top: 12px;
}
#filtersWrapper .accordion{
    width:100%;
}
#filtersWrapper .accordion-button {
    padding: 8px 10px;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #e5e5e5;
}
.filter__container {
    padding: 10px 5px;
}
#filtersWrapper .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}
.sideBlock.active .inner{
    background-image:none;
    background:var(--bg1) !important;
    color: white;
    justify-content: flex-start;
}
.sideBlock.active .inner .title{
    position:relative;
    
}
.sideBlock.active{
    height:auto;
    
}
.sideBlock.active ul{
    
    overflow-y:auto;
   
    
}

.input-radio-color__item {
    width: 30px;
    height: 30px;
    display: block;
    margin: 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border:2px solid;
}
.input-radio-color__item span {
    height: 28px;
}
.input-radio-color__item span:before {
    left: 1px;
    top: 2px;
}
.input-radio-color__item span:after {
    left: 6px;
    top: 7px;
}




.sideBlock .inner:hover{
    
}
.sideBlock .title{
    background: #010208c7;
    border-radius: 7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    margin: 2px;
    color: #ffffff;
    text-shadow: 0 0 2px black;
    width: 96%;
    line-height: 105%;
    padding: 5px 0;
    height:25%;
    max-height: 50px;
    display: flex;
    vertical-align: middle;
    align-items:center;
    justify-content: center;
    
}
.sideBlock .inner{
    background-position: center 10px;
    background-size:60%;
    background-repeat:no-repeat;
}
.sideBlock:hover .inner{
    background-size:80%;
}
.sideBlock:not(.active):hover .title{
    height:98%;
    border-radius: 7px;
    max-height: 250px;
}
#mainImageSwiper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 490px;
    max-height: 480px;
}
#mainImageSwiper .swiper-slide{
    max-height:480px;
}
#mediaSide{
    background-color:white !important;
    position:relative;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-right: 0px;
}

.itemNavigator {
    position: absolute;
    left: 0;
    top: 0;
    width: 15%;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.2;
    font-size: 2rem;
}
.itemNavigator.prev{
    left:auto;
    right:0;
}
#fullItemWrapper.active #mediaSide{
    opacity:1;
}

#mainAjaxer{
    position: fixed;
    left: 10px;
    top: 50px;
}

#fullItemWrapper{
    align-self:start;
};



#infoSide{
    filter: blur(1px);
    transition: blur 0.4s ease-out;
    padding-left:10px;
    overflow-y: auto;
    overflow-x: hidden;
}
#infoSideWrapper{
    display: flex;
    flex-direction: column;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: nowrap;
    align-self: end;
}
#infoSide{
    min-width: 420px;
    min-height: 240px;
    max-width: 70%; 
    display: flex;
}
#fullItemWrapper.active #infoSide{
    filter: blur(0px);
}

.infoSideTop{
    padding:10px;
}

#topFilters input,#topFilters button{
    height: 34px;
    margin: 2px;
    white-space: nowrap;
}
#topFilters.dark button{
    background: #666;
    color: white;
}
.fullItem{
    height: 100%;
    border-radius: var(--r);
    
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: white;
    z-index: 3;
    position: relative;
}
.fullItem img{

    min-width:250px;
    max-height: 600px;
    width:100%;
    transition: opacity 0.5s ease-in-out;
     
}
.fullItem img.wauto{ width:auto;  }

.soloImage{
    max-width: 600px;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.opacity0{
    opacity:0;
}
.cachedImg{
   position:absolute;
   left:0;
   top:0px;
   opacity: 1;
  
}


#addToCartWrapper{
   
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    height: 60px;
   
    background: #00000014;
    justify-content: center;

}
.product__actions{
    justify-content: center;
}
.product__description p{
    margin:0;
}

#otherImages.verticalSwiper {
    height:400px;
    width:130px;
}
#otherImages.horizentalSwiper {
    height:100px;
    height:auto;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    
}

#otherImages .swiper-slide{
    height: 70px;
    padding: 5px;
    width: 100px !important;
}
#otherImages .swiper-slide img{
    width:100%;height:100%;
}

#otherImages .swiper-wrapper{
    justify-content: center;
}
.verticalSwiper .swiper-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.verticalSwiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.productWrapper{
    margin-left:-10px;
}
.red{
    color:red;
}

.input-number__input{
    min-width:60px;
}
.product .input-number {
    max-width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
    min-width: 120px;
    border-radius: var(--r);
    font-size: 18px;
}
.mlay .product .input-number{
    font-size:12px;
    min-width: 75px;
}
.form-control-sm.itemQuantitySelector {
    font-size: inherit;
}
.product__prices {
    margin:5px 0;
}
.product__prices small{
    font-size: 0.5em;
    color: gray;
    margin-left:5px;
    letter-spacing:0;
}
.itemrowBordered .itemrow{
    border-bottom: 1px solid #eee;
}
.itemrow{
    padding: 5px 0 5px 15px;
    
}
.itemrow .quant{
    min-width: 100px;
    max-width: 190px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid white;
    width: 100%;
}
.itemrow .tdtitle{
    width:50%;
}
.displaytable .products>div{
 width:100%;
 margin:10px 0;
 border:1px solid gray;
 display:flex;
 align-items:center;
 background-color:white;
}
.displaytable .products>div:nth-child(2n+1)
{
    background-color:#eee;
}
.product{
    display: flex;
    max-width: 300px;
    min-width: 230px;
    flex: 1;
    width: 100%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    margin:0;
    border-radius: 2px;
    background: white;
}
.abs.absleft{
    z-index:2;
    background:white;
}
.local .product.red{
    border:2px solid red !important;
}
.mlay .product{
    max-width: 200px;
    min-width: 160px;
    height: 200px;
    
}
.product .itemNote{
    position:absolute;
    right:5px;
    top:25px;
    color: #ff9d00;
    width:160px;
}
.product .inner{
    width:100%;
    height:100%;
    position:relative;
    
}



#fltacrd2 .accordion-collapse {
    border:none;
}
#fltacrd2 .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f18c32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotate(-180deg);
}
.fltline{
    color:var(--gray);
    font-size:120%;
    position: relative;
}
#filtersWrapper.light .fltline{
    color:var(--dark);
}
.fltline b{
    position: absolute;
    left: 0;
    top: 5px;
    background: #e5e5e5;
    color: black;
    padding: 1px 5px;
    border-radius: 10px;
    font-size: 12px;
}
.fltline .checkbox-label{
   border-bottom: 1px dotted #dfdfdf;
}
.fltline>label>input[type='checkbox']{
    margin-left:5px;
}
.displayitem .products{
    flex-direction:row;
    flex-wrap:wrap;
    display:flex;
    gap:10px;
    padding-left: 10px;
    padding-right: 10px;
    width:100%;
}
.displayitem .products>div{
    
}
.product .item{
    height:100%;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    padding: 0px;
    font-weight: bold;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out;
    
    
}
.product.hovered .item{
    background:transparent !important;
}
.product.hovered .inner{
    background-size:cover;
    background-position:center center;
}
.product .itemImage{
    opacity: 1;
    height: 100%;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    padding-bottom:20%;
    /*transition: all 1s ease-in-out;*/
}
.product.hovered .itemImage{
    opacity:1;
}
.controlsOn .product.hovered .itemImage{
    opacity:1;
}
.product .itemImage.lazyWrapper{
    /*background-image: var(--img-category);*/
    background-position:center center;
    background-repeat:none;
    background-size:cover;
    /*opacity:0.5;*/
}
.product .item.myLazy{
    
}
.productWrapper .itemImage{
    width: 98%;
    left: 1%;
    height: 80%;
    position: absolute;
    top: 2px;
    border: 1px solid #dddddd;
    margin: 0 auto; 
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.itemImage.bgBlack,.fullItem.bgBlack{
    background: radial-gradient(circle, #5a3312 0%, rgb(0 0 0) 110%);
}
.bgImage{
    max-width:100%;
}
.item.bgImage,.fullItem.bgImage{
    background: url(https://img.freepik.com/free-photo/green-product-background_53876-90135.jpg);
    background-size: 240%;
}
.itemImage.bgImage2,.fullItem.bgImage2{
    background: url(https://img.freepik.com/free-photo/white-wall-with-gray-floor-product-background_53876-102472.jpg?w=2000);
    background-size: 240%;
}
.itemImage.bgWhite,.fullItem.bgWhite{
    background: white;
}
.itemImage.solid img,.fullItem.solid img{
    mix-blend-mode: initial !important;
}
.product .item.top .itemImage,.gallery.top .fullItem{
    align-items: start;
}

.top .itemImage img{
    position:absolute;
    top:0;
    
}
.item.bottom{
    justify-content: flex-start;
    
}
.item.boxed{
    justify-content: start;
    
}
.item.bottom ._img{
    display: flex;
    align-items: center;
}
.item.bottom ._img,.item.bottom ._img img{
    max-height:100%;
}
.item.bottom .itemImage{
    height: 78%;
    padding: 0;
    overflow: hidden;
    width: 100%;
   
    align-items: end;
}
.item.boxed .itemImage{
    height: 74%;
    padding: 0;
    overflow: hidden;
    width: 100%;
    
}
.item.boxed .itemImage>div{
    height: 100%;
    width:100%;
    display: flex;
    align-items: end;
    justify-content: center;
}
.item.boxed .itemImage img{
    max-height: 100%;
    width: auto;
    max-width: 100%;
}
.item.centered{
    justify-content: space-between;
}
.item.centered .itemImage,.gallery.centered .fullItem{
    align-items: center;
}
.item.fullWidth,.item.fullHeight{
    justify-content: flex-start;
}
.item.fullWidth .itemImage,.item.fullHeight .itemImage{
    height:77%;
    padding:0;
}
.item.fullWidth .itemImage ._img,.item.fullWidth .itemImage ._img img{
    width:100%;
    height:auto;
}
.item.fullHeight .itemImage ._img,.item.fullHeight .itemImage ._img img{
    height:100%;
    width:auto;
}
.item.centered .itemImage img,item.centeredX2 .itemImage img,.gallery.centered .fullItem img{
    margin-top:-30px;
}
.item.centered .itemImage {
    margin:0;
    width:100%;
    overflow: hidden;
    height: 77%;
    align-items: baseline;
    padding-bottom:0;
    
}
.item.centered .itemImage>div{
    height:100%;
    display:flex;
    align-items: center;
}
.item.centeredX2 {
    width:98%;
}

.item.centeredX2 .itemImage{
    align-items: center;
    width:98%;
}
.item.centeredX2 .itemImage img{
    scale:1.5;
}
.item.small .itemImage img{
    scale:0.7;
    margin-top: -20%;
}

.item.matchwidth .itemImage img,.gallery.matchwidth .fullItem img{
    width: 98%;
    height:auto;
}
.item.matchheight .itemImage img,.gallery.matchheight .fullItem img{
    height: 100%;
    width: auto;
    max-height: 80%;
    margin-top: -20%;
}
.item.stretched .itemImage img,.gallery.stretced .fullItem img{
    width: 100%;
    height: 100%;
}

.outofstockMsg {
    color: red;
    text-align: center;
    padding: 10px;
    font-size: 104%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
.picked{
    border-radius: 30px;
    padding: 0 4px;
    background: #128012;
    color: white;
}

.product.hovered .itemInfo{
    background-color: #ffffff77 !important;
    color:black;
}

.itemInfoClicker {
    isplay: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    flex: 1;
}

.mlay .product .item .itemInfo {
    background-color: #00000017;
}

.product .item.stretched  .itemInfo,.product .item.matchheight  .itemInfo {
    text-shadow: 0 0 5px white, 0 0 5px white;
}

.itemTitle h1{
    color: var(--primary);
    font-size: 140%;
    text-shadow: 1px 1px 3px black;
    margin: 0;
    padding: 6px 0;
}
.itemTitle h3{
    font-size: 100%;
    margin:0;
}
.addToFavBtn:not(.active){
    color:#3d464d;
}
.addToFavBtn.active .la.la-heart-o {
    font-weight: 900;
}
.zoom1,.zoom2,.zoom3,.zoom4{
    zoom:1 !important;
}
.zoom1 .product{zoom:1;}
.zoom2 .product{
    zoom:1.25;
}
.zoom3 .product{
    zoom:1.5;
}
.product .item{
    display:flex;
    flex-direction: column;
}
.product .itemImage{
    cursor:pointer;
}
.product .itemImage img{
    width: 100%;
    margin: 0px auto;
    /*mix-blend-mode: multiply;*/
    transition: 0.3s all ease-out;
}
.product .itemImage img.null{
    scale:0.6 !important;
    margin:0 !important;
}
.product .itemImage img:hover{
    /*transform: scale(1.1);*/
}
.product .itemImage img.null:hover{
    /*transform: scale(1);*/
}


.product .itemPrices{
    width: 100%;
    min-height: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 1px 5px;
    min-height: 40px;
    width: 100%;
    justify-items: right;
    align-items: baseline;
    flex-direction: column;
    margin-bottom: 5px;
    min-height: 37px;
    justify-content: space-between;
}
.form-control-lg {
    min-height: calc(1.5em + 1rem + 0px);
}
.itemLeft {
    width: 100%;
}
.product__option {
    margin-bottom: 18px;
    flex-wrap: wrap;
    max-width: 600px;
    
}
.input-radio-color__list {
    row-gap: 10px;
}
#otherParams{
    max-width: 600px;
    margin-top: 25px;
    padding-left: 10px;
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    /*
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;*/
}
#otherParams li{
    /*width: 46%;*/
    padding-left:15px;
}
#otherParams i{
    border-radius: 20px;
}

#catSwitchInfo small{
    background-color: #e6f8ff;
    padding: 0 5px;
    border-radius: 2px;
    box-shadow: -1px 2px 3px #8080806b;
    margin-right: 5px;
}

#otherParams b,.bold{
    font-weight: 700;
    background: #e6f8ff;
    border-radius: 10px;
    padding: 0 7px;
}
#otherParams li{
    margin-right: 0px;
    border-bottom: 1px dotted gray;
    margin-bottom: 10px;
    text-align: right;
    min-width: 31%;
    margin-left: 10px;
    font-size: 80%;
}
#otherParams li:not(.showMoreLi){
    margin-right:0px;
    border-bottom:1px dotted gray;
    margin-bottom:10px;
    
    text-align:right;
}
li.showMoreLi{
    background-image: linear-gradient(to bottom, transparent, #e7e7e7);
    color: var(--bg2);
    font-weight: bold;
    padding-bottom: 10px;
    text-align:center;
    cursor: pointer;
}
.moreLi{
    color: var(--bg1);
}
li.showMoreLi.active{
    background: transparent;
}
#otherParams li.head{
    margin-right:0;
    border-bottom:0;
    margin-bottom:20px;
}


#pickcartPopup .panel{
    max-width:680px;
}
.panel.active .floaterClose,.panel.active .itemCloser{
    display:block;
    
}
.itemsView .itemsViewHide,.homeView .homeViewHide,.itemView .itemViewHide {
    display:none;
}


  .themeColored #addToCartWrapper{
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 10px;
        display: flex;
        justify-content: right;
        position: relative;
        top: -7px;
        padding-top: 16px;
    }
    
    
    .themeWhite #addToCartWrapper{
        padding: 0;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        display: flex;
        justify-content: right;
        position: relative;
        top: 0px; 
        padding: 15px 0;
        margin-top: 20px;
    }
    
  

.nav-links__item-link{
    color:var(--primary);
}
.fltline {
    color: var(--light);
}


body.Shop{
    
}
body.Cart{
    background-color:white;
}
body.homeView{
    background-image:var(--img-bg);
    background: #ababab;
    background-size: contain;
    background-attachment: fixed;
}

.productWrapper .itemImage
{
    border:none;
    
}
.product .itemImage img{
    
}


button,input,.form-control{
    /*
    background: #0000001f;
    border: 1px solid white;
    color: white;
    */

}

.product{
    height: 380px;
    max-width: 333px;
    min-width: 240px;
    border-radius: var(--r);
}
.histProducts {
    margin:0 !important;
    padding:0 !important;
}
.histProducts .product {
    max-width: 300px;
}
.productseperated .product{
    background:transparent;
}
.productseperated .product .itemImage{
    background: white;
    height: 79%;
    position: absolute;
    top: 0;
}
.productseperated .product .item .itemInfo{
    background:white;
}
.productdefault .product{
    background: #fff;
    border: 1px solid #ccc;
    color:black;
}
.productold .product{
    background: #efefef;
    box-shadow: 0 0 30px inset gray;
}
.product a{
    color:var(--bg);
}
.product a{
    color: black;
}

.product .itemPrices {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-around;
    min-height: 20px;
}


.product .input-number__input{
    
    color: var(--button);
    margin: 0;
    border: none;
    border-radius: 10px;
    
}

#mainNav a:hover {
    color:var(--bg1);
}

.accordion-item.active{
    margin: 10px 0;
    overflow: hidden;
}
#filtersWrapper.light .accordion-item.active{
    /*background: var(--light);*/
    
}
#filtersWrapper .accordion-item .accordion-button{
    background-color: #050f164d;
}
#filtersWrapper .accordion-item.active .accordion-button{
    background: var(--bg2);
    color: var(--bg2f);
}

#filtersWrapper.light .accordion-item .accordion-button{
    color:var(--dark2);
    background: var(--light);
}

#filtersWrapper.light .accordion-item.active .accordion-button{
    color:var(--dark);
}

#searchZone{
    min-height:1500px;
}
.breadcrumbs h3{
    font-size:80%;
}



#side .menuLinks{
    width:100%;
    margin:0 0 5px 0;
}
#side .menuLinks li,.internalCatsLi li{
    position:relative;
}




.product .item .itemInfo {
    display: flex;
    justify-content: flex-start;
}

#notesWrapper{
    top: -123px;
    right: -70px;
    left: -70px;
    border: 1px solid red;
    border-radius: 10px;
    padding: 2px;
    height: 110px;
    background-color:white;
    border:2px solid #eee;
    
}

#notesWrapper div::before{
        content: '';
        background: white;
        transform: rotateZ(44deg);
        width: 20px;
        height: 20px;
        position: absolute;
        left: 48%;
        bottom: -13px;
        z-index: 0;
}
#notesWrapper textarea{width: 98%;
    height: 96%;
    background: white;
    border: none;
    position: relative;
    z-index: 1;
}
.product .input-number {
    min-width: 150px;
    position:relative;
}
.product .input-number input{
    background-color: transparent;
}
.product .item .itemInfo {
    position: absolute;
    bottom: 0;
    padding: 2px 5px 0;
    width: 100%;
    left: 0;
    font-size: 90%;
    line-height: 17px;
    vertical-align: top;
    width: 100%;
    text-align: center;
    min-height: 85px;
    display: flex;
    justify-content: flex-start;
    border-radius: 0;
    background-color: #00000017;
}
.product .itemPrices {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-around;
    min-height: 37px;
}

#mainDiv{
        height: auto;
    min-height: min-content;
}

@media (min-width: 576px){
    body.headerFixed.itemsView.sideActive #side,body.headerFixed.itemsView .sideActive #side{
        position: fixed;
        right: -5px;
        top: 30px;
        padding-top: 0;
        z-index: 4;
        overflow-y: auto;
        height: 96%;
        direction: ltr;
        border-top-left-radius: 0;
        border-top: none;
       
    }
    
    body.headerFixed.itemsView footer,body.headerFixed.itemsView.sideFlat .sideActive #stage,body.headerFixed.itemView.sideFlat .sideActive  #stage{
        padding-right: 215px;
    }
}
@media (max-width: 720px){
    .masterBlock.bigger {
        min-width: 45% !important;
    }
    .masterBlock.internalCat .inner {
        border:1px solid white;
    }
    .masterBlock.internalCat {
        min-height: 130px !important;
    }
}


@media (min-width: 720px){
    .masterBlock.internalCat {
        min-width: 150px;
    }
    .itemsView #mainDiv{
        min-height:1600px;
    }
    .socialDivFloating{
        position: absolute;
        left: -14px;
        top: 130px;
        width: 100px;
        flex-direction: column;
        text-align: center;
        z-index: 0;
    }
    #mediaSide{
        max-width: 50%;
        overflow: hidden;
        border: 1px solid #bbb;
    }
    .product .item .itemInfo {
        display: flex;
        justify-content: flex-start;
    }
    
}
@media (min-width: 992px)
{
    .itemInfo{
       margin-top: 15px;
        padding: 0;
        width: auto;
        
    }
    #fullItemWrapper .itemInfo{
        margin-bottom:15px;
    }
    .themeColored .itemInfo{
        background: #c6e7e7;
        border-radius: 10px;
    }
    .itemLeft{

    }
    .themeColored{
        background: #4e7e7e;
        border-radius:10px;
    }
    .themeWhite{
        
    }
    
     .masterCat .masterInfo {
        min-height: 20px;
    }
    
  
}

#navbarScroll{width:auto;}

@media (max-width: 1180px){
    .sideFloaters{
        position: fixed;
        left: -10px;
        max-width: 41px;
        padding: 5px;
        bottom: 32%;
        background: white;
        /* border: 1px solid var(--bg2); */
        border-radius: 10px;
        z-index: 500;
        font-size: 1.5rem;
        background: #19875440;
        background: #e7e7e7;
        box-shadow: 1px 1px 1px #4d664c;
        color: black !important;
        z-index: 150;
        display:none;
    }
    
    .sideFloaters a{
        font-size: 1.8rem;
        margin: 5px auto;
    }
    .sideFloaters a badge{
        font-size: 14px;
        top: -14px;
        right: 9px;
        margin-right: -11px;
    }
    
}


@media only screen and (max-width: 576px){
    .panelTools {
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: auto !important;
        height: 32px;
        padding-left: 10px;
        justify-content: center;
    }
    .nav-link {
        padding: 0.2rem;
    }
    body.headerFixed #formWrapper {
        position: fixed;
        top: 40px;
        left: 7px;
        right: 5px;
        padding: 0;
        border-radius: 10px;
        margin: 0 auto;
        z-index: 10000;
        width: auto;
        max-width: 100%;
        background: var(--bg1);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 1px solid var(--bgsitegreen);
        border-top: none;
        box-shadow: 0 3px 3px #0000003d;

    }
    body.headerFixed #formWrapper #q.searcher{
        border:none;
    }
    
    #mediaSide{
        margin-right:0;
    }
    #basket.pinnedBasket,#basket.absedBasket {
        padding-top: 10px !important;
        z-index: 110;
        background: white;
        top: 0;
        bottom: 0;
        width:auto;
    }
    #notesWrapper {
        top: -123px;
        right: -230px;
        left: 0;
    }
    
    #notesWrapper div::before {
        left: 8%;
    }
    .mcontainer{
        padding:0;margin:0;
    }
    .plusminBtn {
        min-width: 30px;
    }
    .plusminBtn.input-number__add{
        border-left: 1px solid #c9bf7c;
    }
    .plusminBtn.input-number__sub{
        border-right: 1px solid #c9bf7c;
    }
    .internalCats {
        padding: 10px 10px 15px;
    }
    .productMeta,#otherParams {
        justify-content: center;
    }
    .product__prices{
        justify-content: center;
    }
    #otherParams{
        gap:10px;
    }
    #otherParams li {
        margin-left:0;
    }
    #displayNavbar .dropdown-menu {
        left: -74px;
        right:auto;
    }
    .itemrow{
        flex-wrap:wrap;
    }
    .itemrow,.itemrow .r{
        justify-content: center;
        align-items: center;
    }
     body {
        
        background-size: cover !important;
        background-repeat: no-repeat;
    }
    #topFilters {
        margin-top: 0px;
    }
    .itemNote{
        
    }
    body.headerFixed.itemsView.sideFlat #side, body.headerFixed.itemView .sideFlat #side{
        display:none;
    }
    .sideActive #side{
        display: flex !important;
    }
    body.headerFixed.itemsView.sideFlat #stage, body.headerFixed.itemView.sideFlat #stage{
        padding-right:0;
    }
    
    .itemReturnBanner{
        bottom:50%;
    }
        
    .mul2rows li{
        margin-bottom:10px;
        font-weight:bold;
    }
    #headerTitle{
        box-shadow: none;
    }
    .masterCat .masterInfo {
        min-height: 47px;
        line-height: 20px;
        font-size: 1rem;
    }
    .masterBlock.transparent .inner{
        background-color:transparent;
    }
    .masterBlock.active .inner{
        background-color:#c5e0ed;
    }
    .masterBlock.internalCat {
        min-width: 22%;
        width: 100%;
        max-width: 33%;
        height: 70px;
        background-color:transparent;
        border:none;
    }
    .masterInfoInner{
        
        border-radius: var(--r);
        padding: 5px 10px 8px;
        min-width: 50%;
    }
    .itemAddToCart {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
    }
   
    
    .product .itemPrices {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        justify-content: space-around;
        min-height:20px;
        column-gap: 5px;
    }
    .itemPrices span {
        margin-left: 5px;
        max-width: 50%;
        overflow: hidden;
        height: 17px;
    }
    .product .input-number {
        max-width: 90%;
        position: relative;
        left: 0; 
        bottom: 2px; 
        margin: 0 auto;
    }
    
    .site__body .container, .site__body .container-fluid{
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0;
        margin-left: 0;
    }
    #side {
        width:100%;
        display:none;
        min-height:1200px;
    }
    #side.dark{
        background-color:var(--dark);
    }
    #side.light{
        background-color:var(--light);
    }
    .sideActive #side{
        display: flex;
        max-width: 100%;
        z-index: 200;
        position: fixed;
        top: var(--topPadding);
        right: 0;
        bottom:0;
        left: 0;
        overflow-y:auto;
       
        height:100%;
    }
    .sideActive #sideInner{
        width:100%;
        height:1800px;
        
    }
    
    #v{
        min-height:1200px;
    }
   
     .userInfoBar{
        align-self: start;
        font-size:80%;
        margin-top:10px;
    }
    
    
    
    .swiper-slide{
        min-width:120px;
    }
    #tagsFiltersWrapper{
        justify-content: space-between;
    }
    #otherParams li{
        margin-right:0;
    }
    .displayitem .products {
        gap: 2px;
        padding-right:0;
        padding-left:0;
        justify-content: space-between;
        
    }
    .products{
        gap:3px;
    }
    .product {
        display: flex;
        min-height: 380px;
        height:auto;
        max-width: 50%;
        min-width: 180px;
        width: 100%;
        border-radius: 10px;
        margin: 0;
    }
    .product .item .itemInfo {
        padding: 0px 1px 4px 0;
    }
    
    .product .itemInfo{
        transition: all 0.5s ease-out;
    }
    .product .itemImage
    {
        padding-bottom:55%;
        
    }
    .itemImage>div{
        width:100%;
        align-items: center;
    }
    .item.bottom .itemImage {
        height: 70%;
    }
    .item.centered .itemImage {
        height: 67%;
    }
    .panel2 .inputRow {
        position:relative;
        z-index:5;
    }
    .item.boxed .itemImage>div {
        align-items: center;
    }
    .item.centered .itemImage>div,.item.bottom .itemImage>div{
        align-items: center;
        
    }
    .item .itemImage>div,.item .itemImage>div{
        align-items: center;
        
    }
    .itemImage img{
        max-height: 100%;
        width: 100%;
        height:auto;
        max-width: 100%;
        
    }
    .product .itemImage img{
        margin-top:0 !important;
        padding:0;
        max-height:380px;
        width:100%;
        height: auto;
        max-width: 100%;
    }
    .product.exact .itemImage img{
        scale: 1 !important;
        align-self: auto !important;
        width: auto !important;
    }
    .product.focusImage .itemInfo {
        background-color: transparent !important;
    }
    
    .product.focusImage .itemInfo .itemInfoClicker,.product.focusImage .thumbTools,.product.focusImage .itemNote{
       opacity:0;
    } 
    .product.focusInfo .itemInfo{
       background-color:white !important;
    } 
    #addToCartWrapper{
        
    }
    #itemFloater{
        padding:0;
        background: transparent;
    }
    #fullItemWrapper{
        height:100%;
        padding: 2%;
        width: 100%;
        margin: 0;
    }
    a.masterTitle {
        /* color: black !important; */
        
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 10px;
        font-weight: bold !important;
    }
    #internalCats a.masterTitle{
        font-size:100%;
        margin:0;
        font-weight:normal;
        color: white;
        text-shadow: 
        -2px -2px 0 black,  
         2px -2px 0 black,
        -2px  2px 0 black,
         2px  2px 0 black,
        -2px  0px 0 black,
         2px  0px 0 black,
         0px -2px 0 black,
         0px  2px 0 black;
    }
    .masterBlock.bigger {
        min-width: 280px;
        width:100%;
        max-width:100%;
        height: 260px;
        margin: 10px auto 0px auto;
        flex: 1;
    }
    .masterCat .subcats{
        display: flex !important;
    }
    .row2in .masterBlock{
        width: 45%;
        min-width: 45%;
        margin: 5px;
        height:220px;
    }
    .row2in .masterBlock .inner {
        height: 90%;
        background-size: 100%;
        background-position: center 10px;
    }
    
    #filtersWrapper {
        width: 100%;
        margin: 0 auto;
    }
    
    .gallery{
        
        margin-top:0px;
    }
    .gallery .wcontent {
        width:100%;
    }
    .gallery .soloImage{
        padding:0;
    }
    .itemTitle h1 {
        font-size: 100%;
        text-align: center;
        width: 100%;
    }
    
    #fullItemWrapper{
        padding:unset;
    }
    #infoSide{
        max-height:unset;
        max-width:100%;
    }
    .socialDiv {
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .socialDiv a{

    }
    .whatsAppLink{
        font-size:1rem;
    }
    #addToCartWrapper{
        position:relative;
    }
    .product__actions {
        align-items: end;
    }
    .itemInfo {
        background-color: transparent;
    }
    #infoSide {
        min-width: 220px;
    }
    
    .fullItem{text-align:center;}
    .fullItem img {
        height: 100%;
        min-width: 250px;
        max-width: 320px;
        max-height: 400px;
        width: auto;
        margin: 0 auto 0px auto;
        text-align: center;
    }
    
    #internalCats .internalCat{
        min-height:120px;
    }
}


@media only screen and (max-width: 392px){
    body.headerFixed .masterText {
        font-size: 80%;
        margin: 0 5px;
    }
    
    .crtFlushBtnLi{
        display:none;
    }
    .product__prices .crossed.small{
        font-size:0.9rem;
    }
    .itemPrices span {
        margin-left: 0;
        max-width: 100%;
        overflow: visible;
        font-size: 90%;
        white-space: nowrap;
    }
    body{
        
    }
    .homepageContainer .masterCat {
        border: none;
    }
    .product{
        max-width:100%;
        
    }
    .products.cols1 .product {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        margin: 5px 0;
    }
    .product .input-number {
        max-width:90%;
        min-width: 90%;
        position:relative;
        width:100%;
    }
}
.panelContent{
    overflow-y:auto;
}
@media only screen and (min-width: 576px) and (max-width: 1200px) and (orientation: portrait) {
    body{
        /* TABLET STAND border:5px solid red; */ 
    }
    .mcontainer{
        padding:0;margin:0;
    }
    #stage{
        flex:2;
    }
    #side{
        flex:1;
        width:auto;
        min-width:200px;
        
        padding:5px;
        margin:10px 0 0 0;
    }
    #filtersWrapper{
        margin-left:0;
    }
     body.headerFixed.itemsView #side, body.headerFixed.itemView #side{
        padding-right: 0;
        margin:0;
    }
    body.headerFixed.itemsView.sideFlat .sideActive #stage, body.headerFixed.itemView.sideFlat .sideActive #stage {
        
    }
   
    .product{
        max-width: 240px;
        min-width: 180px;
        
    }
    .displayitem .products {
        justify-content: space-between;
    }
    
    .itemAddToCart {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .panelContent>div{
        flex-direction: column;
    }
    #mediaSide {
        max-width: 100%;
    }
    .fullItem{
        max-width: fit-content;
        margin: 0 auto 10px;
    }
    #infoSide{max-width:100%;}
    .product .itemPrices {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
        justify-content: space-around;
        min-height:20px;
    }
    .itemPrices span {
        margin-left: 5px;
        max-width: 50%;
        overflow: hidden;
        height: 17px;
    }
    .product .input-number {
        max-width: 90%;
        position: relative;
        left: 0; 
        bottom: 2px; 
        margin: 0 auto;
    }
    .masterBlock.bigger {

        max-width: 51%;
        height: 220px;
        margin:5px;
    }
    .product .item .itemInfo {
        padding: 0px;
    }
    .product .input-number {
        min-width: 100px;
    }
    .plusminBtn {
        min-width: 30px;
    }
    
    
    .masterBlock .inner {
       
    }
    .soloImage {

    }
}

@media only screen and (min-width: 576px) and (max-width: 1200px) and (orientation: landscape) {
    body{
        
    }
    .mcontainer{
        padding:0;margin:0;
    }
    #mediaSide {
        max-width: 100%;
    }
    .xmasterBlock.bigger {
        min-width: 200px;
        max-width: 24%;
        height: 200px;
    }
    .product {
        min-width:220px;
        max-width: 290px;
        width:100%;
        
    }
    .masterBlock .inner {

    }
    .soloImage {
        max-width: 400px !important;
    }
    
    .XmasterBlock.bigger {
        min-width: 220px;
        max-width: 24%;
        height: 200px;
        width: 24%;
        margin: 0 5px;
    }
     .displayitem .products {
        justify-content: space-between;
    }
}




@media only screen and (min-width: 960px) and (max-height: 720px) {
    

    .fullItem img{
        max-height:478px;
    }
}


body.shop .sideFloater{
        display:none;
}






/* Generated in 06/12/2023 10:54:11*/
@media only screen and (max-width: 576px){
    body.headerFixed .masterText {
        font-size: 90%;
        margin: 0 8px;
    }
    .catSearch .product{
		height:380px;
	}
        
    
    .catSearch .product .itemImage img{width:auto !important; max-height: 247px;}
    .zoom3 .product,.zoom2 .product{
        width:100%;min-width:90%;max-width:100%;
        max-height:1000px;
        height:auto;
        display:block;
        zoom:1;
        overflow:visible;
    }
    .zoom3 .itemImage,.zoom3 .item,.zoom2 .itemImage,.zoom2 .item{
        display: inline-block;
        height:unset;
        padding:0;
    }
    .zoom3 .itemImage , .zoom2 .itemImage{
        height:unset !important;
        display:block;
        overflow:visible;
        padding:0 !important;
    }
    .zoom3 .product .itemImage img,.zoom2 .product .itemImage img{
        max-height:unset;
        height:auto;
        padding:0;
    }
    .zoom3 .item,.zoom2 .item{
        display:inline-block;
        flex-direction:unset;
        overflow:visible;
    }
    .zoom3 .item .itemImage,.zoom2 .item .itemImage{
        overflow:visible;
        height:auto;
        display:block;
        flex-direction: unset;

    }
    .zoom3 .item.centered .itemImage>div{
        display:block;
        height:unset;
    }
    .zoom3 .product .item .itemInfo,.zoom2 .product .item .itemInfo{
        position:relative;
    }
	
}
@media (max-width: 1180px){
    #infoSideWrapper{
       align-self: auto; 
    }
	.catSearch .product{height:350px;}
	.catSearch .product .itemImage img{width:auto !important; max-height: 228px;}

}



@media (min-width: 1180px){
    .itemAddToCart{
        position:absolute;
        left:5px;
        bottom:1px;
        
    }
    .product .input-number{
        min-width:120px;
    }
    .product .itemPrices {
        width: 100%;
        justify-items: right;
        align-items: flex-start;
        color:black;
        flex-direction: column;
    }

	.catSearch .product{height:350px;}
	.catSearch .product .itemImage img{width:auto !important; max-height: 228px;}
}