/* Start:/local/components/vmeste/header.block/templates/.default/style.css?17742554858722*/
/* ========== DESKTOP / ОБЩЕЕ ========== */

.vhh-header{
  position:relative;
  isolation:isolate;
  min-height:clamp(720px,70vh,860px);
}

.vhh-bg{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  z-index:-2;
}

.vhh-header::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(0,0,0,.66) 0%,
    rgba(0,0,0,.45) 48%,
    rgba(0,0,0,.2) 68%,
    rgba(0,0,0,0) 80%);
  z-index:-1;
}

.vhh-content.container{
  position:relative;
  min-height:clamp(720px,70vh,860px);
  padding-top:300px;
  padding-bottom:clamp(24px,6vh,64px);
  display:grid;
  grid-template-rows:1fr auto; /* текст/кнопки + крошки */
}

/* убиваем clearfix из темы, который лезет в ::before контейнера */
.vhh-content.container::before{
  content:none !important;
  display:none !important;
}

.vhh-text{
  align-self:start;
  max-width:65%;
  color:#fff;
}

.vhh-title{
  margin:0 0 12px 0;
  line-height:1.15;
  font-weight:500;
  font-size:clamp(28px,3.4vw,48px);
  letter-spacing:.2px;
}

.vhh-subtitle{
  margin:0 0 24px 0;
  line-height:1.45;
  font-weight:400;
  font-size:clamp(16px,1.4vw,20px);
  opacity:.95;
}

.vhh-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.vhh-actions .button-def{
  /* убрал дубли: оставил итоговые значения */
  padding:20px 30px;
  font-size:16px; line-height:1.2;
  border-radius:999px;
  text-decoration:none;
  display:inline-flex;
  align-items:center; justify-content:center;
  min-height:44px; white-space:nowrap;
  transition:background-color .3s ease,color .3s ease;
}

.vhh-actions .button-def.primary{
  background:#66b132; color:#fff;
}
.vhh-actions .button-def.primary:hover{
  background:#489314; color:#fff;
}
.vhh-actions .button-def.secondary{
  background:rgba(241,241,241,.7); color:#555;
}
.vhh-actions .button-def.secondary:hover{
  background:#66b132; color:#fff;
}

.vhh-breadcrumbs-slot{
  align-self:end;
  padding-top:16px;
}
.vhh-breadcrumbs-slot .bx-breadcrumb{
  margin:0; padding:10px 0 0 0; color:#fff;
}
.vhh-breadcrumbs-slot .bx-breadcrumb a{ color:#fff; }
.vhh-breadcrumbs-slot .bx-breadcrumb .bx-breadcrumb-item{ opacity:.95; }

.inner-breadcrumb-wrap {padding:0 15px 0 ;}


/* видео-фон на десктопах */
.vhh-video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  z-index:-2;              /* под градиентом .vhh-header::before, над картинкой */
  display:block;
  pointer-events:none;     /* клики проходят сквозь видео */
}

/* картинку опустим чуть ниже, чтобы видео было над ней */
.vhh-bg{ z-index:-3; }

/* на мобилках видео скрываем полностью */
@media (max-width:767px){
  .vhh-video{ display:none !important; }
  .vhh-bg{ z-index:-2; }   /* картинка снова "главная" */
}





.widget-breadcrumbs-modification .inner-breadcrumb li{
  white-space:normal;        /* внутри чипа можно переносить */
  max-width:100%;
}

.widget-breadcrumbs-modification .inner-breadcrumb a,
.widget-breadcrumbs-modification .inner-breadcrumb span{
  white-space:normal;
  overflow-wrap:anywhere;    /* ломаем очень длинные слова/ссылки */
  word-break:break-word;     /* fallback */
}







