.glass {
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);}

.glass .tn-atom {
    background-color:transparent!important;
}

.t604__imgwrapper .t-slds__bgimg {
    border-radius:10px;
}


@media (max-width: 768px) {
 .t-slds__wrapper.t-align_center  {margin: 0 20px!important;}
}


.menu * {
  width: max-content !important;
  display: block !important;
  transition: all 0.3s ease-in-out;
}

/* 1 — подчеркивание активного пункта */
.menu:hover .tn-atom, .menu.active .tn-atom {
  border-bottom: solid 2px #000 !important
}

/* 2 — цвет и прозрачность для активного пункта*/
.menu:hover .tn-atom a, .menu.active .tn-atom a {
  color: #000 !important;
  opacity: 0.3;
}

/* 3 — прозрачность неактивных пунктов меню */
.menu .tn-atom a {
  opacity: 0.9
}
.menu:hover .tn-atom a, .menu.active .tn-atom a {
  color: #000 !important;
  opacity: 1;
}