.breadcrumbs {
  display: flex;
  align-items: center
}

.breadcrumbs__link {
  font-size: 16px;
  color: var(--osnovnye-cveta-primary-2);
  display: flex
}

.breadcrumbs__link svg {
  margin-right: 4px
}

.breadcrumbs__link:not(:first-child) {
  margin-left: 22px
}

.breadcrumbs__link:not(:first-child)::before {
  content: "/";
  position: absolute;
  top: 0;
  left: -14px
}

.breadcrumbs__link.active {
  font-weight: 700;
  color: var(--cveta-fona-bg-2);
  position: relative
}

:root {
  --line-height: 1.2;
  --max-lines: 3
}

.text-card__body {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: var(--line-height);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
  line-clamp: var(--max-lines);
  text-overflow: ellipsis;
  max-height: calc(var(--max-lines) * var(--line-height) * 1em);
  transition: max-height var(--transition)
}

.text-card__body p {
  display: inline;
  margin: 0
}

.text-card__body--expanded {
  display: block;
  max-height: none;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  text-overflow: unset
}

.text-card__body--expanded p {
  display: block
}

.text-card__body--expanded p+p {
  margin-top: 12px
}

.text-card__toggle {
  padding: 0;
  border: none;
  font-family: var(--second-family);
  font-size: 24px;
  color: var(--vtorostepennye-cveta-blue);
  background: 0 0;
  display: inline-flex;
  cursor: pointer;
  gap: 6px;
  transition: color var(--transition)
}

.text-card__toggle:focus-visible,
.text-card__toggle:hover {
  outline: 0
}

.text-card__toggle[aria-expanded=true] .text-card__chevron {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.text-card__chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: -webkit-transform var(--transition);
  transition: transform var(--transition);
  transition: transform var(--transition), -webkit-transform var(--transition)
}

.brand-detail-title {
  font-family: var(--second-family);
  font-size: 40px;
  margin-bottom: 40px;
  color: var(--osnovnye-cveta-primary-3)
}

.brand-detail {
  background: var(--osnovnye-cveta-primary-3);
  padding-top: 24px;
  padding-bottom: 88px;
  margin-bottom: 88px;
  color: var(--osnovnye-cveta-primary-2)
}

.brand-detail__breadcrumbs {
  margin-bottom: 32px
}

.brand-detail__title {
  font-family: var(--second-family);
  font-size: 40px;
  color: var(--osnovnye-cveta-primary-2)
}

.brand-detail__line {
  border-top: 2px solid var(--vtorostepennye-cveta-line-grey);
  opacity: 1;
  margin-top: 32px;
  margin-bottom: 32px
}

.brand-detail__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 16px;
  margin-bottom: 32px
}

.brand-detail__card-img {
  position: relative;
  padding-bottom: 89.74%
}

.brand-detail__card-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 10px
}

.brand-detail__card-body {
  order: 3;
  grid-column: 1/-1
}

.brand-detail__list {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.brand-detail__list-item {
  display: inline-block;
  border-radius: 10px;
  padding: 8px 14px
}

.brand-detail__list-item:nth-child(odd) {
  width: 100%;
  background: var(--vtorostepennye-cveta-white)
}

.brand-detail__list-item span {
  font-size: 16px
}

.brand-detail__list-item span:first-child {
  margin-right: 8px
}

.brand-detail__list-item span:nth-child(odd) {
  color: var(--vtorostepennye-cveta-secondary-1)
}

.brand-detail__list-item span:nth-child(even) {
  color: var(--osnovnye-cveta-primary-2)
}

.brand-detail__text-title {
  color: var(--osnovnye-cveta-primary-2);
  font-family: var(--second-family);
  margin-bottom: 34px;
  font-size: 30px
}

.brand-detail__text-body {
  font-size: 16px;
  margin-bottom: 16px
}

.brand-detail__text-body p+p {
  margin-top: 12px
}

.brand-detail__text-toggle {
  display: flex;
  align-items: center;
  line-height: 1
}

.brand-detail__text-label {
  font-family: var(--second-family);
  font-size: 20px
}

@media (min-width:576px) {
  .brand-detail__card-img {
    padding-bottom: 59.84%
  }
}

@media (min-width:768px) {
  .brand-detail-title {
    font-size: 46px;
    margin-bottom: 56px
  }

  .brand-detail {
    padding-bottom: 104px;
    margin-bottom: 104px
  }

  .brand-detail__breadcrumbs {
    margin-bottom: 40px
  }

  .brand-detail__title {
    font-size: 46px
  }

  .brand-detail__line {
    margin-bottom: 40px;
    margin-top: 40px
  }

  .brand-detail__card {
    gap: 24px;
    margin-bottom: 40px;
    grid-template-columns: 1fr 1fr
  }

  .brand-detail__list-item {
    display: grid;
    align-items: center;
    gap: 24px;
    grid-template-columns: 200px auto
  }

  .brand-detail__list-item:nth-child(odd) {
    width: auto
  }

  .brand-detail__list-item span {
    font-size: 18px
  }

  .brand-detail__text-title {
    font-size: 32px;
    margin-bottom: 40px
  }

  .brand-detail__text-body {
    font-size: 18px
  }

  .brand-detail__text-label {
    font-size: 22px
  }
}

@media (min-width:992px) {
  .brand-detail__list-item {
    grid-template-columns: 200px auto
  }

  .brand-detail__text-title {
    font-size: 36px
  }
}

@media (min-width:1200px) {
  .brand-detail__card {
    grid-template-columns: 250px auto 250px
  }

  .brand-detail__card-body {
    order: unset;
    grid-column: unset
  }

  .brand-detail__list-item span {
    font-size: 16px
  }

  .brand-detail__text-title {
    font-size: 42px
  }
}

@media (min-width:1400px) {
  .brand-detail__card {
    grid-template-columns: 270px auto 270px
  }

  .brand-detail__list-item {
    padding: 10px 16px;
    grid-template-columns: 230px auto
  }

  .brand-detail__text-title {
    font-size: 44px
  }

  .brand-detail__text-label {
    font-size: 24px
  }
}

@media (min-width:1920px) {
  .brand-detail-title {
    font-size: 48px
  }

  .brand-detail__title {
    font-size: 48px
  }

  .brand-detail__card {
    gap: 32px;
    grid-template-columns: 376px auto 376px
  }

  .brand-detail__list-item {
    grid-template-columns: 250px auto
  }

  .brand-detail__list-item span {
    font-size: 18px
  }

  .brand-detail__text-title {
    font-size: 48px
  }
}

@media (max-width:550px) {
  .breadcrumbs__link:not(:first-child) {
    display: none
  }
}