

/* Start:/local/templates/ozon_bizs_wide2/components/bitrix/catalog.section.list/on-main-page/style.css?17804095232121*/
.mp-sections-greed {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 102%;
  height: 100%;
  margin-left: -12px;
}

.mp-sections-greed .section-greed-item {
  display: block;
  width: 227px;
  /* height: 227px; */
  padding-left: 10px;
  padding-right: 11px;
  padding-bottom: 20px;
  height: auto;
  aspect-ratio: 1 / 1;
}

.mp-sections-greed a {
  display: block;
  width: auto;
  height: 100%;
  text-decoration: none;
  position: relative;
  background-size: cover;
}

.mp-sections-greed .section-greed-item-title {
  height: 64px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table;
  color: white;

  position: absolute;
  bottom: 0;

  width: 100%;
  text-align: center;

  background: url(/local/templates/ozon_bizs_wide2/images/catalog-list-bg.png);
}

.mp-sections-greed .section-greed-item-title span {
  display: table-cell;
  width: 100%;
  height: 64px;
  vertical-align: middle;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
  word-break: break-word;
}

@media all and (-ms-high-contrast:none) {
  .mp-sections-greed {
    display: table-cell;
    width: 100%;
    height: 100%;
  }

  .mp-sections-greed .section-greed-item {
    margin: 0;
    display: inline-block;
    width: 220px;
    height: 220px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 1245px) {
  .mp-sections-greed .section-greed-item {
    padding-right: 10px;
    width: 18%;
  }
}

@media screen and (max-width: 1010px) {
  .mp-sections-greed {
    margin-left: 5px;
  }

  .mp-sections-greed .section-greed-item {
    padding-bottom: 10px;
    width: 17%;
  }
}

@media screen and (max-width: 768px) {
  .mp-sections-greed {
    /*width: 100%;*/
    margin-left: 0;
  }

  .mp-sections-greed .section-greed-item {
    padding-bottom: 10px;
    width: 30%;
  }
}

@media screen and (max-width: 599px) {
  .mp-sections-greed {
    /*width: 100%;*/
    margin-left: 15px;
  }

  .mp-sections-greed .section-greed-item {
    padding-bottom: 20px;
    width: 40%;
  }
}

/* End */
/* /local/templates/ozon_bizs_wide2/components/bitrix/catalog.section.list/on-main-page/style.css?17804095232121 */
