.catalogue-top {
    overflow: hidden;
    margin-bottom: 10rem;
}

.promo-items {
    display: flex;
    flex-wrap: wrap;
}

.promo-items .promo-item .img-layer{
    height: 260px;
}

.catalogue-left-menu {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    background-color: #f7f7f7;
    z-index: 1;
    height: fit-content;
}

.catalogue-left-menu .category-filter {
    margin-bottom: 1rem;
}

#select-category-form label {
    font-family: 'Raleway', sans-serif;
    font-size: .6rem;
    margin: 0;
    padding: .5rem;
    color: #383838;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 400;
    border: 1px solid #f7f7f7;
}

#select-category-form label.checked {
    border: 1px solid black;
}

#select-category-form input[type=checkbox] {
    display: none;
}
.catalogue-container {
    display: flex;
    flex-direction: row;
    position: relative;
}

.promo-items.catalogue-promo-items {
    width: 76%;
}
.catalogue-container .promo-item img {
    height: 260px;
}

.price {
    font-weight: bold;
    font-size: 1.5rem;
}

.catalogue-container p.new-price, .product-page p.new-price{
    color: red;
}
.catalogue-container p.old-price, .product-page p.old-price {
    text-decoration: line-through;
}

.catalogue-container p.price {
    font-size: .8rem;
    text-transform: none;
    letter-spacing: 1px;
    padding: 0;
    margin: 4px;
}

.catalogue-left-menu h3 {
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.catalogue-left-menu .form-group::before {
    content: "\2661";
}

.catalogue-left-menu .form-group.selected::before {
    content: "\1F5A4";
}

.catalogue-promo-items .promo-item.new::before {
    content: "NEW";
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    background-color: pink;
    padding: 0.3rem;
    color: white;
}
.catalogue-promo-items .promo-item.sale::before {
    content: "SALE";
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    background-color: red;
    padding: 0.3rem;
    color: white;
}

@media (max-width: 767px) {
    .catalogue-container{
        flex-direction: column;
    }
    .catalogue-top {
        height: auto;
        margin-bottom: 1rem;
    }
}