/* Start:/medved/assets/medved.css?178769143611548*/
/* Раздел «Бурый медведь — наш сосед» — npsochi.ru/medved
   Пилот дизайн-направления: botanical-clinical (по системе Seed),
   адаптировано под фирменные цвета СНП.
   Принципы: тёплый off-white холст, глубокий лесной зелёный как ink и как
   поверхность, почти ахроматическая палитра, лайм — только пунктуация,
   ноль теней и градиентов, невесомые компоненты, whisper-light заголовки. */

.mv{
  --mv-forest:#004D40;      /* фирменный СНП — ink, тёмные секции, CTA */
  --mv-forest-soft:#0a6152;
  --mv-lime:#d3fa99;        /* пунктуация: бейджи, мягкие подсветки */
  --mv-eucalypt:#698e79;    /* спокойный акцент */
  --mv-snow:#fcfcf7;        /* тёплый холст, не чистый белый */
  --mv-stone:#eeeee9;       /* вторичная поверхность, тихий ритм секций */
  --mv-pewter:#666666;      /* вторичный текст */
  --mv-hair:#dcdcd6;        /* волосяная линия */
  --mv-alert:#e94b3d;       /* ТОЛЬКО экстренное: 112, сообщить о выходе */
  --mv-r-card:16px;
  --mv-sans:"Fira Sans","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  color:var(--mv-forest);
  font-family:var(--mv-sans);
  background:var(--mv-snow);

  /* Шапка сайта (.header-area) несёт bootstrap-класс mb-4 = 32px, из-за чего
     между хлебными крошками и первым блоком раздела появляется белая полоса.
     Глобально его трогать нельзя — правим только внутри своего раздела. */
  margin-top:-32px;
}
.mv *,.mv *::before,.mv *::after{box-sizing:border-box;}
.mv .mv-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.mv .mv-narrow{max-width:820px;}

/* ---------- HERO ---------- */
.mv-hero{position:relative;min-height:clamp(380px,50vw,620px);display:flex;align-items:flex-end;
  background:#12241f url("/medved/assets/hero.jpg") center/cover no-repeat;overflow:hidden;}
.mv-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,25,20,.10) 0%,rgba(0,30,24,.22) 50%,rgba(0,40,32,.78) 100%);}
.mv-hero__inner{position:relative;z-index:2;width:100%;padding:56px 0 52px;}
.mv-hero__kicker{display:inline-block;background:var(--mv-lime);color:#1d3a10;
  font-size:.8rem;font-weight:500;letter-spacing:.04em;text-transform:lowercase;
  padding:7px 16px;border-radius:100px;margin-bottom:22px;}
.mv-hero__title{color:var(--mv-snow);font-weight:300;line-height:1.02;margin:0 0 18px;
  font-size:clamp(2.1rem,5.6vw,4rem);letter-spacing:-.02em;}
.mv-hero__sub{color:rgba(252,252,247,.88);font-size:clamp(1.02rem,1.7vw,1.3rem);font-weight:300;
  line-height:1.5;max-width:720px;margin:0;letter-spacing:-.005em;}

/* ---------- Секции: тихий ритм snow / stone / forest ---------- */
.mv-section{padding:clamp(48px,6vw,92px) 0;background:var(--mv-snow);}
.mv-section--tint{background:var(--mv-stone);}
.mv-h2,.mv-h1{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:300;color:var(--mv-forest);
  margin:0 0 10px;line-height:1.1;letter-spacing:-.02em;}
.mv-h2--center{text-align:center;}
.mv-h3{font-size:clamp(1.15rem,2.1vw,1.6rem);font-weight:400;color:var(--mv-forest);
  margin:52px 0 20px;letter-spacing:-.015em;}
.mv-lead{font-size:clamp(1.06rem,1.6vw,1.28rem);font-weight:300;line-height:1.6;
  color:var(--mv-forest);margin:0 0 20px;letter-spacing:-.005em;}
.mv-p{font-size:1.06rem;font-weight:400;line-height:1.72;margin:0 0 18px;color:var(--mv-pewter);}
.mv-rule{height:1px;width:100%;max-width:72px;background:var(--mv-forest);opacity:.25;border:0;margin:0 0 28px;}
.mv-h2--center + .mv-rule{margin-left:auto;margin-right:auto;}

