/* Vnymanye! Kazhdyj styl dolzhen vkljuchat #article-category */
/*Grid and List*/
:root {
    --column-left: 320px;
}

#article-category #grid-view {
    background: #ffffff url(/image/catalog/design/grid1.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
    padding: 14px;
    border: 1px solid #ddd;
}

#article-category #list-view {
    background: #ffffff url(/image/catalog/design/list1.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
    padding: 14px;
    border: 1px solid #ddd;
}

#article-category #grid-view.active {
    background: #ffffff url(/image/catalog/design/grid.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
}

#article-category #list-view.active {
    background: #ffffff url(/image/catalog/design/list.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
}

/*Grid and List - end*/

#article-category .input-group-addon {
    border: 0px;
    background: none;
}

#article-category .input-group .form-control:last-child,
#article-category .input-group-addon:last-child,
#article-category .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#article-category .input-group-btn:first-child>.btn:not(:first-child),
#article-category .input-group-btn:last-child>.btn,
#article-category .input-group-btn:last-child>.btn-group>.btn,
#article-category .input-group-btn:last-child>.dropdown-toggle {
    border-radius: 3px;
}



@media (max-width: 991px) {

    #article-category #column-left,
    #article-category #content,
    #article-category #content.content-side,
    #article-category #content.content-center {
        width: 100%
    }
}

.article-block.grid-block {
    display: flex;
    gap: 80px;/* grid-gap: 30px; */
    /* grid-template-columns: repeat(auto-fit, minmax(184px, 1fr)); */
    /* grid-template-rows: auto auto auto auto auto; */
    /* grid-auto-rows: minmax(100px, auto); */
    align-items: stretch;
    flex-direction: column;
}

.grid-block:before {
    display: none !important
}

#article-category .article-block {
    /* border-top:1px solid #ddd;
    padding-top:30px;
    margin-top:30px; */
    /* border: 1px solid gray; */
}

#article-category .list-block {
    grid-template-columns: 1fr;
}


/* Проверить ниже все*/

#article-category .input-group-addon {
    border: 0px;
    background: none;
}

#article-category .input-group .form-control:last-child,
#article-category .input-group-addon:last-child,
#article-category .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#article-category .input-group-btn:first-child>.btn:not(:first-child),
#article-category .input-group-btn:last-child>.btn,
#article-category .input-group-btn:last-child>.btn-group>.btn,
#article-category .input-group-btn:last-child>.dropdown-toggle {
    border-radius: 3px;
}

/*BLOG*/

#article-category .img-thumbnail {
    margin-bottom: 10px;
    padding: 0px;
    border: 0px;
}

#article-category .product-thumb h4 {
    text-align: left;
    margin-bottom: 10px;
}

#article-category .list-block .product-thumb h4 {
    margin-bottom: 10px;
}


#article-category .list-block .product-thumb {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

#article-category .list-block .product-thumb .button-group button {
    width: 120px
}
@media (max-width:1199px) {
    .article-block.grid-block {
        gap:50px;
    }
    .grid-block .article-layout {
        border-radius: 0px 0px 50px 50px;
    }
}
@media (max-width:767px) {
        .grid-block .article-layout {
        border-radius: 0px 0px 40px 40px;
    }
}
@media (max-width:479px) {
    #article-category #content {
        min-width: 100px;
    }
    #content .article-block.grid-block .article-layout .caption {
        padding: 30px;
    }
    #article-category #content .article-block.grid-block .article-layout .button-group button {
        padding: 15px 20px;
        font-size: 25px;
        text-wrap: nowrap;
    }
    #content .article-block.grid-block .article-layout h4, 
    #content .article-block.grid-block .article-layout h4 a {
        font-size: 31px;
    }
}
@media (max-width:359px){
    
    #article-category #content .article-block.grid-block .article-layout .button-group button:after {
        width:32px;
        height:32px;
        background-size: 11px;
    }
    #article-category #content .article-block.grid-block .article-layout .button-group button {
        font-size:20px;
    }
}
/*BLOG-end*/