/* Start:/local/templates/aspro_max/components/bitrix/catalog.section.list/custom_sections_list/style.css?17549816193712*/
.catalog-section-list {
  display: grid;
  --row-items-count: 3;
  --row-item-min-height: 314px;
  grid-template-columns: repeat(var(--row-items-count), 1fr);
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .catalog-section-list {
    --row-items-count: 2;
  }
}
@media screen and (max-width: 767px) {
  .catalog-section-list {
    --row-item-min-height: unset;
    --row-items-count: 1;
  }
}
.catalog-section-list__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
  min-height: var(--row-item-min-height);
  position: relative;
  background: var(--item-background, #fff);
  border-radius: 10px;
  padding: 29px 30px 31px;
  transition: background 0.3s ease-in-out;
}
@media (hover: hover) {
  .catalog-section-list__item:hover {
    --item-background: #363B3B;
    --name-color: #fff;
    --subsections-item-color: #fff;
    --subsections-item-border-color: #c7cbce;
    --subsections-item-background-color: transparent;
    --name-icon-fill: #E2AC25;
  }
}
@media screen and (max-width: 1200px) {
  .catalog-section-list__item {
    padding: 30px;
  }
}
@media screen and (max-width: 500px) {
  .catalog-section-list__item {
    padding: 20px;
  }
}
.catalog-section-list__top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.catalog-section-list__subsections {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.catalog-section-list__subsections-item {
  position: relative;
  z-index: 9;
  font-size: 14px;
  line-height: 140%;
  color: var(--subsections-item-color, #363b3b);
  padding: 8px 16px;
  border-radius: 50px;
  border: 1px solid var(--subsections-item-border-color, transparent);
  background-color: var(--subsections-item-background-color, #f5f6f7);
  transition: border 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.catalog-section-list__subsections-item:hover {
  color: var(--subsections-item-color, #363b3b);
  opacity: 0.85;
}
.catalog-section-list__subsections-item:focus {
  color: var(--subsections-item-color, #363b3b);
}
.catalog-section-list__name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 600;
  font-size: 26px;
  line-height: 140%;
  color: var(--name-color, #333);
  transition: color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .catalog-section-list__name {
    font-size: clamp(20px, 0.952rem + 1.527vw, 26px);
  }
}
.catalog-section-list__name:hover {
  color: var(--name-color, #333);
}
.catalog-section-list__name:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.catalog-section-list__name-text {
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
}
.catalog-section-list__name-text:hover {
  opacity: 0.85;
}
.catalog-section-list__image {
  max-width: 100%;
  max-height: 100%;
}
.catalog-section-list__image-wrapper {
  max-width: 188px;
  max-height: 188px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .catalog-section-list__image-wrapper {
    max-width: clamp(100px, 1.069rem + 22.392vw, 188px);
    max-height: clamp(100px, 1.069rem + 22.392vw, 188px);
  }
}

.sections_wrapper svg.catalog-section-list__name-icon {
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
}
.sections_wrapper svg.catalog-section-list__name-icon:hover {
  opacity: 0.85;
}
.sections_wrapper svg.catalog-section-list__name-icon path {
  fill: var(--name-icon-fill, #C7CBCE);
  transition: fill 0.3s ease-in-out;
}
@media screen and (max-width: 500px) {
  .sections_wrapper svg.catalog-section-list__name-icon {
    width: clamp(25px, 1.031rem + 2.545vw, 35px);
  }
}

/* End */
/* /local/templates/aspro_max/components/bitrix/catalog.section.list/custom_sections_list/style.css?17549816193712 */