/* ---------- Плитки навигации ---------- */
.mv-tiles{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:34px;}
.mv-tile{display:flex;flex-direction:column;gap:12px;padding:30px 26px;background:var(--mv-snow);
  border-radius:var(--mv-r-card);text-decoration:none;color:inherit;
  transition:background .2s ease,transform .2s ease;}
.mv-section--tint .mv-tile{background:var(--mv-snow);}
.mv-tile:hover{background:var(--mv-forest);transform:translateY(-2px);text-decoration:none;}
.mv-tile:hover .mv-tile__title,.mv-tile:hover .mv-tile__text{color:var(--mv-snow);}
.mv-tile:hover .mv-tile__icon{background:var(--mv-lime);color:#1d3a10;}
.mv-tile__icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-forest);font-size:1.15rem;transition:background .2s ease,color .2s ease;}
.mv-section--tint .mv-tile__icon{background:var(--mv-stone);}
.mv-tile__title{font-weight:400;font-size:1.14rem;color:var(--mv-forest);line-height:1.3;letter-spacing:-.01em;
  transition:color .2s ease;}
.mv-tile__text{font-size:.96rem;font-weight:300;line-height:1.55;color:var(--mv-pewter);transition:color .2s ease;}

/* ---------- Списки правил ---------- */
.mv-list{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--mv-hair);
  border-radius:var(--mv-r-card);overflow:hidden;}
.mv-list--2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));}
.mv-item{display:flex;gap:18px;padding:24px 26px;background:var(--mv-snow);}
.mv-section--tint .mv-item{background:var(--mv-snow);}
.mv-item__icon{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-eucalypt);font-size:1rem;}
.mv-item__body{min-width:0;}
.mv-item__title{font-weight:400;font-size:1.04rem;line-height:1.4;margin:0 0 6px;color:var(--mv-forest);
  letter-spacing:-.01em;}
.mv-item__text{font-size:.96rem;font-weight:300;line-height:1.6;color:var(--mv-pewter);margin:0;}

/* «Нельзя» — единственное место, где появляется тревожный цвет */
.mv-item--no .mv-item__icon{background:#fbe6e3;color:var(--mv-alert);}
.mv-item--no .mv-item__title{color:var(--mv-alert);}

/* ---------- Сценарии ---------- */
.mv-scenario{border-radius:var(--mv-r-card);overflow:hidden;background:var(--mv-snow);margin-bottom:20px;}
.mv-scenario__head{background:var(--mv-forest);color:var(--mv-snow);padding:20px 26px;font-weight:400;
  font-size:1.08rem;display:flex;align-items:center;gap:14px;letter-spacing:-.01em;}
.mv-scenario__head i{opacity:.7;font-size:.95em;}
.mv-scenario__body{padding:24px 0 0;}
.mv-scenario__body .mv-h3{margin:26px 0 14px;font-size:1.02rem;font-weight:500;}

/* ---------- Контакты ---------- */
.mv-contacts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin-top:30px;}
.mv-contact{display:flex;gap:18px;align-items:flex-start;padding:26px;border-radius:var(--mv-r-card);
  background:var(--mv-snow);text-decoration:none;color:inherit;transition:background .2s ease;}
.mv-contact:hover{background:var(--mv-stone);text-decoration:none;color:inherit;}
.mv-contact__icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-alert);color:var(--mv-snow);font-size:1.05rem;}
.mv-contact__value{font-weight:400;font-size:1.2rem;color:var(--mv-forest);line-height:1.25;
  letter-spacing:-.015em;word-break:break-word;display:block;}
.mv-contact__label{font-size:.92rem;font-weight:300;color:var(--mv-pewter);line-height:1.5;margin-top:5px;display:block;}
.mv-contacts--dark .mv-contact{background:rgba(252,252,247,.07);}
.mv-contacts--dark .mv-contact:hover{background:rgba(252,252,247,.12);}
.mv-contacts--dark .mv-contact__value{color:var(--mv-snow);}
.mv-contacts--dark .mv-contact__label{color:rgba(252,252,247,.68);}

.mv-emergency{background:var(--mv-forest);color:var(--mv-snow);}
.mv-emergency .mv-h2{color:var(--mv-snow);font-weight:300;}
.mv-emergency .mv-rule{background:var(--mv-lime);opacity:.9;}

