/* Состояния :hover, перенесённые из макета.
   !important нужен потому, что базовые стили элементов заданы инлайн (см. base.css). */

.hov-1:hover{color:#2b383d !important}
.hov-1{position:relative}
.hov-1::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:#157a43;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform 260ms cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.hov-1:hover::after{transform:scaleX(1)}
.nav-active::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  .hov-1::after{transition:none}
}
.hov-2:hover{background:#0f5c33 !important;color:#ffffff !important}
.hov-3:hover{border-color:#2b383d !important;color:#2b383d !important}
.hov-4:hover{background:#eef2f3 !important;color:#3f5057 !important}
.hov-5:hover{border-color:#157a43 !important;box-shadow:0 2px 6px rgba(43,56,61,.10) !important;color:#3f5057 !important}
.hov-6:hover{background:#eef2f3 !important}
.hov-7:hover{color:#ffffff !important}
.hov-8:hover{border-color:#2b383d !important}
.hov-9:hover{background:#0f5c33 !important}
.hov-10:hover{border-color:#b9c5ca !important}
.hov-11:hover{background:#0f5c33 !important;color:#fff !important}
.hov-12:hover{color:#fff !important}
.hov-13:hover{color:#0f5c33 !important}
.hov-14:hover{color:#157a43 !important}
.hov-15:hover{color:var(--white) !important}

/* Карточки вкусов Chiko-Choko */
.flavor-card:hover{box-shadow:var(--shadow-2) !important}
.hero-can{will-change:height}

/* Пружинный хов/пресс для кнопок-пилюль (шапка, футер/CTA-блок, все hov-2/hov-3).
   !important — переопределяет инлайновый transition (см. шапку файла). */
.hov-2,.hov-3{
  transition:transform 220ms cubic-bezier(.16,1,.3,1),
    background 120ms cubic-bezier(.4,0,.2,1),
    border-color 120ms cubic-bezier(.4,0,.2,1),
    color 120ms cubic-bezier(.4,0,.2,1) !important;
}
.hov-2:hover,.hov-3:hover{transform:scale(1.02)}
.hov-2:active,.hov-3:active{transform:scale(.93)}

@media (prefers-reduced-motion:reduce){
  .hov-2,.hov-3{transition:background 120ms cubic-bezier(.4,0,.2,1),border-color 120ms cubic-bezier(.4,0,.2,1),color 120ms cubic-bezier(.4,0,.2,1) !important}
  .hov-2:hover,.hov-3:hover,.hov-2:active,.hov-3:active{transform:none}
}