.single-brand-recommend{
    background-color: var(--color-gray-7);
    padding-top: 80px;
    padding-bottom: 80px;
}
.single-brand-recommend__title{
    margin-bottom: 60px;
}

.single-brand-recommend__cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.single-brand-recommend-card__img-container{
    aspect-ratio: 1;
    margin-bottom: 40px;
}
.single-brand-recommend-card__img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.single-brand-recommend-card__title{
    color: var(--color-primary-1);
    margin-bottom: 20px;
}
.single-brand-recommend-card__content{
    max-height: 96px;
    overflow: auto;
    margin-bottom: 40px;
}

@media screen and (width < 1248px) {
    .single-brand-recommend__title{
        margin-bottom: 40px;
    }
}
@media screen and (width < 920px) {
    .single-brand-recommend__cards{
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}
@media screen and (width < 768px) {
    .single-brand-recommend {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}