/* ---------- Цифры ---------- */
.mv-facts{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:34px;
  background:var(--mv-hair);border-radius:var(--mv-r-card);overflow:hidden;}
.mv-fact{background:var(--mv-snow);padding:30px 22px;text-align:left;}
.mv-fact__num{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:300;color:var(--mv-forest);line-height:1;
  letter-spacing:-.03em;}
.mv-fact__label{font-size:.92rem;font-weight:300;color:var(--mv-pewter);margin-top:12px;line-height:1.5;}

/* ---------- Навигация назад ---------- */
.mv-back{display:inline-flex;align-items:center;gap:10px;color:var(--mv-pewter);font-weight:400;
  text-decoration:none;margin-bottom:26px;font-size:.94rem;transition:color .2s ease;}
.mv-back:hover{color:var(--mv-forest);text-decoration:none;}
.mv-back i{font-size:.85em;}

/* ---------- Врезка ---------- */
.mv-note{background:var(--mv-lime);color:#1d3a10;padding:22px 26px;border-radius:var(--mv-r-card);
  margin:28px 0;line-height:1.6;font-size:1rem;font-weight:400;}
.mv-note strong{font-weight:500;}
.mv-note a{color:#1d3a10;text-decoration:underline;}

.mv a{color:var(--mv-forest);}
.mv-item__title a{text-decoration:none;border-bottom:1px solid rgba(0,77,64,.3);}
.mv-item__title a:hover{border-bottom-color:var(--mv-forest);}

/* ---------- Мобильные ---------- */
/* На узком экране широкий 16:9-кадр показывается целиком по вертикали, и медведь
   оказывается ровно под текстом. Поэтому здесь фото и текст не накладываются:
   портретный кроп отдельным блоком сверху, текст под ним на зелёном. */
@media (max-width:767px){
  .mv-hero{display:block;min-height:0;background:var(--mv-forest);}
  .mv-hero::before{content:"";display:block;width:100%;aspect-ratio:685/700;
    background:url("/medved/assets/hero-mobile.jpg") center top/cover no-repeat;}
  .mv-hero::after{display:none;}
  .mv-hero__inner{padding:26px 0 34px;}
  .mv-hero__kicker{margin-bottom:16px;font-size:.76rem;padding:6px 14px;}
  .mv-hero__title{font-size:clamp(1.8rem,8.4vw,2.5rem);margin-bottom:14px;}
  .mv-hero__sub{font-size:1rem;}
}

@media (max-width:575px){
  .mv-item{padding:20px;}
  .mv .mv-wrap{padding:0 18px;}
  .mv-list--2{grid-template-columns:1fr;}
  .mv-facts{grid-template-columns:1fr 1fr;}
  .mv-fact{padding:24px 18px;}
}

/* --- широкая плитка «Новости проекта» (5-й пункт «Разделов проекта») --- */
.mv-tile--wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:20px;padding:24px 26px;}
.mv-tile--wide .mv-tile__body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0;}
.mv-tile--wide .mv-tile__icon{flex:0 0 auto;}
.mv-tile__go{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--mv-stone);color:var(--mv-forest);font-size:.95rem;
  transition:background .2s ease,color .2s ease;}
