/* Start:/bitrix/templates/prom_s2/components/bitrix/news/news.1/style.css?17767563523843*/
.ns-bitrix.c-news.c-news-news-1 .news-body[data-additional=true] {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.ns-bitrix.c-news.c-news-news-1 .news-content {
  width: 75%;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional {
  width: 25%;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-item {
  margin-top: 30px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-item:first-child {
  margin-top: 0;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-tags-header {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-tags-header + div {
  margin-top: 15px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-top-wrapper {
  padding: 25px;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-top-header {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-top-header + div {
  margin-top: 25px;
}
.ns-bitrix.c-news.c-news-news-1 .news-additional-subscribe {
  padding: 25px;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-1 {
  margin-bottom: 20px;
  padding: 10px 15px;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-1-item {
  margin: 5px 15px;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-1-item > * {
  font-size: 13px;
  line-height: 17px;
  text-decoration: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-1-item > a {
  color: #4b4b4b;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2 {
  padding: 10px;
  margin-bottom: 30px;
  background-color: #f9f9fa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2-item {
  margin: 10px 25px;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2-item[data-role=year] {
  position: relative;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2-item[data-role=year]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  display: block;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #888888;
  opacity: 0.7;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2-item > * {
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ns-bitrix.c-news.c-news-news-1 .news-panel-2-item > a {
  color: #888888;
}
.ns-bitrix.c-news.c-news-news-1 [data-additional=true] .news-content {
  width: 75%;
  flex-basis: auto;
}
.ns-bitrix.c-news.c-news-news-1 [data-additional=false] .news-content {
  width: 100%;
}
@media all and (max-width: 1024px) {
  .ns-bitrix.c-news.c-news-news-1 [data-additional=true] .news-content {
    width: 100%;
  }
  .ns-bitrix.c-news.c-news-news-1 .news-additional {
    display: none;
  }
}
@media all and (max-width: 768px) {
  .ns-bitrix.c-news.c-news-news-1 .news-panel-2-item[data-role=year]::after {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/prom_s2/components/bitrix/news.detail/news.default.1/style.css?177676951025043*/
.ns-bitrix.c-news.c-news-news-1 .news-detail-item + div {
  margin-top: 30px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-header-date {
  font-size: 14px;
  line-height: 14px;
  color: #696969;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-content-item + div {
  margin-top: 30px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-content-image {
  font-size: 0;
  text-align: center;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-content-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item {
  font-size: 14px;
  line-height: 14px;
  color: #FFF;
  padding: 7px 12px;
  cursor: default;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 21px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item[data-color="1"] {
  background-color: #ffd800;
  color: #1f1f1f;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item[data-color="2"] {
  background-color: #d7569c;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item[data-color="3"] {
  background-color: #3eb5f1;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item[data-color="4"] {
  background-color: #52ac62;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item[data-color="5"] {
  background-color: #1f1f1f;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-print {
  font-size: 0;
  text-align: right;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-print-icon {
  display: inline-block;
  cursor: pointer;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-print-icon path {
  fill: #a6b1b7;
  -webkit-transition-property: fill;
  -moz-transition-property: fill;
  -ms-transition-property: fill;
  -o-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-print-icon:hover path {
  fill: #333333;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-additional {
  padding-top: 35px;
  border-top: 1px solid #e8e8e8;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-additional-item + div {
  margin-top: 50px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-additional-header + div {
  margin-top: 25px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-footer {
  padding-top: 35px;
  border-top: 1px solid #e8e8e8;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-back-wrap {
  font-size: 0;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-back {
  display: inline-block;
  text-decoration: none;
  color: #525458;
  white-space: nowrap;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-back-icon,
.ns-bitrix.c-news.c-news-news-1 .news-detail-back-text {
  display: inline-block;
  vertical-align: middle;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-back-icon {
  font-size: 27px;
  padding-right: 20px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-back-text {
  font-size: 14px;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-social-wrap {
  text-align: right;
}
.ns-bitrix.c-news.c-news-news-1 .news-detail-social {
  display: inline-block;
}
@media all and (max-width: 768px) {
  .ns-bitrix.c-news.c-news-news-1 .news-detail-header-date {
    font-size: 12px;
    line-height: 12px;
  }
  .ns-bitrix.c-news.c-news-news-1 .news-detail-print {
    display: none;
  }
  .ns-bitrix.c-news.c-news-news-1 .news-detail-content-preview,
.ns-bitrix.c-news.c-news-news-1 .news-detail-content-detail {
    font-size: 14px;
    line-height: 21px;
  }
  .ns-bitrix.c-news.c-news-news-1 .news-detail-tags-item {
    font-size: 12px;
    line-height: 12px;
  }
}
@media print {
  .ns-bitrix.c-news.c-news-news-1 .news-detail-footer,
.ns-bitrix.c-news.c-news-news-1 .news-detail-additional {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */


/* ===== MK article styling (clean) ===== */

/* container */
.news-detail .mk-article{
  max-width: 900px;
  margin: 0 auto;
  font-family: inherit;
  line-height: 1.7;
  color: #333;
  font-size: 18px;
}

/* title + lead */
.news-detail .mk-article .mk-title{
  font-size: 2.5rem;
  color: #064549;
  text-align: center;
  padding-bottom: 16px;
  margin: 0 0 22px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 2px solid rgba(6,69,73,.35);
}

.news-detail .mk-article .mk-lead{
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 1.1em;
}

/* generic paragraphs inside article */
.news-detail .mk-article p{
  margin: 0 0 1em;
}

/* note */
.news-detail .mk-article .mk-note{
  background: #f4fbfd;
  border: 1px solid rgba(6,69,73,.18);
  border-radius: 30px;
  padding: 28px 30px;
  margin: 0 0 44px;
}
.news-detail .mk-article .mk-note p{
  margin: .6em 0 0;
}

/* TOC */
.news-detail .mk-article .mk-toc{
  background: #fff;
  border: 1px solid rgba(6,69,73,.18);
  border-radius: 30px;
  padding: 18px 18px 14px;
  margin: 0 0 34px;
}
.news-detail .mk-article .mk-toc-title{
  font-weight: 700;
  color: #064549;
  margin: 0 0 12px;
}
.news-detail .mk-article .mk-toc-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
}
.news-detail .mk-article .mk-toc a{
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #0b2f33;
  background: rgba(6,69,73,.06);
  transition: background-color .2s ease;
}
.news-detail .mk-article .mk-toc a:hover{
  background: rgba(6,69,73,.10);
}

/* numbered sections */
.news-detail .mk-article .mk-item{
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 26px;
  margin: 0 0 34px;
  padding: 24px;
  background: #f8f9fa;
  border-radius: 12px;
  box-shadow: 0 2px 14px rgba(6,69,73,.08);
}

.news-detail .mk-article .mk-num{
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg,#064549,#0a7a8a);
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 8px 25px rgba(6,69,73,.30);
}

.news-detail .mk-article .mk-h{
  color: #064549;
  font-size: 1.4rem;
  margin: 0 0 .7em;
  font-weight: 600;
}

.news-detail .mk-article .mk-body p{
  margin: 0 0 1em;
}

/* quote */
.news-detail .mk-article .mk-quote{
  background: rgba(255,255,255,.92);
  padding: 20px;
  border-left: 3px solid #064549;
  margin: 1.1em 0 0;
  font-style: italic;
}

/* question block */
.news-detail .mk-article .mk-q{
  background: rgba(232,244,248,.70);
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid #064549;
  margin-top: 18px;
}
.news-detail .mk-article .mk-q p{
  margin: .6em 0 0;
}

/* mid-cta (editorial) */
.news-detail .mk-article .mk-midcta{
  margin: 10px 0 44px;
  padding: 18px 20px;
  border-left: 4px solid #064549;
  background: rgba(6,69,73,.05);
  border-radius: 12px;
}
.news-detail .mk-article .mk-midcta b{
  color: #064549;
}
.news-detail .mk-article .mk-midcta p{
  margin: .6em 0 0;
}

/* CTA block */
.news-detail .mk-article .mk-cta{
  margin: 52px 0 0;
  padding: 50px;
  background: linear-gradient(135deg,#064549,#0a7a8a);
  color: #fff;
  border-radius: 65px;
  text-align: center;
}

.news-detail .mk-article .mk-cta h2{
  color: #fff;
  font-size: 1.8rem;
  margin: 0 0 1.1em;
  line-height: 1.15;
}

.news-detail .mk-article .mk-cta p{
  max-width: 760px;
  margin: 0 auto 1.1em;
}

.news-detail .mk-article .mk-cta ul{
  text-align: left;
  max-width: 720px;
  margin: 0 auto;
  padding: 18px 18px 18px 36px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 48px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
}

.news-detail .mk-article .mk-cta li{
  margin: 10px 0;
}

.news-detail .mk-article .mk-cta li::marker{
  color: rgba(255,255,255,.55);
}

/* buttons */
.news-detail .mk-article .mk-buttons{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 18px;
  margin-bottom: 0; /* фикс "лишнего низа" */
}

.news-detail .mk-article .mk-btn{
  display: inline-block;
  background: #fff;
  color: #064549;
  padding: 18px 40px;
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
  box-shadow: 0 8px 25px rgba(255,255,255,.30);
}

.news-detail .mk-article .mk-btn--ghost{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.60);
  box-shadow: none;
  opacity: .92;
}
.news-detail .mk-article .mk-btn--ghost:hover{ opacity: 1; }

/* trust line */
.news-detail .mk-article .mk-trust{
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.3;
  opacity: .9;
}

/* hide template H1 from theme */
h1.intec-header{
  display: none !important;
}

/* ===== Responsive ===== */

@media (max-width: 900px){
  .news-detail .mk-article .mk-title{
    font-size: 2rem;
  }
  .news-detail .mk-article .mk-item{
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }
  .news-detail .mk-article .mk-num{
    width: 58px;
    height: 58px;
    font-size: 1.6rem;
  }
  .news-detail .mk-article .mk-cta{
    padding: 34px 18px;
  }
  .news-detail .mk-article .mk-toc-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px){
  /* CTA tighter + title wraps naturally without <br> */
  .news-detail .mk-article .mk-cta{
    padding: 22px 16px;
    border-radius: 30px;
  }

  .news-detail .mk-article .mk-cta h2{
    font-size: 1.55rem;
    line-height: 1.05;
    margin: 0 auto 12px;
    max-width: 10.5em; /* подбирает переносы в 3 строки */
  }

  .news-detail .mk-article .mk-cta p{
    font-size: 16px;
    line-height: 1.45;
    margin: 0 auto 14px;
    max-width: 100%;
  }

  .news-detail .mk-article .mk-cta ul{
    margin-top: 14px;
    padding: 14px 14px 14px 34px;
    border-radius: 14px;
  }

  .news-detail .mk-article .mk-cta li{
    font-size: 16px;
    line-height: 1.35;
    margin: 10px 0;
  }

  .news-detail .mk-article .mk-buttons{
    flex-direction: column;
    gap: 10px;
    margin-top: 16px;
  }

  .news-detail .mk-article .mk-btn{
    width: 100%;
    text-align: center;
    padding: 14px 16px;
    font-size: 16px;
  }

  .news-detail .mk-article .mk-btn--ghost{
    padding: 12px 16px;
  }

  .news-detail .mk-article .mk-trust{
    margin-top: 10px;
    font-size: 12px;
  }
}


/* Убираем лишний нижний отступ у последнего элемента статьи */
.news-detail .mk-article > :last-child{
  margin-bottom: 0 !important;
}

/* На всякий случай: в CTA последняя строка не должна давать дополнительный низ */
.news-detail .mk-article .mk-cta > :last-child{
  margin-bottom: 0 !important;
}

/* Иногда тема вешает большой margin на span, div или ul внутри текста */
.news-detail .mk-article .mk-cta ul{ margin-bottom: 0 !important; }
.news-detail .mk-article .mk-buttons{ margin-bottom: 0 !important; }
.news-detail .mk-article .mk-trust{ margin-bottom: 0 !important; }

/* Частый виновник: глобальные стили дают p большой margin-bottom */
.news-detail .mk-article .mk-cta p{ margin-bottom: 14px; } /* фиксируем явно */


/* ===== MK save/share block ===== */
.news-detail .mk-save{
  max-width: 900px;
  margin: 22px auto 34px;
  padding: 18px 20px;
  border: 1px solid rgba(6,69,73,.18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 14px rgba(6,69,73,.06);
}

.news-detail .mk-save__title{
  font-weight: 700;
  color: #064549;
  font-size: 18px;
  margin: 0 0 6px;
}

.news-detail .mk-save__sub{
  margin: 0 0 14px;
  color: rgba(11,47,51,.82);
  font-size: 15px;
  line-height: 1.5;
}

.news-detail .mk-save__actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.news-detail .mk-save__btn{
  appearance: none;
  border: 1px solid rgba(6,69,73,.18);
  background: rgba(6,69,73,.06);
  color: #0b2f33;
  padding: 12px 16px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: transform .08s ease, background-color .2s ease, border-color .2s ease;
}

.news-detail .mk-save__btn:hover{
  background: rgba(6,69,73,.10);
  border-color: rgba(6,69,73,.28);
}

.news-detail .mk-save__btn:active{
  transform: translateY(1px);
}

.news-detail .mk-save__btn--ghost{
  background: transparent;
}

.news-detail .mk-save__note{
  margin-top: 10px;
  min-height: 18px;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(11,47,51,.72);
}

@media (max-width: 480px){
  .news-detail .mk-save{
    padding: 16px 16px;
    border-radius: 16px;
  }

  .news-detail .mk-save__actions{
    flex-direction: column;
  }

  .news-detail .mk-save__btn{
    width: 100%;
    text-align: center;
    padding: 13px 16px;
  }
}




/* ===================================================
   «Читайте также» — финальная версия
   =================================================== */

.c-news-template-2 .widget-item {
  height: 100%;
}

.c-news-template-2 .widget-item-wrapper,
.c-news-template-2 .widget-item-wrapper.intec-grid,
.c-news-template-2 .widget-item-wrapper.intec-grid-768-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  min-height: 90px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.c-news-template-2 .widget-item-wrapper:hover {
  border-color: rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
}

/* --- Картинка --- */
.c-news-template-2 .widget-item-picture,
.c-news-template-2 .widget-item-picture.intec-grid-item-auto,
.c-news-template-2 .widget-item-picture.intec-grid-item-768-1,
.c-news-template-2 .widget-item-picture.intec-grid-item-auto.intec-grid-item-768-1 {
  flex: 0 0 100px !important;
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
  align-self: stretch !important;
  background-color: #f0f0f0;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

.c-news-template-2 .widget-item-picture .intec-image-effect {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 90px;
  line-height: 0;
  font-size: 0;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* --- Текстовый блок --- */
.c-news-template-2 .intec-grid-item,
.c-news-template-2 .intec-grid-item.intec-grid-item-768-1 {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  align-self: center !important;
  padding: 0 !important;
}

.c-news-template-2 .intec-grid-item-768-1 {
  width: auto !important;
  flex-basis: auto !important;
  max-width: none !important;
}

.c-news-template-2 .widget-item-text {
  padding: 6px 8px;
}

/* --- Заголовок --- */
.c-news-template-2 .widget-item-name {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #1a1a1a;
  text-decoration: none;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden;
}

.c-news-template-2 .widget-item-name:hover {
  color: #064549;
}

/* --- Owl Carousel --- */
.c-news-template-2 .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}

.c-news-template-2 .owl-item {
  display: flex !important;
  padding: 0 4px;
  box-sizing: border-box;
}

.c-news-template-2 .owl-item .widget-item {
  width: 100%;
}

/* --- Стрелки: по бокам, по центру по вертикали --- */
.c-news-template-2 .widget-content {
  position: relative;
  padding: 0 23px;                      /* десктоп: место для стрелок */
}

.c-news-template-2 .widget-nav {
  display: flex !important;
  visibility: visible !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  justify-content: space-between !important;
  pointer-events: none;
  margin: 0 !important;
}

.c-news-template-2 .widget-nav-prev,
.c-news-template-2 .widget-nav-next {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px;
  height: 34px;
  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.13) !important;
  background: #fff !important;
  color: #444 !important;
  cursor: pointer;
  font-size: 12px;
  pointer-events: all;
  transition: background 0.2s;
  flex-shrink: 0;
}

.c-news-template-2 .widget-nav-prev:hover,
.c-news-template-2 .widget-nav-next:hover {
  background: #f2f2f2 !important;
}

.c-news-template-2 .widget-nav-prev.disabled,
.c-news-template-2 .widget-nav-next.disabled {
  opacity: 0.3;
  cursor: default;
}

/* ===================================================
   Обновленный блок для мобильных устройств
   =================================================== */
@media (max-width: 768px) {

  /* Исправляем контейнер, убираем возможные отступы сетки */
  .c-news-template-2 .widget-item-wrapper,
  .c-news-template-2 .widget-item-wrapper.intec-grid,
  .c-news-template-2 .widget-item-wrapper.intec-grid-768-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    min-height: 80px !important;
    margin: 0 !important; /* Убираем отрицательные маржины сетки, если они есть */
  }

  /* Картинка: жестко фиксируем размер, чтобы не сжималась */
  .c-news-template-2 .widget-item-picture,
  .c-news-template-2 .widget-item-picture.intec-grid-item-768-1,
  .c-news-template-2 .widget-item-picture.intec-grid-item-auto {
    flex: 0 0 80px !important; /* Чуть увеличил для пропорции */
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
    height: auto !important;
    flex-shrink: 0 !important; /* Важно: не дает картинке сплющиться */
  }

  .c-news-template-2 .widget-item-picture .intec-image-effect {
    min-height: 80px;
    height: 100%;
  }

  /* Текстовый блок: заставляем его занимать все оставшееся место */
  .c-news-template-2 .intec-grid-item,
  .c-news-template-2 .intec-grid-item.intec-grid-item-768-1 {
    flex: 1 1 auto !important;
    min-width: 0 !important; /* Позволяет тексту внутри сокращаться */
    padding: 0 !important;
    margin: 0 !important;
  }

  .c-news-template-2 .widget-item-text {
    padding: 8px 12px !important;
    display: flex;
    align-items: center;
    height: 100%;
  }

  .c-news-template-2 .widget-item-name {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    word-break: break-word; /* Чтобы длинные слова не распирали блок */
    -webkit-line-clamp: 3 !important; /* Показываем до 3 строк */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden;
  }

  /* Навигация (стрелки) на очень узких экранах */
  .c-news-template-2 .widget-content {
    padding: 0 3px !important; /* Уменьшаем боковые поля, чтобы карточка была шире */
  }

  .c-news-template-2 .widget-nav-prev,
  .c-news-template-2 .widget-nav-next {
    width: 26px !important;
    height: 26px !important;
  }
}

@media (max-width: 768px) {
  /* 1. Расширяем основной контейнер */
  .c-news-template-2 .widget-content {
    padding: 0 5px !important; /* Уменьшаем отступы с 36px до 15px */
    margin: 0 !important;
  }

  /* 2. Делаем саму карточку максимально широкой */
  .c-news-template-2 .owl-item {
    padding: 0 5px !important; /* Уменьшаем зазоры между соседними карточками */
  }

  /* 3. Корректируем навигацию, чтобы стрелки не перекрывали контент */
  .c-news-template-2 .widget-nav {
    /* Если стрелки мешают, их можно вынести чуть выше или сделать полупрозрачными */
    top: 50% !important;
    width: 100% !important;
    left: 0 !important;
    padding: 0 2px !important; /* Стрелки почти по краям экрана */
  }

  /* 4. Опционально: увеличиваем область текста, раз карточка стала шире */
  .c-news-template-2 .widget-item-text {
    padding: 10px 14px !important;
    flex: 1; 
  }
}



<div class="intec-content">
    <div class="intec-content-wrapper" style="position: relative; top: 0px; margin-bottom: 40px;">
  <style>
    .tg-join-final {
        margin: 0 -10px; 
        background: #fafcff;
        padding: 30px 20px;
        border-radius: 50px; /* Для десктопа оставляем как есть */
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
        transition: all 0.3s ease;
        z-index: 10;
    }
    .tg-join-final:hover {
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
        border-color: rgba(6, 69, 73, 0.14);
    }
    .tg-icon-wrap {
        width: 45px;
        height: 45px;
        background: #064549;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 12px auto;
    }
    .tg-join-title-final {
        margin: 0 0 8px 0;
        font-size: 22px;
        font-weight: 600;
        color: #2f2f2f;
        line-height: 1.3;
    }
    .tg-join-text-final {
        margin: 0 auto 20px auto;
        color: #7b7f84;
        font-size: 15px;
        max-width: 550px;
        line-height: 1.5;
    }
    .tg-join-btn-final {
        display: inline-block;
        background: #064549;
        color: #fff !important;
        padding: 12px 40px;
        border-radius: 20px;
        text-decoration: none;
        font-weight: 600;
        font-size: 15px;
    }

    /* ФИКС ДЛЯ ТЕЛЕФОНОВ */
    @media (max-width: 650px) {
        .intec-content-wrapper { 
            top: 10px !important; /* Подтягиваем к статьям */
        }
        .tg-join-final { 
            margin: 0 5px; 
            padding: 25px 15px; 
            border-radius: 35px; /* Делаем скругления как у карточек статей */
        }
        .tg-join-title-final { 
            font-size: 20px; /* Уменьшаем, чтобы заголовок влез красиво */
            margin-bottom: 10px;
        }
        .tg-join-text-final {
            font-size: 13px; /* Чуть мельче текст */
            margin-bottom: 15px;
            line-height: 1.4;
        }
        .tg-icon-wrap {
            width: 40px; /* Иконка чуть компактнее */
            height: 40px;
            margin-bottom: 10px;
        }
        .tg-join-btn-final {
            padding: 10px 30px; /* Кнопка по размеру экрана */
            font-size: 14px;
        }
    }
</style>

        <div class="tg-join-final">
            <div class="tg-icon-wrap">
                <svg width="25" height="25" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21.53 3.313a1.536 1.536 0 00-1.503-.131L3.064 10.395a1.536 1.536 0 00.126 2.825l4.52 1.636 1.706 5.48c.188.604.912.72 1.258.204l2.52-3.722 4.935 3.645c.576.426 1.393.111 1.554-.604L22.62 5.093a1.536 1.536 0 00-1.09-1.78zM8.82 14.394l10.24-6.388-7.94 7.58v3.42l-2.3-4.612z" fill="#fff"/>
                </svg>
            </div>
            
            <h2 class="tg-join-title-final">О металлоконструкциях — без воды</h2>
            
            <p class="tg-join-text-final">
                Разбираем проекты, расчеты и риски в производстве. <br> Делимся тем, о чем не пишем на сайте.
            </p>
            
            <a href="https://t.me/ваш_канал" target="_blank" class="tg-join-btn-final">
                Подписаться
            </a>
        </div>
    </div>
</div>
/* End */


/* Start:/bitrix/templates/prom_s2/components/intec.universe/main.news/template.2/style.css?16073434733842*/
.widget.c-news.c-news-template-2 .widget-content {
  position: relative;
}
.widget.c-news.c-news-template-2 .widget-items {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 1;
}
.widget.c-news.c-news-template-2 .widget-item a {
  display: block;
  color: #353639;
  text-decoration: none;
}
.widget.c-news.c-news-template-2 .widget-item-picture {
  padding-left: 3px;
}
.widget.c-news.c-news-template-2 .widget-item-picture > * {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.widget.c-news.c-news-template-2 .widget-item-text {
  position: relative;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.widget.c-news.c-news-template-2 .widget-item-text[data-date=true] {
  padding-bottom: 40px;
}
.widget.c-news.c-news-template-2 .widget-item-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #1b1b1b;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.widget.c-news.c-news-template-2 .widget-item-description {
  margin-top: 12px;
  font-size: 14px;
  line-height: 21px;
  color: #808080;
}
.widget.c-news.c-news-template-2 .widget-item-date {
  position: absolute;
  left: 20px;
  right: 0;
  bottom: 15px;
  font-size: 12px;
  line-height: 15px;
  color: #898989;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget.c-news.c-news-template-2 .widget-nav {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 2;
}
.widget.c-news.c-news-template-2 .widget-nav > button {
  position: absolute;
  top: 0;
  font-size: 0;
  padding: 5px;
  margin-top: -11px;
  border: none;
  background: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition-property: color, opacity;
  -moz-transition-property: color, opacity;
  -ms-transition-property: color, opacity;
  -o-transition-property: color, opacity;
  transition-property: color, opacity;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.widget.c-news.c-news-template-2 .widget-nav > button.widget-nav-prev {
  left: 0;
}
.widget.c-news.c-news-template-2 .widget-nav > button.widget-nav-next {
  right: 0;
}
.widget.c-news.c-news-template-2 .widget-nav > button.disabled {
  opacity: 0;
  pointer-events: none;
}
.widget.c-news.c-news-template-2 .widget-nav > button > i {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
}
.widget.c-news.c-news-template-2 .widget-footer-button {
  color: #2d2d2d !important;
}
.widget.c-news.c-news-template-2 .widget-footer-button:hover, .widget.c-news.c-news-template-2 .widget-footer-button:focus, .widget.c-news.c-news-template-2 .widget-footer-button:active {
  color: #fff !important;
}
@media all and (max-width: 768px) {
  .widget.c-news.c-news-template-2 .widget-item-text {
    padding-top: 20px;
    padding-left: 0;
  }
  .widget.c-news.c-news-template-2 .widget-item-text[data-date=true] {
    padding-bottom: 0;
  }
  .widget.c-news.c-news-template-2 .widget-item-description {
    font-size: 12px;
  }
  .widget.c-news.c-news-template-2 .widget-item-date {
    position: static;
    margin-top: 15px;
  }
}
@media all and (max-width: 600px) {
  .widget.c-news.c-news-template-2 .widget-item-text {
    padding-right: 0;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /bitrix/templates/prom_s2/components/bitrix/news/news.1/style.css?17767563523843 */
/* /bitrix/templates/prom_s2/components/bitrix/news.detail/news.default.1/style.css?177676951025043 */
/* /bitrix/templates/prom_s2/components/intec.universe/main.news/template.2/style.css?16073434733842 */