/* Start:/local/templates/furnitek/components/bitrix/news.detail/cases/style.css?178937947411811*/
/* Файл сгенерирован из style.scss - вручную не редактировать */
.case-detail {
  display: flex;
  flex-direction: column;
  gap: clamp(1.875rem, 1.4423076923rem + 1.9230769231vw, 3.75rem);
  color: var(--color-text-inverse);
}
.case-detail__header {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 0.5961538462rem + 0.1282051282vw, 0.75rem);
}
.case-detail__section {
  font-family: var(--font-family-primary);
  font-size: clamp(0.75rem, 0.7211538462rem + 0.1282051282vw, 0.875rem);
  font-weight: 600;
  line-height: normal;
  color: var(--color-gray-600);
  text-transform: uppercase;
  letter-spacing: 0.13125rem;
}
.case-detail__title {
  font-family: var(--font-family-primary);
  font-size: clamp(1.5rem, 1.2692307692rem + 1.0256410256vw, 2.5rem);
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
.case-detail__subtitle {
  font-family: var(--font-family-primary);
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
  font-weight: 400;
  line-height: normal;
  color: var(--color-gray-600);
}
.case-detail__main {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 0.9615384615rem + 1.2820512821vw, 2.5rem);
  align-items: start;
}
@media (width <= 80rem) {
  .case-detail__main {
    grid-template-columns: minmax(0, 1fr);
  }
}
.case-detail__image {
  width: 100%;
  height: clamp(18.75rem, 13.8461538462rem + 21.7948717949vw, 40rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.case-detail__image--empty {
  background-color: var(--color-veil);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="76" height="85" viewBox="0 0 76 85" fill="%23FFFFFF"><path d="M23.0713 68.3084C30.632 68.0576 36.6153 70.543 42.751 74.8325C46.036 77.1288 49.6407 80.0733 53.4743 81.3917C54.0893 81.6029 55.1908 81.6529 55.7354 81.9311L55.6759 82.0598C54.7804 81.9421 53.8986 82.0054 53.043 81.9274C52.0261 81.8347 50.6584 81.686 49.6605 81.4925C45.2429 80.6369 40.6627 78.6606 36.9456 76.1252C34.4232 74.4043 32.1197 72.592 29.4335 71.0682C27.8723 70.1827 26.3975 69.5057 24.6981 68.895C24.2321 68.7276 23.3755 68.6129 22.9844 68.3851L23.0713 68.3084Z"/><path d="M48.958 0H49.3505C49.2816 0.662758 49.3438 1.73763 49.3297 2.44444C49.2901 4.43951 49.4075 6.58146 49.3249 8.56488C48.9927 8.88935 47.7676 9.72236 47.3513 10.0175L43.776 12.5785L32.9716 20.3124C31.2305 21.5566 29.2238 22.897 27.5521 24.1926C27.5262 27.5385 27.6628 31.3869 27.5215 34.6621C28.2339 34.3613 29.8015 33.1466 30.5119 32.6473C32.5994 31.1802 34.6455 29.6113 36.755 28.1749C36.6369 29.6937 36.6746 33.3286 36.7426 34.8739C34.7454 34.8199 32.7474 34.8031 30.7496 34.8236C29.7195 34.8257 28.5759 34.8798 27.5648 34.821C27.5399 34.9677 27.5434 35.0337 27.5425 35.1808L27.5436 53.9837L27.5424 59.2646C27.5424 61.7469 27.2605 64.0497 29.2035 65.9792C32.957 69.7629 42.1201 69.6857 43.9313 63.8731C44.264 62.8051 44.1393 60.2068 44.1391 58.973L44.1386 50.6494L44.1355 21.4335C45.554 21.3696 47.9791 21.4523 49.4007 21.4271C50.366 21.4101 54.8739 21.3743 55.5622 21.5802C55.5745 21.6955 55.5335 21.7652 55.4063 21.8105C50.6454 23.507 50.7699 27.6052 50.7768 31.8126L50.7816 37.3466L50.7796 54.7978L50.7833 59.4552C50.7849 60.6559 50.8539 62.4113 50.5723 63.5317C50.4684 63.9338 50.3259 64.3248 50.1468 64.6995C49.1449 66.8246 46.981 68.1725 44.8354 68.9309C40.3276 70.5244 34.4806 70.5238 30.126 68.4291C28.6265 67.7078 27.1235 66.6255 26.5253 65.0057C25.9313 63.3967 26.1841 58.6408 26.1839 56.6854L26.185 35.1059L26.1844 28.0725C26.1841 26.759 26.2044 25.4424 26.1602 24.129C26.1159 23.1135 25.9515 22.158 24.8364 21.7982C23.7264 21.4399 22.4307 21.5634 21.3196 21.8534C20.7536 22.0012 19.4194 22.8863 19.0304 22.739C18.8724 22.5421 18.8622 22.5145 18.8364 22.2631C19.2209 21.8434 20.8632 20.6792 21.4074 20.2783L26.5349 16.5088L40.8786 5.96796C43.2982 4.19344 46.7198 1.83569 48.958 0Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem auto;
}
.case-detail__text {
  margin-block-end: 1.25rem;
  font-family: var(--font-family-primary);
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  font-weight: 400;
  line-height: 1.6;
  color: currentColor;
}
.case-detail__chars-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
}
@media (width <= 80rem) {
  .case-detail__chars-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width <= 48rem) {
  .case-detail__chars-list {
    grid-template-columns: minmax(0, 1fr);
  }
}
.case-detail__chars-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.375rem, 0.3461538462rem + 0.1282051282vw, 0.5rem);
  padding-block-start: clamp(0.75rem, 0.6923076923rem + 0.2564102564vw, 1rem);
  border-block-start: 0.0625rem solid rgba(255, 255, 255, 0.15);
}
.case-detail__chars-name {
  font-family: var(--font-family-primary);
  font-size: clamp(0.625rem, 0.5384615385rem + 0.3846153846vw, 1rem);
  font-weight: 600;
  line-height: normal;
  color: var(--color-gray-800);
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}
.case-detail__chars-value {
  font-family: var(--font-family-primary);
  font-size: clamp(0.875rem, 0.8173076923rem + 0.2564102564vw, 1.125rem);
  font-weight: 400;
  line-height: normal;
}

