/* Start:/local/templates/ruspring/components/bitrix/menu/top/style.css?17758383295675*/
.burger {display: none;flex-direction: column;justify-content: center;align-items: center;gap: 5px;width: 40px;height: 40px;padding: 8px;background: none;border: none;cursor: pointer;border-radius: 8px;transition: background .2s;-webkit-tap-highlight-color: transparent;z-index: 1001}
.burger:hover {background: var(--green-pale, #f0faf0)}
.burger-line {display: block;width: 22px;height: 2px;background: var(--text, #222);border-radius: 2px;transition: transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,width .3s ease;transform-origin: center}
.burger.is-open .burger-line:nth-child(1) {transform: translateY(7px) rotate(45deg)}
.burger.is-open .burger-line:nth-child(2) {opacity: 0;width: 0}
.burger.is-open .burger-line:nth-child(3) {transform: translateY(-7px) rotate(-45deg)}
.mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0);
  z-index: 1001;
  transition: background .35s ease;
  backdrop-filter: blur(0px);
}
.mobile-overlay.is-visible {
  display: block;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);
}

/* =============================================
   МОБИЛЬНОЕ МЕНЮ (панель)
   ============================================= */
.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(340px, 88vw);
  background: #fff;
  z-index: 1002;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform .38s cubic-bezier(.4,0,.2,1);
  box-shadow: -8px 0 40px rgba(0,0,0,0.12);
  overflow: hidden;
}
.mobile-menu.is-open {
  transform: translateX(0);
}

