/* ===== MENU UNDERLINE (по URL, без data-elem-id) ===== */

/* Вариант 1: если Tilda делает <a href="..."> */
.t396 a[href="/"],
.t396 a[href="/konferenc-zal"],
.t396 a[href="/svobobnye-pomeshcenija"],
.t396 a[href="/kontakty"]{
  position: relative;
  display: inline-block;
}

/* Вариант 2: если ссылка хранится как data-href на .tn-atom */
.t396 .tn-atom[data-href="/"],
.t396 .tn-atom[data-href="/konferenc-zal"],
.t396 .tn-atom[data-href="/svobobnye-pomeshcenija"],
.t396 .tn-atom[data-href="/kontakty"]{
  position: relative;
  display: inline-block;
}

/* Линия (тонкая, как договорились) */
.t396 a[href="/"]::after,
.t396 a[href="/konferenc-zal"]::after,
.t396 a[href="/svobobnye-pomeshcenija"]::after,
.t396 a[href="/kontakty"]::after,
.t396 .tn-atom[data-href="/"]::after,
.t396 .tn-atom[data-href="/konferenc-zal"]::after,
.t396 .tn-atom[data-href="/svobobnye-pomeshcenija"]::after,
.t396 .tn-atom[data-href="/kontakty"]::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:0;
  height:1.5px;
  background:#901717;
  transform:translateX(-50%);
  transition: width .25s ease;
}

/* Hover — только линия, текст остаётся белым */
.t396 a[href="/"]:hover::after,
.t396 a[href="/konferenc-zal"]:hover::after,
.t396 a[href="/svobobnye-pomeshcenija"]:hover::after,
.t396 a[href="/kontakty"]:hover::after,
.t396 .tn-atom[data-href="/"]:hover::after,
.t396 .tn-atom[data-href="/konferenc-zal"]:hover::after,
.t396 .tn-atom[data-href="/svobobnye-pomeshcenija"]:hover::after,
.t396 .tn-atom[data-href="/kontakty"]:hover::after{
  width:100%;
}

/* Active (подчёркнуто постоянно) */
.active-menu::after{
  width:100% !important;
}