/* ========== MOBILE ========== */
@media (max-width:767px){

  .vhh-header{
    min-height:auto; position:relative;
  }

  /* верхнее затемнение у картинки */
  .vhh-header::after{
    content:"";
    position:absolute; top:0; left:0; right:0;
    height:60vh; pointer-events:none; z-index:1;
    background:linear-gradient(to bottom, rgba(0,0,0,.60) 0%, rgba(0,0,0,0) 55%);
  }

  .vhh-bg{
    position:static;
    width:100%; height:60vh;
    display:block; object-fit:cover;
  }

  /* контейнер только как геометрия и якорь для абсолютных крошек */
  .vhh-content.container{
    display:flex; flex-direction:column;
    position:relative;
    min-height:auto;
    overflow:visible;
    padding:0; width:100%;
    /* НЕТ фона! фон переехал в .vhh-pane */
  }

  /* НОВАЯ ОБЁРТКА для текста и кнопок: здесь весь мобильный фон */
  .vhh-pane{
    position:relative;
    background:var(--vhh-mobile-bg,#858585);
  }

  /* слой 1: лёгкий «плёночный» шум — независимо от градиента */
  .vhh-pane::before{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    z-index:0;                      /* ниже градиента и контента */
    background:
      url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'>\
  <filter id='n'>\
    <feTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='2' stitchTiles='stitch'/>\
    <feColorMatrix type='saturate' values='0'/>\
    <feComponentTransfer>\
      <feFuncR type='gamma' amplitude='0.9' exponent='1.2' offset='0'/>\
      <feFuncG type='gamma' amplitude='0.9' exponent='1.2' offset='0'/>\
      <feFuncB type='gamma' amplitude='0.9' exponent='1.2' offset='0'/>\
      <feFuncA type='table' tableValues='0 0.11'/>\
    </feComponentTransfer>\
  </filter>\
  <rect width='100%' height='100%' filter='url(%23n)'/>\
</svg>") repeat;
    background-size:100px 100px;
   /* opacity:.11; */                  /* стало заметно мягче */
    /* при желании можно добавить: mix-blend-mode:overlay; */
  }

  /* слой 2: градиент снизу вверх — независимо от шума */
  .vhh-pane::after{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    z-index:1;                     /* над шумом, под контентом */
    background:linear-gradient(to top, rgba(0,0,0,.30) 0%, rgba(0,0,0,0) 60%);
  }

  /* контент внутри обёртки — поверх слоёв */
  .vhh-pane > *{
    position:relative; z-index:2;
  }

  /* крошки «вытаскиваем» к нижней кромке картинки */
  .vhh-breadcrumbs-slot{
    position:absolute; left:0; right:0; top:0;
    transform:translateY(calc(-100% - 8px));
    padding:0 15px 12px;
    z-index:3; /* выше .vhh-header::after и .vhh-pane::after */
  }
  .vhh-breadcrumbs-slot .bx-breadcrumb a{ color:#fff; }

.inner-breadcrumb-wrap {padding:10px 15px 0 ;}

	ol.inner-breadcrumb li {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: rgba(44, 44, 44, 0.25);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
	/* положи это в конец твоего style.css */
.vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li.active{
  background: rgba(44, 44, 44, 0.25) !important;          /* обнуляет любые background-* */
 /* background-color: transparent !important;  если задано отдельно */
}

/* неактивные пункты (те, где есть <a>) — белые и с подчёркиванием */
  .vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li:not(.active) a,
  .vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li:not(.active) a:link,
  .vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li:not(.active) a:visited {
    color:#fff !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
opacity:1;
  }

  /* если вдруг неактивный элемент без ссылки (редко, но на всякий) */
  .vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li:not(.active) span {
    color:#fff !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
  }

  /* активный — белый, без подчёркивания */
  .vhh-header .widget-breadcrumbs-modification .inner-breadcrumb li.active span{
    text-decoration: none !important;
  }

  .vhh-header::before{ display:none; }

  .vhh-text{
    align-self:start;
    max-width:min(820px,80ch);
    margin:0 auto;
    padding:20px 15px 18px;
    color:#fff;
  }

  .vhh-title{ font-size:clamp(28px,6vw,33px); margin-bottom:10px; }
  .vhh-subtitle{ font-size:clamp(18px,4vw,19px); margin-bottom:16px; }

  .vhh-actions{
    padding:0 ;
  }

  .vhh-actions .button-def{
    flex:1 1 auto; justify-content:center;
  }
}
/* End */


/* Start:/bitrix/components/leadspace/yandexreviewsslider/templates/.default/style.css?17761705797078*/
.review-photos-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 5px 0;
}

/* Стиль для каждой фотографии */
.review-photo {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
}

.lsyr_app-body {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  gap: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

.lsyr_app-body a {
  font-size: 12px;
  color: #757575 !important;
  text-decoration: none;
}

.lsyr_review-box {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 200px;
  padding: 15px;
  background-color: #fafafa;
  border-radius: 4px;
  position: relative;
  width: 240px;
  max-height: 260px;
}

.lsyr_review-list {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  padding: 2px !important;
  margin-bottom: 8px;
}

.lsyr_review-item {
  background-color: #ffffff;
  padding: 15px;
  position: relative;
  border-width: 0px;
  border-color: transparent;
  border-radius: 10px;
  border-style: solid;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.lsyr_business-review-view__info {
  display: flex;
  flex-direction: column;
  min-height: 180px;
  /* position: relative; */
  padding-bottom: 30px;
}

.lsyr_review-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
}

.lsyr_review-bottom .lsyr_button-next,
.lsyr_review-bottom .lsyr_button-prev {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
  border-radius: 50%;
  background-color: #f5f5f5;
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  cursor: pointer;
}

.lsyr_button-prev svg {
  transform: rotate(0deg) !important;
}

.lsyr_button-next svg {
  transform: rotate(180deg) !important;
}

.lsyr_business-rating-badge-view__stars {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  margin-right: 4px;
}

.lsyr_business-review-view__author-image {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  text-decoration: none;
}

.lsyr_user-icon-view__icon {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: 50% / cover no-repeat;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.lsyr_business-review-view__author-container {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lsyr_business-review-view__author-image {
  display: flex;
  margin-right: 12px;
}

.lsyr_business-review-view__author-info {
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  margin-right: 10px;
  font-weight: 500;
  text-align: left;
}

.lsyr_business-review-view__header {
  display: flex;
  margin-top: 16px;
}

.lsyr_business-review-view__date {
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 16px;
}

.lsyr_business-review-view__body {
  margin-top: 8px;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.lsyr_business-rating-badge-view__star._full {
  color: #fc0;
}

.lsyr_business-rating-badge-view__star._empty {
  color: #ccc;
}

.lsyr_business-summary-rating-badge-view__rating {
  padding-left: 4px;
  font-size: 20px;
  line-height: 12px;
  font-weight: 500;
  text-align: center;
}

.lsyr_business-summary-rating-badge-view__rating-text {
  font-size: 56px;
  line-height: 66px;
  color: var(--color-text-primary-variant);
}

.lsyr_reviews-btn {
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  padding: 5px 20px !important;
  border-radius: 4px;
  line-height: 1.5;
  font-size: 15px;
  cursor: pointer;
  position: absolute; /* Меняем на absolute */
  bottom: 15px; /* Отступ снизу */
  left: 50%; /* Центрируем по горизонтали */
  transform: translateX(-50%); /* Центрируем по горизонтали */
  text-decoration: none;
}

.lsyr_reviews-btn:hover {
  -webkit-box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);
}

.lsyr_button-next:hover path,
.lsyr_button-prev:hover path {
  fill: #ffffff;
}

.lsyr_items-text {
  overflow: hidden;
}

.lsyr_business-review-view__body a {
  text-decoration: 1px #000 dashed;
  font-size: 14px;
  color: #000;
}

a.lsyr_review-source-link {
  font-size: 12px;
  color: #757575 !important;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  text-decoration: none;
}

.lsyr_review-bottom .lsyr_pagination>span {
  flex-grow: 1;
  border-radius: 0;
  margin: 0 !important;
  height: 2px;
  opacity: .05;
}

.lsyr_button-next:after,
.lsyr_button-prev:after {
  text-transform: none !important;
  font-variant: initial;
  line-height: 1;
}

.lsyr_pagination {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.lsyr_pagination ul>li::before {
  display: none;
}

.lsyr_review-bottom {
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms--display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  gap: 15px;
}

.lsyr_review-bottom .lsyr_pagination>.lsyr_pagination-bullet-active {
  opacity: 1;
}

.lsyr_slide {
  padding: 2px 12px;
  min-height: 290px;
}

.lsyr_buttons {
  display: flex;
  gap: 10px;
}

.lsyr_business-review-view_copy {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  color: #757575;
  margin-left: 10px;
}

.lsyr_reviews-count a {
  font-size: 12px;
  color: #757575;
  text-decoration: none;
}

.lsyr-readmore,
.lsyr-readless {
  margin-bottom: 40px;
}

@media (max-width: 800px) {
  .lsyr_app-body {
    padding: 0 30px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .lsyr_slide {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lsyr_button-prev svg {
    transform: rotate(90deg);
  }

  .lsyr_button-next svg {
    transform: rotate(-90deg);
  }

  .lsyr_review-bottom {
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms--display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    gap: 10px;
    margin-top: 20px;
    padding-left: 0px;
  }
}
/* End */


/* Start:/bitrix/components/leadspace/yandexreviewsslider/templates/.default/slick/slick.css?17761705791776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/components/leadspace/yandexreviewsslider/templates/.default/slick/slick-theme.css?1776170579694*/
.slick-dots {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    flex-grow: 1;
    border-radius: 0;
    margin: 0 !important;
    height: 2px;
    opacity: .5;
    width: auto;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    padding: 0;
    width: 100%;
    height: 2px;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    border: 0;
    outline: none;
    background: #ccc;
}



.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

/* End */
/* /local/components/vmeste/header.block/templates/.default/style.css?17742554858722 */
/* /bitrix/components/leadspace/yandexreviewsslider/templates/.default/style.css?17761705797078 */
/* /bitrix/components/leadspace/yandexreviewsslider/templates/.default/slick/slick.css?17761705791776 */
/* /bitrix/components/leadspace/yandexreviewsslider/templates/.default/slick/slick-theme.css?1776170579694 */