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

.sub-catalog__item {
    display:flex;
    flex-direction:column;
    gap:12px;
    border: 1px solid #EEEEEE;
    border-radius:20px;
    max-width:347px;
    overflow:hidden;
}

.sub-catalog__title {
    font-size:16px;
    line-height:120%;
    font-weight:600;
}

.sub-catalog__wrapper {
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:15px;
}

.sub-catalog__materials {
    display:flex;
    flex-direction:column;
    gap:5px;
}

.sub-catalog__material-title {
    font-size:14px;
    font-weight:500;
}

.sub-catalog__material-text {
    line-height:140%;
    color:#9A9A9A;
}

.sub-catalog__price-text,.sub-catalog__price {
    font-weight:500;
}

.sub-catalog__buttons {
    display:flex;
    flex-direction:column;
    gap:15px;
}

.sub-catalog__button {
    display:block;
    width:100%;
    max-width:100%;
}

.sub-catalog__ral-colors {
    display:flex;
    align-items:center;
}

.sub-catalog__color {
    width:22px;
    height:22px;
    border-radius:50%;
}

.sub-catalog__slider {
    max-width:100%;
    overflow:hidden;
    position:relative;
}

.sub-catalog__slider  .swiper-pagination{
    position:absolute;
    bottom:10px;
    left:0px;
}

.sub-catalog__slider .swiper-slide {
    position:relative;
}

.sub-catalog__image {
    height:290px;
    width:100%;
    object-fit:cover;
}

.sub-catalog__price {
    font-size:18px;
    font-weight:600;
}

@media(max-width:1240px){
    .sub-catalog__grid {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:24px;
    }
}

@media(max-width:980px){
        .sub-catalog__grid {
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }
}


@media(max-width:640px){
        .sub-catalog__grid {
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:24px;
    }
    
    .sub-catalog__item {
        max-width:640px;
    }
}