/* Start:/local/templates/privilegia/assets/scss/pages/licenses.css?176604795612644*/
@charset "UTF-8";
/* ===== PAGE WRAPPER ===== */
.licenses-page {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--container_max) + var(--container_pad) * 2);
  margin-inline: auto;
  padding-inline: var(--container_pad);
  margin-bottom: 72px;
}

@media (min-width: 1024px) {
  .licenses-page {
    padding-inline: 0;
    margin-bottom: 120px;
  }
}
/* desktop: 12 колонок, контент с 2 по 11 */
@media (min-width: 1024px) {
  .licenses-page__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 24px;
  }
  .licenses-page__main {
    grid-column: 2/span 10; /* 2..11 */
    min-width: 0;
  }
}
/* ===== HEAD ===== */
.licenses-head {
  display: grid;
  row-gap: 20px;
  margin-top: 20px;
}

@media (min-width: 1024px) {
  .licenses-head {
    margin-top: 33px;
    row-gap: 34px;
  }
}
.middle .middle__wrap_parallax--title .title__text,
.middle .middle__wrap_parallax--title .title__container .title__text,
.licenses-head__title {
  font-family: var(--font_family_display);
  font-size: 24px !important;
  line-height: var(--line_height_tight);
  color: var(--color_heading);
  text-transform: uppercase;
  font-weight: normal;
  margin: 53px 0 0;
}

@media (min-width: 1024px) {
  .middle .middle__wrap_parallax--title .title__text,
  .middle .middle__wrap_parallax--title .title__container .title__text,
  .licenses-head__title {
    font-size: 32px !important;
    margin: 48px 0 0;
  }
}
.licenses-head__back {
  display: inline-flex;
  align-items: center;
  gap: 38px;
  color: var(--color_text);
  text-decoration: none;
  opacity: 0.9;
}

@media (min-width: 1024px) {
  .licenses-head__back {
    gap: 44px;
  }
}
.licenses-head__back:hover {
  opacity: 1;
}

