.flex {
    display: flex;
}

.flex_row {
    display: flex;
    flex-direction: row;
}

.flex_col {
    display: flex;
    flex-direction: column;
}

/* Главная страница - / */
/* Страницы: Брендовая плитка, Новинки, Хиты продаж, Распродажа - / */
#hmcollect {
    --offset: 2;
    --gap: 15px;
    gap: var(--gap);
    width: 100%;
}

#hmcollect .swiper-slide {
    margin: 0;
    padding: 0;
    width: calc((100% - var(--gap) * var(--offset)) / (var(--offset) + 1)) !important;
    height: auto;
}

/* Страница Каталога - /catalog/ и страница Брендов - /brands/ */
.catalog-with-photo-wrapper .categories-with-photo .categories-list {
    margin: 0;
    padding: 0;
}

.categories-with-photo .categories-list {
    --offset: 2;
    --gap: 15px;
    gap: var(--gap);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.categories-with-photo .categories-list .category-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

.categories-list .category-wrap {
    width: calc((100% - var(--gap) * var(--offset)) / (var(--offset) + 1));
    height: auto;
}

/*.image-wrap .bg-img {*/
/*    background-size: 100% 120%;*/
/*}*/

/* Страница Каталога - /catalog/ */
#smart-filter.smart-filter.horizontal {
    --gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

#smart-filter.smart-filter.horizontal a {
    margin: 0;
    padding: 10px 8px;
}

#smart-filter.smart-filter.horizontal .btn-show-categories {
    margin-right: 24px;
    align-self: flex-start;
}

.fieldset_flex {
    display: flex;
    flex-wrap: wrap;
}

.fieldset_row {
    flex-direction: row;
}

.fieldset_col {
    flex-direction: column;
}

.smart-filter.horizontal .smart-filter_fieldset {
    width: 100%;
}

.smart-filter.horizontal .smart-filter_fieldset:not(:last-child) {
    margin-bottom: var(--gap);
}

.smart-filter.horizontal .smart-filter_fieldset.fieldset_col > *:not(:last-child) {
    margin-bottom: var(--gap);
}

.smart-filter.horizontal .smart-filter_fieldset .icon-filter {
    margin: 0;
}

/**/
.smart-filter.horizontal .fieldset_row {
    justify-content: flex-start;
}

.smart-filter.horizontal .smart-filter_btn-filter {
    display: none;
    margin-left: auto;
}

.smart-filter.horizontal .smart-filter_btn-filter .icon-filter {
    background-image: url("/local/templates/keramstore/icons/icon-filter_btn.svg");
}

/**/
.smart-filter.horizontal .justmobile {
    margin: 0;
    padding: 0;
    width: 100%;
}

.smart-filter.horizontal .justmobile .forscroll {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.smart-filter.horizontal .forscroll .forscroll_list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap);
    margin: 0;
    padding: 0;
    width: 100%;
}

.smart-filter.horizontal .forscroll .forscroll_icon {
    align-self: flex-start;
    margin-right: 8px;
    padding: 10.8px 0;
}

.smart-filter.horizontal .forscroll .filter-block {
    margin: 0;
}

.forscroll .filter-block .filter-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


/*.smart-filter.horizontal .forscroll .filter-block:not(:last-child) {*/
/*    margin-right: 8px;*/
/*}*/

/**/
.smart-filter_btns {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--gap);
}

#smart-filter .smart-filter_btns .btn.btn-primary:not(:last-child) {
    /*margin-right: 8px;*/
}

.smart-filter_btns .btn.btn-primary > *:not(:last-child) {
    margin-right: var(--gap);
}

.smart-filter_btns .btn.btn-primary .icon {
    margin: 0;
}

/* product-item */
.product-items-block .product-items.items.row .item-wrap {
    display: block;
}

.product-card .product-info {
    overflow: hidden;
}

/*.product-items-block .product-items {*/
/*    row-gap: 24px;*/
/*    column-gap: 24px;*/
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/

/*.product-items-block .product-items.items {*/
/*    margin: 0;*/
/*}*/

/*.product-items-block .product-items.items .item-wrap {*/
/*    display: flex;*/
/*    !*flex-basis: 0;*!*/
/*    flex: 1;*/
/*    flex-wrap: wrap;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    max-width: 291px;*/
/*}*/

.product-items-block .product-card.item {
    width: 100%;
}

/* media */
/*@media (max-width: 1366px) {*/
/*    .product-items-block .product-items.items .item-wrap  {*/
/*        max-width: 350px;*/
/*    }*/
/*}*/


@media (max-width: 768px) {
    #hmcollect {
        --offset: 1;
    }

    .categories-with-photo .categories-list {
        --offset: 1;
    }

    .smart-filter.horizontal .smart-filter_btn-filter {
        display: inline-flex;
    }

    .smart-filter.horizontal .smart-filter_fieldset_filter {
        display: none;
    }

    .smart-filter.horizontal .forscroll .forscroll_list {
        --offset: 2;
    }

    .smart-filter.horizontal .forscroll .forscroll_icon {
        display: none;
    }

    .smart-filter.horizontal .forscroll .filter-block {
        width: calc((100% - var(--gap) * var(--offset)) / (var(--offset) + 1));
    }

    .pagination-nav .pagination>.page-item:first-child {
        order: 0;
    }
}

@media (max-width: 767px) {
    .item-detail .chars .props .char {
        flex-direction: row;
        margin-bottom: 4px;
    }
    .item-detail .chars .props .char .char-name {
        max-width: 70%;
        padding-right: 8px;
    }
    .item-detail .chars .props .char .char-value {
        padding-left: 8px;
        width: 50%;
    }
}

@media (max-width: 578px) {
    .smart-filter.horizontal .forscroll .forscroll_list {
        --offset: 1;
    }
}

@media (max-width: 575px) {
    .brand_detail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .brand_detail .detail_picture {
        margin-right: 0;

    }
}

@media (max-width: 478px) {
    #hmcollect {
        --offset: 0;
    }

    .categories-with-photo .categories-list {
        --offset: 0;
    }

    .smart-filter.horizontal .forscroll .forscroll_list {
        --offset: 0;
    }
}

/* web-form */
.custom-input input, .custom-input textarea {
    font-size: 16px !important;
}
