.clip-group {
    overflow: hidden;
    position: relative;
}

/* Убираем обводку с самого инпута */
input:focus,
textarea:focus {
  outline: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Обводим весь контейнер поля когда инпут внутри в фокусе */
.t-input-block:focus-within,
.t956__inputbox:focus-within,
.t-form__inputbox:focus-within {
  outline: none !important;
  border: 1.5px solid #53ac67 !important;
  box-shadow: 0 0 0 3px rgba(83, 172, 103, 0.18) !important;
  border-radius: 8px !important;
}
.year-counter {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 24px !important;
  display: inline-block;
  min-width: 4ch;
}
.card-hover {
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  transform-origin: center center !important;
  overflow: visible !important;
}

.card-hover {
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
  transform-origin: center center !important;
  cursor: pointer !important;
}

.card-hover {
  transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}
#rec2353996641 .t-zb-grid-cont {
  max-width: 1440px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

#rec2353996641 .t-zb-win-cont {
  max-width: 1440px !important;
  width: 100% !important;
}
#jk-outer {
  width: 100%;
  position: relative;
  left: 0;
  transform: none;
  display: flex;
  justify-content: center;
  padding: 0 20px;
  box-sizing: border-box;
}

.sec-card-rubley {
  width: 100%;
}
/* =====================================
  КАРТОЧКА "лучшее качество": РУБЛЬ
  Фиксированное положение и размеры
====================================== */
.sec-card-rubley__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70px;    /* базовый размер для мобильных */
  height: 50px;
  z-index: 1;
  pointer-events: none;
  line-height: 0;
}
.sec-card-rubley__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
  display: block;
  vertical-align: bottom;
  transform: none !important;
}

/* ≥ 768px — планшеты */
@media (min-width: 768px) {
  .sec-card-rubley__img {
    width: 100px;
    height: 70px;
    right: 0;
    bottom: 0;
  }
}

/* ≥ 960px — ноутбуки/стандартные PC */
@media (min-width: 960px) {
  .sec-card-rubley__img {
    width: 180px;
    height: 180px;
    right: 0;
    bottom: 0;
  }
}

/* ≥ 1441px — большие десктопы */
@media (min-width: 1441px) {
  .sec-card-rubley__img {
    width: 220px;
    height: 220px;
    right: 0;
    bottom: 0;
  }
}
.sec-card-rubley__img img {
  transform: none !important;
}
#rec2336855131 {
  padding: 0 !important;
  margin: 0 !important;
}

#rec2336855131 .t-container,
#rec2336855131 .t-col,
#rec2336855131 .t-cell {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#rec2336855131 .t-zb-grid-cont,
#rec2336855131 .t-zb-win-cont {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  left: 0 !important;
  
  
/* базовая анимация для текста */
#rec2360894951 .t396__elem.nav-text .tn-atom {
  display: inline-block;
  transition: color .2s ease, transform .2s ease;
}

/* навели на фрейм/группу → красим текст внутри */
#rec2360894951 .t396__elem.nav-item:hover .t396__elem.nav-text .tn-atom,
#rec2360894951 .t396__elem-group.nav-item:hover .t396__elem.nav-text .tn-atom,
#rec2360894951 .t396__elem.nav-item:hover .t396__elem.nav-text .tn-atom a,
#rec2360894951 .t396__elem-group.nav-item:hover .t396__elem.nav-text .tn-atom a {
  color: #2EA84A !important;
  transform: translateY(-1px);
}

/* курсор-рука для кликабельной области */
#rec2360894951 .t396__elem.nav-item,
#rec2360894951 .t396__elem-group.nav-item { cursor: pointer; }

/* отладка: временная рамка — увидеть, что hover реально попадает */
#rec2360894951 .t396__elem.nav-item:hover,
#rec2360894951 .t396__elem-group.nav-item:hover {
  outline: 1px dashed red !important;
}
}

/* базовая анимация текста меню */
.t396__elem.nav-text .tn-atom { 
  display: inline-block;
  transition: color .2s ease, transform .2s ease;
}

/* навели на родительский фрейм/группу → красим текст внутри */
.t396__elem-group.nav-item:hover .t396__elem.nav-text .tn-atom,
.t396__elem.nav-item:hover .t396__elem.nav-text .tn-atom,
.t396__elem-group.nav-item:hover .t396__elem.nav-text .tn-atom a,
.t396__elem.nav-item:hover .t396__elem.nav-text .tn-atom a {
  color: #2EA84A !important;
  transform: translateY(-1px);
}

/* курсор-рука и отладочная рамка */
.t396__elem.nav-item,
.t396__elem-group.nav-item { cursor: pointer; }
.t396__elem.nav-item:hover,
.t396__elem-group.nav-item:hover { outline: 1px dashed red !important; }

#rec2362111661 {
  background: #F0EFEB;
}

#rec2362111661 .t396__artboard {
  max-width: 1450px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#rec2365296031 {
  background: #F0EFEB;
}

#rec2365296031 .t396__artboard {
  max-width: 1450px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#rec2362128771 {
  background: #F0EFEB;
}

#rec2362128771 .t396__artboard {
  max-width: 1450px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#rec2361905521 {
  background: #F0EFEB;
}

#rec2361905521 .t396__artboard {
  max-width: 1450px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}