.licenses-head__back-ico {
  width: 47px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg class='news-detail__back-ico' width='47' height='30' viewBox='0 0 47 30' fill='none' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5654 16.8702L47 16.8702L47 13.1298L7.5654 13.1298C12.1299 10.0911 15.3993 5.416 16.4294 -2.67256e-06L13.2877 -2.94723e-06C12.5232 6.46195 7.18416 11.8063 1.41925e-06 13.7656L1.20343e-06 16.2343C7.18416 18.1937 12.5232 23.538 13.2877 30L16.4294 30C15.3993 24.584 12.1299 19.9089 7.5654 16.8702Z' fill='%23C8AE93'/%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
  .licenses-head__back-ico {
    width: 58px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='58' height='36' viewBox='0 0 58 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_583_3244)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.46313 20.1392L57.8242 20.1392L57.8242 15.7356L9.46313 15.7356C15.0608 12.1582 19.0704 6.65437 20.3336 0.278246L16.4807 0.278245C15.5432 7.88575 8.99558 14.1775 0.185205 16.4842L0.185205 19.3906C8.99558 21.6973 15.5432 27.989 16.4807 35.5965L20.3336 35.5965C19.0704 29.2204 15.0608 23.7165 9.46313 20.1392Z' fill='%23C8AE93'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_583_3244'%3E%3Crect width='58' height='36' fill='white' transform='translate(58 36) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
.licenses-head__back-text {
  font-size: 18px;
  color: var(--color_text);
}
.licenses-head__back-text:hover {
  color: var(--color_text_muted);
}

/* ===== FILTER ===== */
.licenses-filter {
  margin-top: 23px;
  max-width: 100%;
}

/* на странице фильтр выглядит как строка с dropdown;
   используем уже существующий .complex-select из complex_select.scss */
.licenses-filter .complex-select {
  width: 100%;
  max-width: 375px;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .licenses-filter {
    margin-top: 57px;
  }
  .licenses-filter .complex-select {
    justify-content: flex-start;
    max-width: max-content;
  }
}
/* ===== EMPTY STATE ===== */
.licenses-empty {
  margin-top: 21px;
}

.licenses-empty__card {
  background: var(--color_surface);
  border-radius: 12px;
  padding: 13px;
  display: grid;
  grid-template-columns: 56px 1fr;
  align-items: center;
  column-gap: 16px;
}

.licenses-empty__icon {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: #F3F3F3;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3337 4H2.66699L13.3337 16.6133V25.3333L18.667 28V16.6133L29.3337 4Z' stroke='%23BFBFBF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.licenses-empty__text {
  font-size: 16px;
  line-height: 1.3;
  color: var(--color_text);
}

@media (min-width: 1024px) {
  .licenses-empty {
    margin-top: 46px;
  }
  .licenses-empty__card {
    padding: 24px;
    grid-template-columns: 80px 1fr;
    column-gap: 22px;
  }
  .licenses-empty__icon {
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.0827 5.875H3.91602L19.5827 24.4008V37.2083L27.416 41.125V24.4008L43.0827 5.875Z' stroke='%23BFBFBF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .licenses-empty__text {
    font-size: 18px;
  }
}
/* ===== LIST / CARD ===== */
.licenses-list {
  margin-top: 20px;
  display: grid;
  row-gap: 16px;
}

@media (min-width: 1024px) {
  .licenses-list {
    margin-top: 46px;
    row-gap: 18px;
  }
}
.licenses-card {
  background: var(--color_surface);
  border-radius: 12px;
  padding: 15px 20px;
  display: grid;
  grid-template-columns: 1fr 52px; /* mobile: тело + скачать */
  column-gap: 16px;
  align-items: center;
}

.licenses-card__icon {
  display: none;
}

@media (min-width: 1024px) {
  .licenses-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.licenses-card__format {
  font-weight: 600;
  color: #B0B0B0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (min-width: 1024px) {
  .licenses-card__format {
    font-size: 24px;
  }
}
.licenses-card__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .licenses-card__body {
    row-gap: 12px;
  }
}
.licenses-card__title {
  font-size: 16px;
  line-height: 1.25;
  color: var(--color_text);
}

.licenses-card__meta {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.2;
  color: var(--color_text_muted);
}

.licenses-card__download {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  text-decoration: none;
  justify-self: end; /* справа */
  align-self: center; /* по центру по высоте двух строк */
}

.licenses-card__download:hover {
  background: rgba(0, 0, 0, 0.03);
}

.licenses-card__download-ico {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3V14' stroke='%23B0B0B0' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 10L12 14L16 10' stroke='%23B0B0B0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17V21H20V17' stroke='%23B0B0B0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (min-width: 1024px) {
  .licenses-card {
    padding: 24px;
    grid-template-columns: 80px 1fr 80px;
    column-gap: 22px;
  }
  .licenses-card__icon {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #F3F3F3;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .licenses-card__download {
    width: 80px;
    height: 80px;
  }
  .licenses-card__title {
    font-size: 18px;
  }
  .licenses-card__meta {
    font-size: 18px;
  }
  .licenses-card__download-ico {
    width: 47px;
    height: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.125 29.375V37.2083C41.125 38.2471 40.7124 39.2433 39.9778 39.9778C39.2433 40.7124 38.2471 41.125 37.2083 41.125H9.79167C8.7529 41.125 7.75668 40.7124 7.02216 39.9778C6.28765 39.2433 5.875 38.2471 5.875 37.2083V29.375' stroke='%23BFBFBF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.707 19.5833L23.4987 29.375L33.2904 19.5833' stroke='%23BFBFBF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.5 29.375V5.875' stroke='%23BFBFBF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}
/* ===== MOBILE layout fix: download only on 2nd row ===== */
@media (max-width: 1023.98px) {
  .licenses-card {
    grid-template-columns: 1fr 52px; /* текст | скачать */
    grid-template-rows: auto auto; /* title | meta(+download) */
    row-gap: 20px;
    align-items: start;
    padding: 20px 15px 20px 20px;
  }
  /* "распаковываем" title/meta наружу, чтобы управлять grid-ячейками */
  .licenses-card__body {
    display: contents;
  }
  .licenses-card__title {
    grid-column: 1;
    grid-row: 1;
  }
  .licenses-card__meta {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0; /* потому что теперь row-gap отвечает за расстояние */
    display: grid;
    align-items: end;
    height: 100%;
  }
  .licenses-card__download {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: end; /* правый нижний угол на 2-й строке */
    align-items: flex-end;
    justify-content: flex-end;
  }
}
/* ===== TARIFFS: section titles ===== */
.tariffs-section + .tariffs-section {
  margin-top: 56px;
}

@media (min-width: 1024px) {
  .tariffs-section + .tariffs-section {
    margin-top: 72px;
  }
}
.tariffs-section__title {
  font-family: var(--font_family_base);
  font-weight: 400;
  color: var(--color_text);
  opacity: 0.65;
  font-size: 24px;
  line-height: 1.15;
  margin: 16px 0 28px;
}

@media (min-width: 1024px) {
  .tariffs-section__title {
    font-size: 32px;
    margin: 38px 0 49px;
  }
}
/* карточка целиком ссылка — чтобы не было "синей ссылки" */
a.licenses-card {
  color: inherit;
  text-decoration: none;
}

/* download-иконка кликается вместе с карточкой */
.licenses-card__download {
  pointer-events: none;
}

/* ===== docs: 2 filters row (complex + house) ===== */
.docs-filters {
  margin-top: 23px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

@media (min-width: 1024px) {
  .docs-filters {
    margin-top: 57px;
    gap: 24px;
    grid-template-columns: auto auto; /* как на макете */
    justify-content: start;
  }
  .docs-filters .complex-select {
    max-width: max-content;
  }
}
/* если комплекс не выбран — дом отключён */
.complex-select--disabled {
  opacity: 0.55;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .instructions-page .licenses-list {
    margin-top: 46px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 18px;
  }
}
/* опционально: заменить иконку справа на "play" для видео-карточек */
.instructions-page .licenses-card--video .licenses-card__download-ico {
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16934 27.915L24.5098 15.6597L8.16934 3.4044L8.16934 27.915Z' stroke='%23BFBFBF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

@media (min-width: 1024px) {
  .instructions-page .licenses-card--video .licenses-card__download-ico {
    width: 47px;
    height: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 41L36 23L12 5.00001L12 41Z' stroke='%23BFBFBF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
}

/* End */
/* /local/templates/privilegia/assets/scss/pages/licenses.css?176604795612644 */