.main-background {
    background: linear-gradient(90deg, #c2e7c6, #cddcfe);
}

.product-container .product-name, .basket-item .input-quantity {
    font-size: 12px;
}

.basket-item .product-name {
    font-size: 10px;
}

.quantity-block {
    max-width: 120px;
}

.category-list .category-name, .basket-total-cost, .brands-list .brand-name {
    font-size: 13px;
}

.product-container .product-image {
    max-height: 120px;
    cursor: pointer;
}

.yato-image {
    width:50px;
}

.basket-item .product-image {
    max-height: 100px;
    cursor: pointer;
}

#container-wrapper {
    position: relative;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    opacity: 0.5;
    background: linear-gradient(90deg, #c2e7c6, #cddcfe);
    z-index: 50;
}

.loader.hidden {
    opacity: 0;
    pointer-events: none;
}