.letters-container {
    margin-bottom: 20px;
}
.letters-container .letters {
    display: flex; gap: 10px; justify-content: space-between; align-items: baseline;
    padding: 0;
    list-style: none;
}
.letters-container .letters .letter a {
    display: block;
    width: 22px; height: 22px;
    border: 1px solid var(--color-primary); border-radius: 5px !important;
    text-align: center; text-transform: uppercase;
}
.letters-container .letters .letter a:hover {
    background: var(--color-primary); color: var(--color-text-inverted);
    text-decoration: none;
}
.letters-container .letters .letter.active a {
    font-weight: bold;
    background: var(--color-primary); color: var(--color-text-inverted);
}

.products-container {
    margin-bottom: 80px;
}
.products-container .products {
    column-count: 2;
}
.products-container .products .product {}