.case-gallery {
  --case-gallery-column-span: 7;
  --case-gallery-gap: 1.25rem;
  --case-gallery-height: 21.875rem;
  --case-gallery-big-height: calc(var(--case-gallery-height) * 2 + var(--case-gallery-gap));
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  gap: var(--case-gallery-gap);
}
@media (width <= 48rem) {
  .case-gallery {
    --case-gallery-height: 15.625rem;
    grid-template-columns: 1fr;
  }
}
.case-gallery__item {
  position: relative;
  height: var(--case-gallery-height);
  overflow: hidden;
}
.case-gallery__item::after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--color-veil);
  opacity: 0;
  transition-duration: var(--transition-duration);
}
@media (any-hover: hover) {
  .case-gallery__item:hover::after, .case-gallery__item.is-active::after {
    opacity: 1;
  }
}
@media (any-hover: none) {
  .case-gallery__item:active::after, .case-gallery__item.is-active::after {
    opacity: 1;
  }
}
.case-gallery__item:focus-visible::after {
  opacity: 1;
}
@media (width > 48rem) {
  .case-gallery__item {
    grid-column: span var(--case-gallery-column-span);
  }
  .case-gallery__item:nth-child(12n+1), .case-gallery__item:nth-child(12n+8) {
    --case-gallery-column-span: 6;
  }
  .case-gallery__item:nth-child(12n+2), .case-gallery__item:nth-child(12n+7) {
    --case-gallery-column-span: 8;
    --case-gallery-height: var(--case-gallery-big-height);
    grid-row: span 2;
  }
  .case-gallery__item:nth-child(12n+3), .case-gallery__item:nth-child(12n+4), .case-gallery__item:nth-child(12n+9), .case-gallery__item:nth-child(12n+10) {
    --case-gallery-column-span: 3;
  }
}
.case-gallery__image {
  background-color: var(--color-veil);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="76" height="85" viewBox="0 0 76 85" fill="%23FFFFFF"><path d="M23.0713 68.3084C30.632 68.0576 36.6153 70.543 42.751 74.8325C46.036 77.1288 49.6407 80.0733 53.4743 81.3917C54.0893 81.6029 55.1908 81.6529 55.7354 81.9311L55.6759 82.0598C54.7804 81.9421 53.8986 82.0054 53.043 81.9274C52.0261 81.8347 50.6584 81.686 49.6605 81.4925C45.2429 80.6369 40.6627 78.6606 36.9456 76.1252C34.4232 74.4043 32.1197 72.592 29.4335 71.0682C27.8723 70.1827 26.3975 69.5057 24.6981 68.895C24.2321 68.7276 23.3755 68.6129 22.9844 68.3851L23.0713 68.3084Z"/><path d="M48.958 0H49.3505C49.2816 0.662758 49.3438 1.73763 49.3297 2.44444C49.2901 4.43951 49.4075 6.58146 49.3249 8.56488C48.9927 8.88935 47.7676 9.72236 47.3513 10.0175L43.776 12.5785L32.9716 20.3124C31.2305 21.5566 29.2238 22.897 27.5521 24.1926C27.5262 27.5385 27.6628 31.3869 27.5215 34.6621C28.2339 34.3613 29.8015 33.1466 30.5119 32.6473C32.5994 31.1802 34.6455 29.6113 36.755 28.1749C36.6369 29.6937 36.6746 33.3286 36.7426 34.8739C34.7454 34.8199 32.7474 34.8031 30.7496 34.8236C29.7195 34.8257 28.5759 34.8798 27.5648 34.821C27.5399 34.9677 27.5434 35.0337 27.5425 35.1808L27.5436 53.9837L27.5424 59.2646C27.5424 61.7469 27.2605 64.0497 29.2035 65.9792C32.957 69.7629 42.1201 69.6857 43.9313 63.8731C44.264 62.8051 44.1393 60.2068 44.1391 58.973L44.1386 50.6494L44.1355 21.4335C45.554 21.3696 47.9791 21.4523 49.4007 21.4271C50.366 21.4101 54.8739 21.3743 55.5622 21.5802C55.5745 21.6955 55.5335 21.7652 55.4063 21.8105C50.6454 23.507 50.7699 27.6052 50.7768 31.8126L50.7816 37.3466L50.7796 54.7978L50.7833 59.4552C50.7849 60.6559 50.8539 62.4113 50.5723 63.5317C50.4684 63.9338 50.3259 64.3248 50.1468 64.6995C49.1449 66.8246 46.981 68.1725 44.8354 68.9309C40.3276 70.5244 34.4806 70.5238 30.126 68.4291C28.6265 67.7078 27.1235 66.6255 26.5253 65.0057C25.9313 63.3967 26.1841 58.6408 26.1839 56.6854L26.185 35.1059L26.1844 28.0725C26.1841 26.759 26.2044 25.4424 26.1602 24.129C26.1159 23.1135 25.9515 22.158 24.8364 21.7982C23.7264 21.4399 22.4307 21.5634 21.3196 21.8534C20.7536 22.0012 19.4194 22.8863 19.0304 22.739C18.8724 22.5421 18.8622 22.5145 18.8364 22.2631C19.2209 21.8434 20.8632 20.6792 21.4074 20.2783L26.5349 16.5088L40.8786 5.96796C43.2982 4.19344 46.7198 1.83569 48.958 0Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.5rem auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.case-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 0.9615384615rem + 1.2820512821vw, 2.5rem);
}
@media (width <= 64rem) {
  .case-nav {
    grid-template-columns: minmax(0, 1fr);
  }
}
.case-nav__item {
  --case-nav-bg: var(--color-black-800);
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding: 1rem 1.25rem;
  color: var(--color-text-inverse);
  background-color: var(--case-nav-bg);
  border: 0.0625rem solid rgba(255, 255, 255, 0.15);
  border-radius: 0.25rem;
  transition-duration: var(--transition-duration);
}
@media (any-hover: hover) {
  .case-nav__item:hover, .case-nav__item.is-active {
    --case-nav-bg: var(--color-gray-900);
  }
}
@media (any-hover: none) {
  .case-nav__item:active, .case-nav__item.is-active {
    --case-nav-bg: var(--color-gray-900);
  }
}
.case-nav__item:focus-visible {
  --case-nav-bg: var(--color-gray-900);
}
@media (width > 64rem) {
  .case-nav__item--prev .case-nav__body {
    margin-inline-start: auto;
    text-align: end;
  }
}
.case-nav__item--next {
  flex-direction: row-reverse;
}
@media (width > 64rem) {
  .case-nav__item--next {
    grid-column: 2;
  }
}
.case-nav__item--next .case-nav__body {
  margin-inline-end: auto;
}
.case-nav__image {
  width: 5.625rem;
  height: 5.625rem;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.case-nav__body {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.case-nav__label {
  font-family: var(--font-family-primary);
  font-size: clamp(0.625rem, 0.5673076923rem + 0.2564102564vw, 0.875rem);
  font-weight: 700;
  line-height: normal;
  color: var(--color-gray-600);
  text-transform: uppercase;
  letter-spacing: 0.13125rem;
}
.case-nav__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-family: var(--font-family-primary);
  font-size: clamp(1rem, 0.8846153846rem + 0.5128205128vw, 1.5rem);
  font-weight: 600;
  line-height: normal;
}
.case-nav__section {
  font-family: var(--font-family-primary);
  font-size: clamp(0.75rem, 0.6923076923rem + 0.2564102564vw, 1rem);
  font-weight: 400;
  line-height: normal;
  color: var(--color-gray-600);
}
/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/furnitek/components/bitrix/news.detail/cases/style.css?178937947411811 */