.card-features__title {
  height: 40px;
  font-weight: 500;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: var(--gap);
  color: var(--primary);
}

.card-features__desc {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-features__img {
  border-radius: var(--border-radius);
  margin-bottom: var(--gap);
}

.section-breadcrumbs {
  padding-top: 0;
}

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

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

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

.section-designers__content > *:last-child {
  margin-bottom: 0;
}

.grid-advantages {
  --grid-columns-count: 5;
}
@media (max-width: 759px) {
  .grid-advantages {
    --grid-columns-count: 3;
  }
}
@media (max-width: 559px) {
  .grid-advantages {
    --grid-columns-count: 2;
  }
}

.section-tabs .tabs-content {
  margin-top: 0;
  padding: var(--gap-md);
  background: var(--primary);
  border-radius: 0 var(--base-border-radius) var(--base-border-radius);
}
@media (max-width: 959px) {
  .section-tabs .tabs-content {
    border-radius: var(--base-border-radius);
  }
}
@media (max-width: 759px) {
  .section-tabs .tabs-content {
    padding: var(--gap-sm);
  }
}

@media (max-width: 959px) {
  .section-tabs .tabs-nav {
    margin-bottom: var(--gap-xs);
  }
}
.tabs-content .card {
  --radius: calc(var(--base-border-radius) - 1px);
  margin: 0 calc(-1 * var(--gap-md)) calc(-1 * var(--gap-md));
  border-radius: 0 0 var(--radius) var(--radius);
}
@media (max-width: 759px) {
  .tabs-content .card {
    margin: 0 calc(-1 * var(--gap-sm)) calc(-1 * var(--gap-sm));
  }
}

.base-content {
  background: linear-gradient(180deg, var(--base-background), var(--muted));
  position: relative;
}
.base-content > * {
  position: relative;
}

.base-content__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.base-content__bg-img {
  mask-image: linear-gradient(transparent, #000);
}

.project-desc {
  display: flex;
  gap: var(--gap-xl);
}
.project-desc > * {
  --width: calc((100% - var(--gap-xl)) / 2);
  flex: 0 0 var(--width);
  max-width: var(--width);
}
@media (max-width: 1279px) {
  .project-desc {
    gap: var(--gap);
    flex-wrap: wrap;
  }
  .project-desc > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.tile {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  border: var(--base-border-width) solid var(--base-border-color);
  border-radius: var(--base-border-radius);
  background-color: var(--base-background);
}
@media (max-width: 759px) {
  .tile {
    width: 136px;
    height: 136px;
  }
}

.tile__body {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  align-items: center;
}

@media (max-width: 759px) {
  .design-tools .tile {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    justify-content: flex-start;
    padding: var(--gap-xs);
  }
  .design-tools .tile__body {
    flex-direction: row;
  }
}
.release {
  display: flex;
  padding: var(--gap);
  gap: var(--gap);
}
.release + .release {
  border-top: var(--base-border-width) solid var(--base-border-color);
}
@media (max-width: 759px) {
  .release + .release {
    border: none;
  }
}
@media (max-width: 759px) {
  .release {
    padding: var(--gap-xs) 0;
    flex-wrap: wrap;
  }
}

.release-date {
  color: var(--primary);
  font-weight: 700;
  font-size: var(--fs-small);
  flex: 0 0 80px;
  max-width: 80px;
}
@media (max-width: 759px) {
  .release-date {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.section-body--features {
  background: var(--muted);
  padding: var(--gap-md) var(--gap-lg);
  border-radius: var(--base-border-radius);
}

.grid-features {
  --grid-columns-count: 4;
}
@media (max-width: 959px) {
  .grid-features {
    --grid-columns-count: 2;
  }
}
@media (max-width: 759px) {
  .grid-features {
    --grid-columns-count: 1;
  }
}