/* БАЗА */
.ec-cat .tn-atom{
  position: relative;
  will-change: transform;
  z-index: 1;
}

/* HOVER движение — оставляем как есть */
.ec-cat:hover .tn-atom{
  transform: translateY(-2px) scale(1.02);
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
}

/* ===== ФОН ПРИ HOVER ===== */
.ec-cat .tn-atom::before{
  content:'';
  position:absolute;
  inset: 0;

  /* стеклянный серо-синий */
  background: rgba(160, 170, 185, 0.22);

  /* мягкое размытие */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  /* форма как у shape */
  border-radius: 2px;

  /* лёгкое внутреннее свечение */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.15),
    0 10px 30px rgba(0,0,0,.25);

  opacity: 0;
  transition: opacity .35s ease;
  z-index: -1;
}

.ec-cat:hover .tn-atom::before{
  opacity: 1;
}
html {
  scroll-behavior: smooth;
}