/* Шапка мобильного меню */
.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--green-muted, #d8eed8);
  flex-shrink: 0;
}
.mobile-logo img {
  height: 32px;
  width: auto;
}
.mobile-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: var(--text, #222);
  transition: background .18s, color .18s;
  -webkit-tap-highlight-color: transparent;
}
.mobile-close:hover {
  background: var(--green-pale, #f0faf0);
  color: var(--green, #3a8f3a);
}

/* Прокручиваемая навигация */
.mobile-nav {
  flex: 1;position:relative;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 12px 0;
}
.mobile-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-nav-item {
  border-bottom: 1px solid var(--green-muted, #d8eed8);
}
.mobile-nav-item:last-child {
  border-bottom: none;
}

/* Ссылки и кнопки пунктов */
.mobile-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: 500;
  color: var(--text, #222);
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background .15s, color .15s;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.3;
}
.mobile-nav-link:hover,
.mobile-nav-link:focus-visible {
  background: var(--green-pale, #f0faf0);
  color: var(--green, #3a8f3a);
  outline: none;
}
.mobile-nav-link.active,
.mobile-nav-link[aria-current="page"] {
  color: var(--green, #3a8f3a);
  font-weight: 600;
}

/* Стрелка аккордеона */
.accordion-arrow {
  flex-shrink: 0;
  margin-left: 8px;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  color: var(--text, #999);
}
.mobile-accordion-btn[aria-expanded="true"] .accordion-arrow {
  transform: rotate(180deg);
  color: var(--green, #3a8f3a);
}
.mobile-accordion-btn[aria-expanded="true"] {
  color: var(--green, #3a8f3a);
}

/* Подменю-аккордеон */
.mobile-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--green-pale, #f7fdf7);
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s cubic-bezier(.4,0,.2,1);
}
.mobile-submenu.open {
  max-height: 600px;
}
.mobile-submenu-link {
  display: block;
  padding: 12px 20px 12px 32px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text, #444);
  text-decoration: none;
  border-top: 1px solid var(--green-muted, #e0ede0);
  transition: background .15s, color .15s;
  -webkit-tap-highlight-color: transparent;
}
.mobile-submenu-link:hover,
.mobile-submenu-link:focus-visible {
  background: #e8f5e8;
  color: var(--green, #3a8f3a);
  outline: none;
}
.mobile-submenu-link.active,
.mobile-submenu-link[aria-current="page"] {
  color: var(--green, #3a8f3a);
  font-weight: 600;
}
/* Ссылка «— все» на родительскую страницу */
.mobile-submenu-parent {
  font-style: italic;
  opacity: 0.75;
}
.mobile-submenu-parent:hover {
  opacity: 1;
}

/* Футер мобильного меню */
.mobile-menu-footer {
  padding: 16px 20px;
  border-top: 1px solid var(--green-muted, #d8eed8);
  flex-shrink: 0;
}
.mobile-cta {
  display: block;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

/* =============================================
   АДАПТИВ: показываем бургер на мобильных
   ============================================= */
@media (max-width: 768px) {
  .burger {
    display: flex;
  }
  .nav-links,
  .desktop-cta {
    display: none;
  }
}

/* Блокировка скролла body при открытом меню */
body.menu-is-open {
  overflow: hidden;
  /* компенсируем сдвиг из-за исчезновения скроллбара */
  padding-right: var(--scrollbar-width, 0px);
}
/* End */


/* Start:/local/templates/ruspring/template_styles.css?178368965368243*/
:root{--green: #4a9b6f; --green-light: #7cbf96; --green-pale: #e8f5ee; --green-muted: #c5e0cf; --lavender: #b8a8d4; --lavender-pale: #f0ecf8; --peach: #f5c4a0; --peach-pale: #fdf3eb; --text: #2d3a2e; --text-muted: #3b4c3e; --white: #fefefe; --cream: #faf8f4; --shadow-soft: 0 8px 40px rgba(74,155,111,0.10); --shadow-card: 0 4px 24px rgba(45,58,46,0.08); --radius: 20px; --radius-lg: 32px}
*,*::before,*::after{box-sizing: border-box; margin: 0; padding: 0}
html{scroll-behavior: smooth}
body{font-family: 'Nunito', sans-serif; color: var(--text); background: var(--cream); overflow-x: hidden; line-height: 1.7}

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,
.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,
.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,
.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,
.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-first{-ms-flex-order:-1;order:-1}
.order-last{-ms-flex-order:13;order:13}
.order-0{-ms-flex-order:0;order:0}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
.order-3{-ms-flex-order:3;order:3}
.order-4{-ms-flex-order:4;order:4}
.order-5{-ms-flex-order:5;order:5}
.order-6{-ms-flex-order:6;order:6}
.order-7{-ms-flex-order:7;order:7}
.order-8{-ms-flex-order:8;order:8}
.order-9{-ms-flex-order:9;order:9}
.order-10{-ms-flex-order:10;order:10}
.order-11{-ms-flex-order:11;order:11}
.order-12{-ms-flex-order:12;order:12}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}@media (min-width:576px){
.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-sm-first{-ms-flex-order:-1;order:-1}
.order-sm-last{-ms-flex-order:13;order:13}
.order-sm-0{-ms-flex-order:0;order:0}
.order-sm-1{-ms-flex-order:1;order:1}
.order-sm-2{-ms-flex-order:2;order:2}
.order-sm-3{-ms-flex-order:3;order:3}
.order-sm-4{-ms-flex-order:4;order:4}
.order-sm-5{-ms-flex-order:5;order:5}
.order-sm-6{-ms-flex-order:6;order:6}
.order-sm-7{-ms-flex-order:7;order:7}
.order-sm-8{-ms-flex-order:8;order:8}
.order-sm-9{-ms-flex-order:9;order:9}
.order-sm-10{-ms-flex-order:10;order:10}
.order-sm-11{-ms-flex-order:11;order:11}
.order-sm-12{-ms-flex-order:12;order:12}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}}
@media (min-width:768px){
.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-mdr-8{-ms-flex:0 0 12.5%;flex:0 0 12.5%;max-width:12.5%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-md-first{-ms-flex-order:-1;order:-1}
.order-md-last{-ms-flex-order:13;order:13}
.order-md-0{-ms-flex-order:0;order:0}
.order-md-1{-ms-flex-order:1;order:1}
.order-md-2{-ms-flex-order:2;order:2}
.order-md-3{-ms-flex-order:3;order:3}
.order-md-4{-ms-flex-order:4;order:4}
.order-md-5{-ms-flex-order:5;order:5}
.order-md-6{-ms-flex-order:6;order:6}
.order-md-7{-ms-flex-order:7;order:7}
.order-md-8{-ms-flex-order:8;order:8}
.order-md-9{-ms-flex-order:9;order:9}
.order-md-10{-ms-flex-order:10;order:10}
.order-md-11{-ms-flex-order:11;order:11}
.order-md-12{-ms-flex-order:12;order:12}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
.sticky.is-sticky{position: fixed;left: 0;right: 0;top: 0;z-index: 1000;width: 100%;margin:0}
}
@media (min-width:992px){
.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-lg-first{-ms-flex-order:-1;order:-1}
.order-lg-last{-ms-flex-order:13;order:13}
.order-lg-0{-ms-flex-order:0;order:0}
.order-lg-1{-ms-flex-order:1;order:1}
.order-lg-2{-ms-flex-order:2;order:2}
.order-lg-3{-ms-flex-order:3;order:3}
.order-lg-4{-ms-flex-order:4;order:4}
.order-lg-5{-ms-flex-order:5;order:5}
.order-lg-6{-ms-flex-order:6;order:6}
.order-lg-7{-ms-flex-order:7;order:7}
.order-lg-8{-ms-flex-order:8;order:8}
.order-lg-9{-ms-flex-order:9;order:9}
.order-lg-10{-ms-flex-order:10;order:10}
.order-lg-11{-ms-flex-order:11;order:11}
.order-lg-12{-ms-flex-order:12;order:12}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}}
@media (min-width:1200px){
.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-xl-first{-ms-flex-order:-1;order:-1}
.order-xl-last{-ms-flex-order:13;order:13}
.order-xl-0{-ms-flex-order:0;order:0}
.order-xl-1{-ms-flex-order:1;order:1}
.order-xl-2{-ms-flex-order:2;order:2}
.order-xl-3{-ms-flex-order:3;order:3}
.order-xl-4{-ms-flex-order:4;order:4}
.order-xl-5{-ms-flex-order:5;order:5}
.order-xl-6{-ms-flex-order:6;order:6}
.order-xl-7{-ms-flex-order:7;order:7}
.order-xl-8{-ms-flex-order:8;order:8}
.order-xl-9{-ms-flex-order:9;order:9}
.order-xl-10{-ms-flex-order:10;order:10}
.order-xl-11{-ms-flex-order:11;order:11}
.order-xl-12{-ms-flex-order:12;order:12}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}}

nav{position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding:10px 0; background: rgba(254,254,254,0.8); transition: background .3s, box-shadow .3s}
nav.scrolled{background: rgba(254,254,254,0.95); backdrop-filter: blur(12px); box-shadow: 0 2px 20px rgba(74,155,111,0.10)}
.nav-inner{max-width: 1180px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px}
.nav-logo{margin: 0;display: block;line-height: 1em}
.nav-logo img{height:48px}
.nav-links{display: flex; gap: 32px; list-style: none}
.nav-links a{text-decoration: none; color: var(--text); font-size: 15px; font-weight: 500; transition: color .2s}
.nav-links a:hover{color: var(--green)}
.nav-cta{color: #fff; text-decoration: none; transition: background .2s, transform .2s; white-space: nowrap}
.nav-cta:hover{transform: translateY(-1px)}
.nav-cta img{width:36px;height:36px;}

.footerlinks{display:flex; align-items:center; flex-wrap:wrap; gap: 20px; margin-top:20px}
a.nav-cta{border-radius:10px; overflow:hidden; background:#fff}

.nav-phone {text-decoration: none;color: var(--text);font-size: 15px;font-weight: 500;transition: background .2s, transform .2s; white-space: nowrap;background: #fff;padding: 10px 22px;border-radius:25px}
.nav-phone:hover{background: #3a8a5e; color:#fff; transform: translateY(-1px)}
.nav-burger{display: none; background: none; border: none; cursor: pointer}

.hero{min-height: 100vh; position: relative; display: flex; align-items: center; overflow: hidden; background: linear-gradient(160deg, #f0faf4 0%, #faf8f4 40%, #f5f0f8 100%)}
.hero-bg{position: absolute; inset: 0; z-index: 0; pointer-events: none}
.hero-bg-img {
  position: absolute;
  right: -60px;
  top: -20px;
  width: 75%;
  max-width:1160px;
  height: 110%;
  object-fit: cover;
  object-position: left center;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.7) 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.7) 60%, transparent 100%);
}

.hero-bg-img.img-1 {
  opacity: 0.55;
  animation: bgFade1 10s ease-in-out infinite;
}

.hero-bg-img.img-2 {
  opacity: 0;
  animation: bgFade2 10s ease-in-out infinite;
}

@keyframes bgFade1 {
  0%, 40%  {opacity: 0.55}
  50%, 90% {opacity: 0}
  100%     {opacity: 0.55}
}

@keyframes bgFade2 {
  0%, 40%  {opacity: 0}
  50%, 90% {opacity: 0.55}
  100%     {opacity: 0}
}
.blob{position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.35}
.blob-1{width: 500px; height: 500px; background: var(--green-muted); top: -100px; left: -100px}
.blob-2{width: 400px; height: 400px; background: var(--lavender); bottom: -80px; right: 200px}
.blob-3{width: 300px; height: 300px; background: var(--peach); top: 30%; right: -60px}

.hero-content{position: relative; z-index: 1; max-width: 1180px; margin: 0 auto; padding:40px 32px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center}
.hero-text {}
.hero-eyebrow{display: inline-flex; align-items: center; gap: 8px; background: var(--green-pale); border: 1px solid var(--green-muted); padding: 6px 16px; border-radius: 50px; font-size: 13px; font-weight: 600; color: var(--green); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 24px; animation: fadeUp .6s ease both}
.hero-eyebrow span{width: 6px; height: 6px; border-radius: 50%; background: var(--green)}
.herozag{font-family: 'Manrope', serif; font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 300; line-height:0.85; color: var(--text); margin-bottom: 20px; animation: fadeUp .6s .1s ease both}
.herozag span{color: var(--green)}
.hero-sub{font-size: 14px;color: var(--text-muted);line-height: 1.5;max-width:500px;animation: fadeUp .6s .2s ease both;text-align: justify}
.hero-actions{display: flex; gap: 16px; flex-wrap: wrap; margin-top: 36px; animation: fadeUp .6s .3s ease both}
.btn-primary{background: var(--green); color: #fff; padding: 14px 28px; border-radius: 50px; text-decoration: none; font-size: 15px; font-weight: 600; transition: all .25s; display: inline-flex; align-items: center; gap: 8px}
.btn-primary:hover{background: #3a8a5e; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(74,155,111,0.3)}
.btn-outline{background: transparent; color: var(--green); padding: 14px 28px; border-radius: 50px; text-decoration: none; font-size: 15px; font-weight: 600; border: 2px solid var(--green-muted); transition: all .25s}
.btn-outline:hover{border-color: var(--green); background: var(--green-pale)}

.hero-brands{display: flex; flex-direction: column; gap: 20px; animation: fadeUp .6s .4s ease both}
.brand-pill{background: rgba(254,254,254,0.85); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.9); border-radius: 24px; padding: 24px 28px; box-shadow: var(--shadow-card); display: flex; gap: 20px; align-items: center; text-decoration: none; color: inherit; transition: transform .25s, box-shadow .25s; position: relative; overflow: hidden}
.brand-pill::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px}
.brand-pill.veliline::before{background: linear-gradient(180deg, #b8a8d4, #d4b8cc)}
.brand-pill.clarvo::before{background: linear-gradient(180deg, #7cbf96, #4a9b6f)}
.brand-pill:hover{transform: translateY(-4px); box-shadow: 0 12px 40px rgba(45,58,46,0.12)}
.brand-pill-img{width:120px; height: 80px; border-radius: 16px; object-fit: cover; flex-shrink: 0}
.brand-pill-info {}
.brand-pill-name{font-family: 'Manrope', serif; font-size: 1.5rem; font-weight: 600; line-height: 1.2; margin-bottom: 4px}
.brand-pill.veliline .brand-pill-name{color: #8a75b5}
.brand-pill.clarvo .brand-pill-name{color: var(--green)}
.brand-pill-desc{font-size: 13px; color: var(--text-muted); line-height: 1.5}
.brand-pill-arrow{margin-left: auto; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .2s}
.brand-pill.veliline .brand-pill-arrow{background: var(--lavender-pale); color: #8a75b5}
.brand-pill.clarvo .brand-pill-arrow{background: var(--green-pale); color: var(--green)}
.brand-pill:hover .brand-pill-arrow{transform: translateX(4px)}

section{padding: 100px 0}
.container{max-width: 1180px; margin: 0 auto; padding: 0 32px}
img{max-width: 100%; display: block}
h1,h2,h3{font-family: 'Manrope', serif;line-height: 1.02}
h1{font-size: clamp(2.8rem, 5.2vw, 4.6rem);font-weight: 400}
h2{font-size: clamp(2rem, 4vw, 3rem);font-weight: 400}
p{color: var(--text-muted);font-size: 16px;line-height: 1.5}

.section-label{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 16px}
.section-label.green{color: var(--green)}
.section-label.purple{color: #8a75b5}
.section-label::before{content: ''; width: 24px; height: 2px;background:var(--green); border-radius: 1px}
.section-label.green::before{background: var(--green)}
.section-label.purple::before{background: #8a75b5}
h2 {font-family: 'Manrope', serif;font-size: clamp(2rem, 4vw, 3rem);font-weight: 400; line-height: 1.02}

.about-section{background: var(--white)}
.about-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center}
.about-image {position: relative}
.about-img-main {width: 100%; border-radius: var(--radius-lg);box-shadow: var(--shadow-soft);display: block}
.about-img-float {position: absolute; bottom: -24px; right: -24px;width: 180px; height: 180px; border-radius: 50%;object-fit: cover;border: 6px solid var(--white);box-shadow: var(--shadow-card)}
.about-grid .about-text h3{font-family: 'Manrope', serif;font-size: 2.6rem;font-weight: 600;line-height: 1.15;margin-bottom: 32px}
.about-text p{color: var(--text-muted); font-size: 16px; line-height: 1.8; margin-bottom: 20px}
.stats-row {display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;margin-top: 40px}
.stat-card {background: var(--cream); border-radius: var(--radius);padding: 20px; text-align: center;border: 1px solid var(--green-muted)}
.stat-num{font-family: 'Manrope', serif; font-size: 2.2rem; font-weight: 600; color: var(--green); line-height: 1}
.stat-label{font-size: 12px; color: var(--text-muted); margin-top: 6px; line-height: 1.4}

.brands-section {}
.brands-intro{text-align: center; max-width: 620px; margin: 0 auto 64px}
.brands-intro p{color: var(--text-muted); font-size: 16px; margin-top: 16px}

.brand-showcase{border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 40px}
.brand-showcase-inner{display: grid; grid-template-columns: 1fr 1fr; min-height: 560px}
.brand-showcase.reverse .brand-showcase-inner{direction: rtl}
.brand-showcase.reverse .brand-showcase-inner > *{direction: ltr}

.showcase-visual{position: relative; overflow: hidden}
.showcase-visual img{width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease}
.brand-showcase:hover .showcase-visual img{transform: scale(1.03)}
.showcase-visual-2{display: grid; grid-template-rows: 1fr 1fr; gap: 0}
.showcase-visual-2 img{height: 100%; object-fit: cover}

.showcase-content{padding: 56px 52px; display: flex; flex-direction: column; justify-content: center}
.showcase-content.veliline{background: var(--lavender-pale)}
.showcase-content.clarvo{background: var(--green-pale)}
.showcase-tag{display: inline-block; padding: 5px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px}
.veliline .showcase-tag{background: rgba(184,168,212,0.3); color: #6a55a0}
.clarvo .showcase-tag{background: rgba(124,191,150,0.3); color: var(--green)}

.showcase-content h3{font-family: 'Manrope', serif; font-size: 2.2rem; font-weight: 600; line-height: 1.15; margin-bottom: 16px}
.veliline .showcase-content h3{color: #5a4590}
.clarvo .showcase-content h3{color: #2a6645}
.showcase-content p{color: var(--text-muted); font-size: 15px; line-height: 1.75; margin-bottom: 28px}

.features-list{list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px}
.features-list li{display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--text)}
.feat-icon{width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; font-size: 11px}
.veliline .feat-icon{background: rgba(184,168,212,0.4); color: #6a55a0}
.clarvo .feat-icon{background: rgba(124,191,150,0.4); color: var(--green)}

.wb-btn{display: inline-flex; align-items: center; gap: 10px; padding: 13px 24px; border-radius: 50px; text-decoration: none; font-size: 14px; font-weight: 600; transition: all .25s; align-self: flex-start}
.veliline .wb-btn{background: #6a55a0; color: #fff}
.veliline .wb-btn:hover{background: #5a4590; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(106,85,160,0.3)}
.clarvo .wb-btn{background: var(--green); color: #fff}
.clarvo .wb-btn:hover{background: #3a8a5e; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(74,155,111,0.3)}


/* в”Ђв”Ђв”Ђ B2B в”Ђв”Ђв”Ђ */
.b2b-section{background: linear-gradient(135deg, var(--green) 0%, #3a8a5e 60%, #2d6e4a 100%); color: #fff; position: relative; overflow: hidden}
.b2b-section::before{content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E"); background-size: 60px 60px}
.b2b-section .section-label{color:rgba(255,255,255,0.7)}
.b2b-section .section-label::before{background:rgba(255,255,255,0.7)}

.b2b-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1}
.b2b-text h2{color: #fff; margin-bottom: 20px}
.b2b-text p{color: rgba(255,255,255,0.85); font-size: 16px; line-height: 1.5; margin-bottom: 32px}
.benefits-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 16px}
.benefit-item{background: rgba(255,255,255,0.12); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,0.2); border-radius: 16px; padding: 20px}
.benefit-icon{font-size: 24px; margin-bottom: 8px}
.benefit-title{font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px}
.benefit-desc{font-size: 12px; color: rgba(255,255,255,0.75); line-height: 1.5}

.b2b-form-wrap{background: rgba(255,255,255,0.1); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); border-radius: var(--radius-lg); padding: 40px}
.b2b-form-wrap h3{font-family: 'Manrope', serif; font-size: 1.8rem; color: #fff; margin-bottom: 24px}
.form-group{margin-bottom: 16px}
.form-control{width: 100%; padding: 13px 16px; background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; color: #fff; font-family: 'Nunito', sans-serif; font-size: 15px; outline: none; transition: border-color .2s, background .2s}
.form-control::placeholder{color: rgba(255,255,255,0.55)}
.form-control:focus{border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.2)}
.form-submit{width: 100%; padding: 14px; background: #fff; color: var(--green); border: none; border-radius: 12px; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; transition: all .25s}
.form-submit:disabled,
.form-submit:hover{background: var(--green-pale); transform: translateY(-1px)}

button.btn.btn-primary:disabled{opacity:0.6}

input.error,
textarea.error{border:1px solid #d00!important;background:rgba(255,0,0,0.1)}

.no-select {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
input[type='number']{-moz-appearance: textfield}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none}
 
.cookiesinfo{opacity:0.8;border: 1px solid #dedede;position: fixed;max-width: 100%;width: 800px;padding: 10px 15px;bottom: 20px; left: calc(50% - 400px);display: flex;align-items: center;justify-content: center;background: #fff;border-radius:10px;z-index:1002}
.cookiesinfo:hover{opacity:1}
.cookiesinfo .cookiestext{color: #333;font-size: 12px;line-height: 1.25em;margin: 0 10px 0 0}
.cookiesinfo .cookiestext a{color:var(--green); text-decoration:underline}
.cookiesinfo .cookiestext a:hover{color:var(--green-light);}
.cookiesinfo a.cookiesbtn{padding:10px 30px; cursor: pointer; font-weight: 300;text-align: center; border:1px solid var(--green); background:var(--green); color:#fff}
.cookiesinfo a.cookiesbtn:hover{color:#fff; border:1px solid var(--green-light); background:var(--green-light)}


.totop{background: url('/local/templates/ruspring/images/arrow-up-circle.svg') transparent 0 0 no-repeat; width: 40px; height: 40px; display: block; position: fixed; bottom: 10%; right: 3%}

.directions-section{background: var(--cream); padding-top:70px}
.direction-card{display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; background: var(--white); border-radius: var(--radius); padding: 34px 30px; border: 1px solid rgba(0,0,0,0.06); box-shadow: var(--shadow-card); text-decoration: none; position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s}
.direction-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green), var(--green-light)); opacity: 0.95}
.direction-card:hover{transform: translateY(-4px); box-shadow: 0 16px 42px rgba(45,58,46,0.10); border-color: rgba(74,155,111,0.18)}
.direction-logo{max-height:170px; min-width:170px; display: flex; align-items: center; margin-bottom: 0}
.direction-logo img{max-height: 100%; max-width: 170px; width: auto; object-fit: contain}
.directions-section .otdel-info h4{color: var(--green);font-size: 18px;line-height: 1.2em;margin: 0 0 15px;}
.directions-section .otdel-card{align-items:flex-start}
.directions-section .otdel-card p{font-size: 15px;line-height: 1.4em;color: var(--text-muted);margin: 0 0 15px;display: block}

.otdel-info .contact-chip{display: flex; align-items: center; gap: 12px; background:transparent; border-radius: 0; padding: 14px 0 0; text-decoration: none; color: var(--text); border: 0 none; transition: all .2s; font-size: 15px}

.directions-section .contact-points {
  display: grid;
  gap: 14px;
  margin-top: 22px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.directions-header{max-width: 620px; margin-bottom: 56px}
.directions-header p{color: var(--text-muted); margin-top: 16px; font-size: 16px}

.directions-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px}
.direction-card{background: var(--white); border-radius: var(--radius); padding: 36px; border: 1px solid rgba(0,0,0,0.06); transition: transform .25s, box-shadow .25s; position: relative; overflow: hidden}
.direction-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px}
.direction-card.retail::before{background: linear-gradient(90deg, #b8a8d4, #d4a8cc)}
.direction-card.chemical::before{background: linear-gradient(90deg, #a8c8d4, #7cb5bf)}
.direction-card.food::before{background: linear-gradient(90deg, #d4c4a8, #c8a870)}
.direction-card:hover{transform: translateY(-4px); box-shadow: var(--shadow-card)}
.direction-icon{font-size: 36px; margin-bottom: 16px}
.direction-card h3{font-size: 26px; line-height: 1.15; margin-bottom: 14px; color: var(--text); font-family: 'Manrope', sans-serif; font-weight: 600; height:64px; letter-spacing: -0.02em}
.direction-card p{font-size: 15px; line-height: 1.8; color: var(--text-muted); margin-bottom: 22px}

.direction-link{margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--green); transition: transform .2s, color .2s}
.direction-card:hover .direction-link{transform: translateX(4px); color: #3a8a5e}

.otdel-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px}
.otdel-card {display: flex;justify-content: flex-start;min-height: 100%;
	background: var(--white);border-radius: var(--radius);padding: 28px 30px;border: 1px solid rgba(0,0,0,0.06);box-shadow: var(--shadow-card);text-decoration: none;
	transition: transform .25s, box-shadow .25s;
	position: relative;overflow: hidden;gap: 20px;align-items: center;
}
.otdel-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px}
.otdel-card.retail::before{background: linear-gradient(90deg, #b8a8d4, #d4a8cc)}
.otdel-card:hover{transform: translateY(-4px); box-shadow: var(--shadow-card)}
.otdel-card .pic-logo{height:120px; display: flex; align-items: center; margin-bottom:0px}
.otdel-card .pic-logo img{max-height: 100%;width: auto; object-fit: contain; border-radius:10px;}
.otdel-card h3{font-size: 26px; line-height: 1.15; margin-bottom: 14px; color: var(--text); font-family: 'Manrope', sans-serif; font-weight: 600; height:64px; letter-spacing: -0.02em}
.otdel-card p{font-size: 15px; line-height: 1.8; color: var(--text-muted); margin-bottom: 0}

.reclamations-section{background: var(--white)}
.reclamations-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center}
.reclamations-text h2{margin-bottom: 20px}
.reclamations-text p{color: var(--text-muted); font-size: 16px; line-height: 1.5; margin-bottom: 24px}
.contact-chips{display: flex; flex-direction: column; gap: 12px}
.contact-chip{display: flex; align-items: center; gap: 12px; background: var(--cream); border-radius: 14px; padding: 14px 20px; text-decoration: none; color: var(--text); border: 1px solid var(--green-muted); transition: all .2s; font-size: 15px}
.contact-chip:hover{background: var(--green-pale); transform: translateX(4px)}
.contact-chip-icon{width: 40px; height: 40px; background: var(--green-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0}
.reclamations-image{position: relative}
.rec-img-main{width: 100%; border-radius: var(--radius-lg); display: block; box-shadow: var(--shadow-soft)}

.inner-hero{position: relative; min-height:480px; display: flex; align-items: flex-end; overflow: hidden; padding: 0; background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.14) 55%, rgba(255,255,255,0.20) 100%)}
.inner-hero-media{position: absolute; inset: 0; z-index: 0; overflow: hidden}
.inner-hero-media img{width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(1.03); filter: saturate(0.95)}
.inner-hero::after{content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(255,255,255,0.01) 35%, rgba(255,255,255,0.01) 55%, rgba(255,255,255,0.90) 100%)}
.hero-blur{position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.18; z-index: 1}
.hero-blur.one{width: 360px; height: 360px; background: #d9c7e8; top: 80px; left: -80px}
.hero-blur.two{width: 420px; height: 420px; background: #cfe7d8; right: -100px; bottom: -80px}
.inner-hero-content{position: relative; z-index: 2; width: 100%; padding:90px 30px 30px}
.breadcrumbs{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom:12px; color:#000; font-size: 14px}
.breadcrumbs a{color:#000; text-decoration: none; transition: color .2s, opacity .2s}
.breadcrumbs a:hover{color: #fff}
.breadcrumbs .sep{opacity: 0.55}
.inner-hero-title{max-width:100%; margin-bottom:0; color:#000}

.contacts-intro{background: var(--white); padding-top: 50px; padding-bottom:30px}
.contacts-intro iframe{border-radius:15px}

.contacts-intro .contact-points {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px}
.contacts-intro .contact-points .contact-chip:nth-child(3) {grid-column: 1 / -1}

.contacts-intro-grid{display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 32px; align-items: stretch}
.intro-card,.intro-card-soft{border-radius: var(--radius-lg); padding: 36px; box-shadow: var(--shadow-card); border: 1px solid rgba(0,0,0,0.05)}
.intro-card{background: linear-gradient(135deg, #ffffff 0%, #f8fcfa 100%)}
.intro-card-soft{background: linear-gradient(135deg, var(--green-pale) 0%, #f7fbf9 100%)}
.intro-card h2,.intro-card-soft h3{margin-bottom: 18px}
.intro-card p + p{margin-top: 14px}
.contact-points{display: flex; flex-direction: column; gap: 14px; margin-top: 22px}
.contact-chip{display: flex; align-items: flex-start; gap: 14px; background: rgba(255,255,255,0.78); border-radius: 16px; padding: 16px 18px; text-decoration: none; color: var(--text); border: 1px solid var(--green-muted); transition: transform .2s, background .2s, border-color .2s}
.contact-chip:hover{transform: translateY(-2px); background: #fff; border-color: var(--green)}
.contact-chip-icon{width: 42px; height: 42px; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 18px; box-shadow: 0 4px 18px rgba(74,155,111,0.08)}
.contact-chip-title{font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 2px}
.contact-chip-value{font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.45}

.brand-section{padding-top:50px; padding-bottom:30px}

.requisites-section{background: var(--cream); padding-top:70px}
.req-header{margin-bottom:30px}
.req-header p{color: var(--text-muted); margin-top: 12px}
.req-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px}
.req-card{background: var(--white); border-radius: var(--radius); padding: 30px 28px; border: 1px solid rgba(0,0,0,0.06); box-shadow: var(--shadow-card); transition: transform .25s, box-shadow .25s, border-color .25s; position: relative; overflow: hidden}
.req-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green), var(--green-light)); opacity: 0.9}
.req-card:hover{transform: translateY(-4px); box-shadow: 0 16px 42px rgba(45,58,46,0.10); border-color: rgba(74,155,111,0.18)}
.req-card h4{font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--green); margin-bottom: 18px}
.req-row{display: flex; flex-direction: column; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.05)}
.req-row:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0}

.req-key{font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 4px}
.req-val{font-size: 14px; color: var(--text); font-weight: 500; line-height: 1.4; word-break: break-word}
.req-val a{color: var(--green); text-decoration: none}
.req-val a:hover{text-decoration: underline}

.consumers-section{background: var(--cream); padding-top: 30px}
.consumers-intro{background: linear-gradient(135deg, #ffffff 0%, #f8fcfa 100%); border-radius: var(--radius-lg); padding: 34px 36px; border: 1px solid rgba(0,0,0,0.05); box-shadow: var(--shadow-card); margin-bottom: 28px}
.consumers-intro p + p{margin-top: 14px}
.consumer-brand-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px}
.consumer-brand-card{background: var(--white); border-radius: var(--radius); padding: 32px 28px; border: 1px solid rgba(0,0,0,0.06); box-shadow: var(--shadow-card); position: relative; overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s}
.consumer-brand-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green), var(--green-light)); opacity: 0.95}
.consumer-brand-card:hover{transform: translateY(-4px); box-shadow: 0 16px 42px rgba(45,58,46,0.10); border-color: rgba(74,155,111,0.18)}
.consumer-brand-top{margin-bottom: 18px}
.consumer-brand-top h3{font-size: 28px; line-height: 1.12; color: var(--text); font-family: 'Manrope', sans-serif; font-weight: 600; letter-spacing: -0.02em}
.consumer-brand-top h3 a{color:var(--green); display:block;}
.consumer-brand-content p{font-size: 15px; line-height: 1.85; color: var(--text-muted)}
.consumer-brand-content p + p{margin-top: 16px}

.benefits-grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px}
.b2b-section .benefits-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
.benefit-card{background: var(--white); border-radius: var(--radius); padding: 28px 24px; border: 1px solid rgba(0,0,0,0.06); box-shadow: var(--shadow-card); transition: transform .25s, box-shadow .25s, border-color .25s; position: relative; overflow: hidden}
.benefit-card::before{content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--green), var(--green-light)); opacity: 0.95}
.benefit-card:hover{transform: translateY(-4px); box-shadow: 0 16px 42px rgba(45,58,46,0.10); border-color: rgba(74,155,111,0.18)}
.benefit-num{display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--green-pale); color: var(--green); font-size: 14px; font-weight: 800; margin-bottom: 16px}
.benefit-card h4{font-size: 20px; line-height: 1.2; margin-bottom: 12px; color: var(--text); font-family: 'Manrope', sans-serif; font-weight: 600; letter-spacing: -0.02em; text-transform: none}
.benefit-card p{font-size: 15px; line-height: 1.75; color: var(--text-muted)}

.pic-logo{height:240px; display: flex; align-items: center; margin-bottom: 24px}
.pic-logo img{max-height: 100%;width: auto; object-fit: contain}

.contact-grid{display: grid; grid-template-columns: 1fr 1fr; gap:24px; margin-top:0; margin-bottom: 0}
.contactimg{object-fit:cover; max-width:100%; height:300px; border-radius:15px}

.form-note{font-size: 11px; color: rgba(255,255,255,.26); margin-top: 12px; line-height: 1.5}
.form-note a{color: #fff;text-decoration: underline;opacity: 0.7}
.form-note a:hover{text-decoration:none}

.check-group{display: flex; flex-direction: column; gap: 8px;margin-top: 2px}
.check-item{display: flex;align-items: center;gap: 10px;cursor: pointer;font-size: 13px;font-weight: 500;color: rgba(255,255,255,.7);user-select: none;line-height: 1.1em;margin-bottom: 15px}
.check-item input[type="checkbox"]{display: none}
.check-box{width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0;border: 1.5px solid rgba(255,255,255,.2);background: rgba(255,255,255,.07);display: flex; align-items: center; justify-content: center;transition: border-color .18s, background .18s}
.check-box svg{width: 10px; height: 10px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transition: opacity .15s}
.check-item input:checked ~ .check-box{border-color: var(--green-light); background: var(--green)}
.check-item input:checked ~ .check-box svg{opacity: 1}
.check-item:hover .check-box{border-color: var(--green-light)}


.product-card{position: relative}


/* в”Ђв”Ђв”Ђ PRODUCTS GRID в”Ђв”Ђв”Ђ */
.products-section{background: var(--white); padding-top:20px; padding-bottom:50px}
.products-tabs{display: flex; gap: 12px; margin-bottom: 48px; border-bottom: 2px solid #ebebeb}
.products-tab{padding: 12px 24px; border: none; background: none; cursor: pointer; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 600; color: var(--text-muted); border-bottom: 3px solid transparent; margin-bottom: -2px; transition: color .2s, border-color .2s}
.products-tab.active,
.products-tab:hover{color: var(--green); border-color: var(--green)}

.products-panel{display: none}
.products-panel.active{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px}

.product-card{background: var(--cream); border-radius: var(--radius); overflow: hidden; border: 1px solid rgba(0,0,0,0.06); transition: transform .25s, box-shadow .25s; text-decoration: none; color: inherit; display: flex; flex-direction: column}
.product-card:hover{transform: translateY(-6px); box-shadow: var(--shadow-soft)}
.product-card-img{aspect-ratio: 3/4; overflow: hidden; position: relative}
.product-card-img img{width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease}
.product-card:hover .product-card-img img{transform: scale(1.05)}
.sale-badge{position: absolute; top: 12px; left: 12px; background: #ff4444; color: #fff; padding: 4px 10px; border-radius: 50px; font-size: 12px; font-weight: 700}
.new-badge{position: absolute; top: 12px; right: 12px; background: var(--green); color: #fff; padding: 4px 10px; border-radius: 50px; font-size: 11px; font-weight: 700; letter-spacing: 0.05em}
.product-card-body{padding:12px 20px 0}
.product-brand{font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase}
.veliline-brand{color: #8a75b5}
.clarvo-brand{color: var(--green)}
.product-name{font-size: 15px;color: var(--text);margin: 6px 0 12px;line-height: 1.33em;flex: 1;height: 40px;display: block}
.product-rating{display: flex; align-items: center; gap: 6px; font-size: 13px; margin-bottom: 12px}
.stars{color: #f5c518; font-size: 12px}
.rating-count{color: var(--text-muted)}
.product-price{display: flex; align-items: baseline; gap: 8px}
.price-current{font-size: 1.2rem; font-weight: 700; color: var(--text)}
.price-old{font-size: 13px; color: #bbb; text-decoration: line-through}
.product-card-footer{padding: 0 20px 10px}
.wb-link{display: flex; align-items: center; justify-content: center; gap: 6px; background: #cb11ab; color: #fff; padding: 10px; border-radius: 12px; text-decoration: none; font-size: 13px; font-weight: 600; transition: background .2s}
.wb-link:hover{background: #a80d8d}

#products .swiper-button-next,
#products .swiper-button-prev {cursor: pointer;color:var(--green)}
#products .swiper-pagination-bullet-active{background:var(--green)}



.product-card-link{position: absolute;top: 0; right: 0; bottom: 0; left: 0;z-index: 1}
.product-card-footer{position: relative;z-index: 2;	display: flex;flex-direction: column;gap: 10px}
.marketplace-offer{display: grid;gap: 6px;align-items: center;grid-template-columns: 1fr 1fr}
.marketplace-offer + .marketplace-offer{padding-top: 10px;border-top: 1px solid #ececec}
.marketplace-price{display: flex;align-items: baseline;gap: 8px;line-height: 1}
.marketplace-price .price-current{font-size: 20px;font-weight: 700;color: #1a1a1a;white-space: nowrap}
.marketplace-price .price-old{font-size: 13px;color: #a5a5a5;text-decoration: line-through;white-space: nowrap}
.marketplace-btn{
	display: flex;align-items: center;justify-content: center;
	gap: 8px;width: 100%;box-sizing: border-box;
	padding: 11px 14px;border-radius: 12px;font-size: 14px;font-weight: 600;line-height: 1;color: #fff !important;text-decoration: none !important;
	text-align: center;cursor: pointer;
	transition: background-color 200ms ease, transform 150ms ease;
}
.marketplace-btn:active{transform: scale(.98)}
.marketplace-btn .mp-icon{
	display: inline-flex;align-items: center;justify-content: center;width: 20px;
	height: 20px;flex: 0 0 20px;border-radius: 50%;
	background: rgba(255,255,255,.22);font-size: 11px;font-weight: 700;
}
.marketplace-wb .marketplace-btn{background: #cb11ab}
.marketplace-wb .marketplace-btn:hover{background: #b00e95; color:#fff}
.marketplace-mv .marketplace-btn{background: #e30611}
.marketplace-mv .marketplace-btn:hover{background: #c4050e; color:#fff}
.marketplace-oz .marketplace-btn{background:#005bff}
.marketplace-oz .marketplace-btn:hover{background: #116cff; color:#fff}
@media (max-width: 767.98px){
	.marketplace-price .price-current{font-size: 17px}
	.marketplace-btn{padding: 10px 10px; font-size: 13px}
}

footer{background: var(--text); color: rgba(255,255,255,0.7); padding: 64px 0 32px}
.footer-grid{display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px; margin-bottom: 48px}
.footer-brand img.footlogo{height: 32px; filter: brightness(0) invert(1); margin-bottom: 16px}
.footer-brand p{color: #fff; font-size: 14px; line-height: 1.7; max-width: 280px}
footer h5{color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 16px; letter-spacing: 0.05em}
footer ul{list-style: none; display: flex; color: #fff; flex-direction: column; gap: 10px}
footer ul a{color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; display: block;line-height: 1.2em;transition: color .2s}
footer ul a:hover{color: var(--green-light)}
.footer-bottom{color:#fff; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; align-items:flex-start}
.footer-bottom p{color:#fff; font-size: 13px}
.footer-bottom p:nth-child(1){font-size: 12px}
.footer-bottom p:nth-child(2){font-size: 12px}
.footer-wb{display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.08); padding: 8px 16px; border-radius: 50px; text-decoration: none; color: rgba(255,255,255,0.7); font-size: 13px; transition: background .2s}
.footer-wb:hover{background: rgba(255,255,255,0.14)}
.wb-icon{width: 20px; height: 20px; background: #cb11ab; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: #fff}

/* в”Ђв”Ђв”Ђ ANIMATIONS в”Ђв”Ђв”Ђ */
@keyframes fadeUp{from{opacity: 0; transform: translateY(24px)}
  to{opacity: 1; transform: translateY(0)}
}
.reveal{opacity: 0; transform: translateY(30px); transition: opacity .6s ease, transform .6s ease}
.reveal.visible{opacity: 1; transform: translateY(0)}
.reviews-section{--green: #4a9b6f; --green-pale: #e8f5ee; --green-muted: #c5e0cf; --text: #2d3a2e; --text-muted: #3b4c3e; --cream: #faf8f4; --white: #fefefe; --shadow-card: 0 4px 24px rgba(45,58,46,0.08); --radius: 20px; 
	background: var(--cream); padding:80px 0 80px 0; font-family: 'Nunito', sans-serif; overflow: hidden
}
.reviews-section .container{max-width: 1180px; margin: 0 auto; padding: 0 32px}


body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}
.fancybox-content{display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:24px 32px 32px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:#ffffff;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

.reviews-header{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 48px; flex-wrap: wrap}
.reviews-header-left {}
.reviews-section .section-label{display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green); margin-bottom: 12px}
.reviews-section .section-label::before{content: ''; width: 24px; height: 2px; border-radius: 1px; background: var(--green)}
.reviews-section h2{font-family: 'Manrope', serif; font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 400; color: var(--text); line-height: 1.2}
.reviews-summary{display: flex; align-items: center; gap: 10px; background: var(--white); border: 1px solid var(--green-muted); border-radius: 50px; padding: 10px 20px; flex-shrink: 0}
.reviews-score{font-family: 'Manrope', serif; font-size: 2rem; font-weight: 600; color: var(--text); line-height: 1}
.reviews-stars{font-size: 16px; color: #f5c518; line-height: 1}
.reviews-count{font-size: 13px; color: var(--text-muted)}

/* в”Ђв”Ђ swiper в”Ђв”Ђ */
.reviews-swiper-wrap{position: relative}
.reviews-swiper{overflow: visible !important; padding-bottom: 4px !important}
.reviews-swiper .swiper-slide{height: auto}

/* ── карточка ── */
.review-card{background: var(--white); border-radius: var(--radius); border: 1px solid rgba(0,0,0,0.06); padding: 28px; height: 100%; display: flex; flex-direction: column; box-shadow: var(--shadow-card); transition: transform .25s, box-shadow .25s}
.review-card:hover{transform: translateY(-4px); box-shadow: 0 12px 40px rgba(45,58,46,0.12)}

.review-card-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px}
.review-author{display: flex; align-items: center; gap: 12px}
.review-avatar{width: 40px; height: 40px; border-radius: 50%; background: var(--green-pale); border: 2px solid var(--green-muted); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; color: var(--green); flex-shrink: 0; font-family: 'Manrope', serif}
.review-name{font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.2}
.review-date{font-size: 12px; color: var(--text-muted); margin-top: 2px}
.review-stars{font-size: 13px; color: #f5c518}

/* ── достоинства / текст ── */
.review-body{flex: 1}
.review-pros{display: inline-flex; align-items: flex-start; gap: 6px; background: var(--green-pale); border-radius: 10px; padding: 8px 12px; margin-bottom: 12px; font-size: 13px; color: #2a6645; line-height: 1.5}
.review-pros-icon{flex-shrink: 0; margin-top: 1px}
.review-pros-label{font-weight: 700; margin-right: 4px}

.review-text{font-size: 14px; color: var(--text-muted); line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden}

/* ── фото ── */
.review-photos{display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap}
.review-photo{width: 60px; height: 80px; border-radius: 10px; object-fit: cover; border: 2px solid var(--green-muted); transition: transform .2s; cursor: pointer}
.review-photo:hover{transform: scale(1.05)}

/* ── навигация ── */
.reviews-nav{display: flex; align-items: center; gap: 12px; margin-top: 36px; justify-content: center}
.reviews-btn{width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--green-muted); background: var(--white); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--green); font-size: 18px; transition: all .2s; flex-shrink: 0}
.reviews-btn:hover{background: var(--green); border-color: var(--green); color: #fff; box-shadow: 0 4px 16px rgba(74,155,111,0.3)}
.reviews-btn:disabled{opacity: 0.35; cursor: not-allowed; pointer-events: none}
.reviews-pagination{display: flex; gap: 6px; align-items: center}
.reviews-pagination .swiper-pagination-bullet {width: 8px; height: 8px;border-radius: 50%; background: var(--green-muted);opacity: 1; transition: all .2s;cursor: pointer}
.reviews-pagination .swiper-pagination-bullet-active {background: var(--green);width: 24px;border-radius: 4px}
.reviews-cta{text-align: center; margin-top: 40px}
.reviews-wb-link{display: inline-flex; align-items: center; gap: 10px; background: var(--green); color: #fff; padding: 14px 28px; border-radius: 50px; text-decoration: none; font-size: 15px; font-weight: 600; transition: all .25s}
.reviews-wb-link:hover{background: #3a8a5e; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(74,155,111,0.3)}
.reviews-wb-icon{width: 24px; height: 24px; background: rgba(255,255,255,0.25); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800}


@media (max-width: 767.98px){
	.inner-hero{position: relative; min-height:320px}
	.container {padding: 0 10px}
	.reviews-section{padding: 60px 0}
	.reviews-section .container{padding: 0 16px}
	.reviews-header{flex-direction: column; align-items: flex-start; gap: 16px}
	.intro-card, .intro-card-soft{border-radius:15px;padding: 20px}
	.otdel-grid,
	.contacts-intro .contact-points {display:flex; flex-wrap:wrap; flex-direction: column}
	.consumers-intro,
	.consumer-brand-card{padding: 24px 20px}
	.consumer-brand-top h3{font-size: 22px}
	.direction-card{padding: 24px 20px}
	.direction-card h3{font-size: 22px}
	.direction-logo{height: 46px; margin-bottom: 18px}
	.otdel-grid .direction-logo {height: 90px;min-width: 90px;max-height: 90px}
	.otdel-card {padding: 18px 15px}
	.otdel-card .pic-logo {height:auto;max-width: 80px}
	.direction-logo img{max-width: 180px}
	.benefits-grid{grid-template-columns: 1fr}
	.benefit-card{padding: 24px 20px}
	.benefit-card h4{font-size: 18px}
	h1.inner-hero-title {margin-bottom: 10px;font-size: 2.2em}
}
@media (max-width: 991.98px){
	.contact-grid{grid-template-columns: 1fr}
	.directions-grid{grid-template-columns: 1fr}
	.benefits-grid{grid-template-columns: 1fr 1fr}
	.consumer-brand-grid{grid-template-columns: 1fr}
	.cookiesinfo{width: 100%;padding: 5px 8px;bottom:55px;left: 0}
	.cookiesinfo .cookiestext{font-size: 11px;line-height: 1.2em}
	
	.hero-content{grid-template-columns: 1fr; gap: 40px; padding-top:40px}
	.hero-brands{display: grid; grid-template-columns: 1fr 1fr; gap: 12px}
	.brand-pill{padding: 16px}
	.brand-pill-img{width:90px; height: 60px}
	.about-grid, .brands-grid, .b2b-grid, .reclamations-grid{grid-template-columns: 1fr; gap: 40px}
	.brand-showcase-inner{grid-template-columns: 1fr}
	.brand-showcase.reverse .brand-showcase-inner{direction: ltr}
	.showcase-visual{aspect-ratio: 16/9}
	.showcase-content{padding: 36px 28px}
	.footer-grid{grid-template-columns: 1fr 1fr}
	.nav-links{display: none}
	.stats-row{grid-template-columns: 1fr 1fr}
}
@media (max-width: 600px){
	section{padding: 60px 0}
	.hero-brands{grid-template-columns: 1fr}
	.benefits-grid{grid-template-columns: 1fr}
	.footer-grid{grid-template-columns: 1fr}
	.footer-bottom{flex-direction: column; text-align: center}
}
/* End */
/* /local/templates/ruspring/components/bitrix/menu/top/style.css?17758383295675 */
/* /local/templates/ruspring/template_styles.css?178368965368243 */