.s-store__filter-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 75%;
    padding: 1rem 0;
}

.s-store__filter-container > a {
    border-radius: 30px;
    border: 2px solid red;
    border-color: color-mix(in srgb, var(--main-color), transparent 90%);
    padding: 0.75rem 1.5rem;
    margin: 0.25rem 0.25rem;
    font-weight: 500;
}

.s-store__filter-container .active {   
    background-clip: border-box;                             
    border: 2px;
    border-color: color-mix(in srgb, var(--main-color), transparent 50%);
    background-color: color-mix(in srgb, var(--main-color), transparent 50%);
    color: var(--main-background-color);
}

.s-store__items-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    @media screen and (max-width:640px) {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 4rem;                               
    }
}

.s-store__items-container > div {
    animation: fadeIn 1s;
    padding: 4rem 0rem;           
}

.s-store__items-container div img {
    height: 350px;
    margin: 0 auto;
    padding-bottom: 1rem;
    object-fit: contain;
    max-width: 300px;
    @media screen and (max-width:640px) {
        max-width: 150px;        
    }    
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.s-store__item-name {
    font-weight: 500;
    padding: 0.25rem 0 0.5rem;
    text-align: center;
}

.s-store__item-attr, .s-store__item-size {
    font-size: 80%;
    text-align: center;
}