.section-products {
  padding-top: var(--gap);
}

.section-products__desc {
  flex-shrink: 0;
  max-width: calc(var(--container-width) - var(--aside-menu-width) - var(--header-bottom-gap));
}
@media (max-width: 1399px) {
  .section-products__desc {
    max-width: calc(100% - var(--aside-menu-width) - var(--header-bottom-gap));
  }
}
@media (max-width: 1279px) {
  .section-products__desc {
    max-width: 100%;
  }
}

.section-products__body {
  display: flex;
  gap: var(--header-bottom-gap);
}
.section-products__body .container {
  padding: 0;
}
@media (max-width: 1399px) {
  .section-products__body {
    padding: 0 var(--gap-sm);
  }
}
@media (max-width: 1279px) {
  .section-products__body {
    flex-direction: column;
    gap: var(--gap);
  }
}

.props-item {
  display: flex;
  padding: var(--gap-xs);
}

.props .props-item:nth-of-type(odd) {
  background-color: var(--muted);
}

.props-item__name {
  flex: 0 0 40%;
  max-width: 40%;
}

.props-item__value {
  flex: 0 0 60%;
  max-width: 60%;
  text-align: right;
  font-weight: 500;
}

:root {
  --aside-menu-width: 298px;
  --widgets-grid-gap: var(--gap-md);
}

@media (max-width: 1279px) {
  :root {
    --aside-menu-width: 298px;
  }
}
@media (max-width: 959px) {
  :root {
    --widgets-grid-gap: var(--gap);
  }
}
.section-breadcrumbs {
  padding-top: 0;
}

.grid-advantages {
  --grid-columns-count: 3;
}
@media (max-width: 959px) {
  .grid-advantages {
    --grid-columns-count: 1;
  }
}

.section-widgets__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--widgets-grid-gap);
}

.section-widgets__col {
  --width: calc((100% - var(--widgets-grid-gap)) / 2);
  display: flex;
  flex-direction: column;
  gap: var(--widgets-grid-gap);
  width: var(--width);
  flex: 0 0 var(--width);
}
@media (max-width: 1279px) {
  .section-widgets__col {
    --width: 100%;
  }
}
@media (max-width: 959px) {
  .section-widgets__col {
    gap: var(--gap);
  }
}

.section-widgets__item {
  display: inline-block;
  width: 100%;
}
.section-widgets__item .tabs-content {
  margin-top: 0;
  padding: var(--gap-md) var(--gap);
  background: var(--primary);
  border-radius: 0 var(--base-border-radius) var(--base-border-radius);
}
@media (max-width: 959px) {
  .section-widgets__item .tabs-content {
    border-radius: var(--base-border-radius);
  }
}
@media (max-width: 559px) {
  .section-widgets__item .tabs-content {
    padding: 0;
    background: transparent;
  }
  .section-widgets__item .tabs-content .card-body {
    padding: var(--gap-xs);
  }
}
@media (max-width: 959px) {
  .section-widgets__item .tabs-nav {
    margin-bottom: var(--gap);
  }
}

.slide-caption {
  padding-top: var(--gap-xs);
  font-size: var(--fs-small);
}

.slider-container {
  padding: 0;
}

.slider-gallery .splide__slide {
  width: 185px;
}
.slider-gallery .slider-arrow {
  top: 60px;
}
.slider-gallery .slider-arrow__prev {
  left: calc(-1 * var(--btn-arrow-size) / 2);
  transform: none;
}
.slider-gallery .slider-arrow__next {
  right: calc(-1 * var(--btn-arrow-size) / 2);
  transform: none;
}

.card-plugin {
  padding: var(--gap-sm) 0;
  display: flex;
  gap: var(--gap-sm);
  align-items: center;
  font-size: var(--fs-small);
  border-bottom: 1px solid var(--base-border-color);
}

.card-plugin__img {
  flex: 0 0 110px;
  max-width: 110px;
}

.card-plugin__name {
  color: var(--primary);
  font-size: var(--fs-medium);
  margin-bottom: var(--gap-xxs);
  text-decoration: none;
  display: block;
}

.card-plugin__desc {
  flex-grow: 1;
  align-self: center;
}

.card-plugin__file {
  flex: 0 0 84px;
  max-width: 84px;
  text-align: center;
}

@media (max-width: 559px) {
  .card-plugin {
    display: grid;
    gap: var(--gap-sm);
    grid-template-columns: 110px 1fr;
    align-items: flex-start;
    grid-template-areas: "a b" "a c";
  }
  .card-plugin__img {
    grid-area: a;
  }
  .card-plugin__desc {
    grid-area: b;
  }
  .card-plugin__file {
    grid-area: c;
    display: flex;
    gap: var(--gap-sm);
    align-items: center;
    max-width: 100%;
  }
  .card-plugin__file .mb-md {
    margin-bottom: 0;
  }
}
.props {
  margin-bottom: var(--gap-md);
}

.columns-1-2 {
  --grid-columns-count: 2;
}
@media (max-width: 559px) {
  .columns-1-2 {
    --grid-columns-count: 1;
  }
}

.thumbnail-carousel .slider-arrow__prev {
  left: calc(-1 * var(--btn-arrow-size) / 2);
}
.thumbnail-carousel .slider-arrow__next {
  right: calc(-1 * var(--btn-arrow-size) / 2);
}