.bg-red {background-color:red;}
.bg-green {background-color:green;}
.bg-black {background-color:black;}
.bg-white {background-color:white;}
.bg-light {background-color:#f4f4f4;}
.cursor-pointer {cursor:pointer;}
.text-black {color:black !important;}
.text-red {color:#aa0000 !important;}
.text-white {color: white !important;}
.text-decoration-none { text-decoration: none; }
.text-decoration-underline { text-decoration: underline; }

.hover-border:hover {
    box-shadow: 0 1px 4px #202020;

}

#opis-produktu {
    scroll-margin-top: 60px;
}

.sticker {
    top:67px;
}

.hide-scrollbar::-webkit-scrollbar {
    height: 0 !important;
} 

.right-panel-show {
    transform: translateX(-502px);
    transition: transform 200ms ease-out;
}

.left-panel-show {
    transform: translateX(302px);
    transition: transform 200ms ease-out;
}


.left-menu {
    width: 100vw;
    left: -100vw;
    background: red;
}

.filterItem {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filterItem:hover {
    color: #6a0000 !important;
    filter: invert(9%) sepia(98%) saturate(5908%) hue-rotate(15deg) brightness(105%) contrast(122%) !important;
}

.hover-style-lead-color:hover {color: #6a0000 !important;}

.cursor-pointer {
    cursor:pointer;
}

.shadow-sm {
    box-shadow: 0px 2px 7px #e0e0e0;
}

.category-headline {
    background-color: none;
}
    
@media screen and (min-width:992px) {
    #opis-produktu {
        scroll-margin-top: 130px;
    }

    .left-menu {
        width: 300px;
        left: -300px;
    }
    .sticker {
        top:125px;
    }
    .shadow-lg-sm {
        box-shadow: 0 0 0 white, 0 0 0 white, 0 4px 7px #e0e0e0, 0 0 0 white;
    }
    .category-headline {
        background-color: #ffeeaa;
    }
}