/* Start:/bitrix/templates/belmash/components/bitrix/catalog.section.list/mini-catalog/style.min.css?17367714841206*/
.mini-catalog{margin:20px 0 68px}.mini-catalog__list{margin:0;padding:0;list-style-type:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.mini-catalog__list li{margin-right:12px;margin-bottom:12px}.mini-catalog__item{display:inline-block;padding:11px 18px;background-color:#fff;border-radius:28px;text-decoration:none;color:#111827;-webkit-transition:-webkit-box-shadow .15s ease;-o-transition:box-shadow .15s ease;transition:box-shadow .15s ease;transition:box-shadow .15s ease,-webkit-box-shadow .15s ease;font-size:16px;line-height:18px;white-space:nowrap}.mini-catalog__item img{margin-left:8px;min-width:18px;max-width:18px;min-height:18px;max-height:18px}@media only screen and (min-width:800px){.mini-catalog__item:hover{-webkit-box-shadow:0 0 15px rgba(45,52,63,.1);box-shadow:0 0 15px rgba(45,52,63,.1)}}@media only screen and (max-width:720px){.mini-catalog__list{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;padding-bottom:30px;padding-left:15px}.mini-catalog{height:40px;overflow:hidden;position:relative;left:-15px;width:calc(100% + 30px)}.mini-catalog__item{cursor:default}}
/* End */


/* Start:/bitrix/templates/belmash/components/bitrix/catalog.section.list/belmash-sections-inner/style.css?17592599922839*/
.catalog-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4,1fr);
  grid-gap: 12px
}
.catalog-list li {
  position: relative;
  width: 100%;
  height: 160px;
  display: block
}
.catalog-list .catalog-list__high {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  height: 332px
}
.catalog-list .catalog-list__high .catalog-list__img {
  width: 100%;
  right: -127px;
  bottom: 0
}
.catalog-list .catalog-list__high .catalog-list__img div[style]{
  background-size: auto 107%;
  background-position: left bottom;
}
.catalog-list__link {
  padding: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #fff;
  border-radius: 20px;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
  overflow: hidden
}
.catalog-list__link:hover {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.1);
  box-shadow: 0 8px 20px rgba(0,0,0,.1)
}
.catalog-list__link_gradient .catalog-list__title {
  color: #fff
}
.catalog-list__title {
  color: #111827;
  line-height: 1.2;
  font-weight: 400;
  font-size: 16px;
  position: relative;
  z-index: 2
}
.catalog-list__img {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: -5px;
  bottom: 0
}
.catalog-list__img{
  object-fit: contain;
}

.catalog-list__img div {
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .15s ease;
  transition: -webkit-transform .15s ease;
  -o-transition: transform .15s ease;
  transition: transform .15s ease;
  transition: transform .15s ease,-webkit-transform .15s ease
}
@media (max-width:1590px) {
  .catalog-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr)
  }
}
@media (max-width:1200px) {
  .catalog-list__title {
    word-break: break-word
  }
  .catalog-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr)
  }
}
@media (max-width:1023px) {
  .catalog-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px
  }
}
@media (max-width:575px) {
  .catalog-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
  }
  .catalog-list .catalog-list__high {
    -ms-grid-row-span: 1;
    grid-row: span 1;
    height: 160px
  }
  .catalog-list .catalog-list__high .catalog-list__img {
    width: 50%;
    right: -25px
  }
  .catalog-list .catalog-list__high .catalog-list__img div[style]{
    background-position: right bottom;
    background-size: contain;
  }
}
/* End */
/* /bitrix/templates/belmash/components/bitrix/catalog.section.list/mini-catalog/style.min.css?17367714841206 */
/* /bitrix/templates/belmash/components/bitrix/catalog.section.list/belmash-sections-inner/style.css?17592599922839 */