.mv-tile--wide:hover .mv-tile__go{background:var(--mv-lime);color:#1d3a10;}
@media (max-width:640px){
  .mv-tile--wide{flex-direction:column;align-items:flex-start;padding:30px 26px;}
  .mv-tile--wide .mv-tile__go{display:none;}
}

/* End */


/* Start:/bitrix/templates/.default/components/simai/sf.iblock.detail/sf-news1/style.css?1690916529129*/
.sf-viewbox-wrap .sf-viewbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* End */


/* Start:/bitrix/components/simai/sf.swiper.nav/templates/sf-swiper-nav-circle-in/style.css?16909163925997*/
.swiper-container{position:relative}
.swiper-button-disabled{display:none!important}
.swiper-container .sf-swiper-button.sf-swiper-nav-circle-in {opacity:0;transition:all 1s ease}
.swiper-container:hover .sf-swiper-button.sf-swiper-nav-circle-in {opacity:1;transition:all 1s ease}

/* buttons */
.sf-swiper-button.sf-swiper-nav-circle-in{cursor:pointer;position: absolute;top: 50%;height:3rem;width:3rem;margin-top:-2rem!important;background-size:30%;background-position: center;background-repeat: no-repeat;display:block;border-radius:50%;padding:2rem;margin-top:0;transition-property:all;opacity:0;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:1;z-index: 1;}

.theme-light .sf-swiper-button, .theme-dark .theme-light .sf-swiper-button, .theme-dark .theme-dark .theme-light .sf-swiper-button{background-color:rgba(255,255,255,.87)!important}
.theme-dark .sf-swiper-button, .theme-light .theme-dark .sf-swiper-button, .theme-light .theme-light .theme-dark .sf-swiper-button {background-color:rgba(0,0,0,.54)!important}

.theme-light .sf-swiper-nav-circle-in.sf-swiper-button-next, .theme-dark .theme-light .sf-swiper-nav-circle-in.sf-swiper-button-next, .theme-dark .theme-dark .theme-light .sf-swiper-nav-circle-in.sf-swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'rgba(0%2C0%2C0%2C0.87)'%2F%3E%3C%2Fsvg%3E")!important}

.theme-light .sf-swiper-nav-circle-in.sf-swiper-button-prev, .theme-dark .theme-light .sf-swiper-nav-circle-in.sf-swiper-button-prev, .theme-dark .theme-dark .theme-light .sf-swiper-nav-circle-in.sf-swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'rgba(0%2C0%2C0%2C0.87)'%2F%3E%3C%2Fsvg%3E")!important}

.theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-next, .theme-light .theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-next, .theme-light .theme-light .theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important}

.theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-prev, .theme-light .theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-prev, .theme-light .theme-light .theme-dark .sf-swiper-nav-circle-in.sf-swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")!important}

@keyframes sf-swiper-nav-circle-in-prev-out{from{left:1rem;opacity:1;}to{left:3rem;opacity:0;}}
@keyframes sf-swiper-nav-circle-in-next-out{from{right:1rem;opacity:1;}to{right:3rem;opacity:0;}}

@keyframes sf-swiper-nav-circle-in-prev{from{left:3rem;opacity:0;}to{left:1rem;opacity:1;}}
@keyframes sf-swiper-nav-circle-in-next{from{right:3rem;opacity:0;}to{right:1rem;opacity:1;}}

/* pagination */
.sf-swiper-pagination.sf-swiper-nav-circle-in {bottom: 0.5rem;width: 100%;position: absolute;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}

.swiper-container .sf-swiper-nav-circle-in{opacity:0;transition:all 1s ease}
.swiper-container:hover .sf-swiper-nav-circle-in{opacity:1;transition:all 1s ease}

.sf-swiper-nav-circle-in.sf-swiper-button-prev{left:1rem;animation-name:sf-swiper-nav-circle-in-prev-out;}
.sf-swiper-nav-circle-in.sf-swiper-button-next{right:1rem;animation-name:sf-swiper-nav-circle-in-next-out}

.swiper-container:hover .sf-swiper-nav-circle-in.sf-swiper-button-prev{left:1rem;animation-name:sf-swiper-nav-circle-in-prev;}
.swiper-container:hover .sf-swiper-nav-circle-in.sf-swiper-button-next{right:1rem;animation-name:sf-swiper-nav-circle-in-next;}

.theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet,.theme-dark .theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet, .theme-dark .theme-dark .theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet{background:rgba(0,0,0,1)!important}
.theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet, .theme-light .theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet, .theme-light .theme-light .theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet{background:rgba(255,255,255,1)!important}

.theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-dark .theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-dark .theme-dark .theme-light .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(0,0,0,.87)!important}
.theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-light .theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active, .theme-light .theme-light .theme-dark .sf-swiper-nav-circle-in .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,1)!important}

/* preloader indicator */
.sf-swiper-nav-circle-in.swiper-lazy-preloader{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;transform-origin:50%;-webkit-animation:none;animation:none;margin:0}
.sf-swiper-nav-circle-in.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background:no-repeat;background-size:100%}




/* End */
/* /medved/assets/medved.css?178769143611548 */
/* /bitrix/templates/.default/components/simai/sf.iblock.detail/sf-news1/style.css?1690916529129 */
/* /bitrix/components/simai/sf.swiper.nav/templates/sf-swiper-nav-circle-in/style.css?16909163925997 */