// Add to existing styles.scss

.breadcrumb {
    margin: 1rem;
    a {
        text-decoration: none;
        color: #333;
    }
}

.sidebar {
    width: 20%;
    float: left;
    padding: 1rem;
    background: #f5f5f5;

    .filter {
        margin-bottom: 2rem;

        h3 {
            margin-bottom: 1rem;
        }

        ul {
            list-style: none;
            padding: 0;

            li {
                margin-bottom: 0.5rem;

                a {
                    text-decoration: none;
                    color: #333;
                }
            }
        }

        input[type="range"] {
            width: 100%;
        }
    }
}

.product-list {
    width: 75%;
    float: right;
    padding: 1rem;

    .sort-options {
        margin-bottom: 1rem;
        display: flex;
        justify-content: flex-end;

        label {
            margin-right: 0.5rem;
        }

        select {
            padding: 0.5rem;
        }
    }

    .products {
        display: flex;
        flex-wrap: wrap;

        .product-item {
            flex: 1 1 30%;
            padding: 1rem;
            margin: 0.5rem;
            background: #ddd;
            border-radius: 0.5rem;
            text-align: center;
        }
    }
}