/* ========= ЕДИНЫЙ СТИЛЬ ТАБЛИЦ (в стиле ваших “пилюль”/акцента) ========= */

#allrecords table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(17,24,39,.01));
  border: 1px solid rgba(17,24,39,.12);
  border-radius: 16px;

  overflow: hidden;
  box-shadow: 0 12px 34px rgba(0,0,0,.07);
}

/* Ячейки */
#allrecords th,
#allrecords td{
  padding: 14px 16px;
  font-size: 16px;
  line-height: 1.25;
  color: rgba(17,24,39,.90);

  border-bottom: 1px solid rgba(17,24,39,.08);
  vertical-align: middle;

  transition: background-color .18s ease;
}

/* Разделители колонок */
#allrecords th + th,
#allrecords td + td{
  border-left: 1px solid rgba(17,24,39,.06);
}

/* “Зебра” очень мягкая */
#allrecords tbody tr:nth-child(even) td{
  background: rgba(17,24,39,.018);
}

/* Hover с вашим акцентом */
#allrecords tbody tr:hover td{
  background: rgba(225,80,150,.07);
}

/* Шапка */
#allrecords thead th{
  font-weight: 700;
  color: rgba(17,24,39,.92);
  background: linear-gradient(180deg, rgba(225,80,150,.14), rgba(225,80,150,.06));
  border-bottom: 1px solid rgba(225,80,150,.22);
}

/* Если таблица без thead (первая строка — заголовки) */
#allrecords table tr:first-child th{
  font-weight: 700;
  color: rgba(17,24,39,.92);
  background: linear-gradient(180deg, rgba(225,80,150,.14), rgba(225,80,150,.06));
  border-bottom: 1px solid rgba(225,80,150,.22);
}

/* Акцент: 3-я колонка = Цена */
#allrecords tbody td:nth-child(3){
  font-weight: 800;
  color: #e15096;
  white-space: nowrap;
}

/* Последняя строка без нижней линии */
#allrecords tbody tr:last-child td{
  border-bottom: none;
}

/* Мобилка: компактнее */
@media (max-width: 640px){
  #allrecords th,
  #allrecords td{
    padding: 11px 12px;
    font-size: 14px;
  }
}
/* ========= ЛИПКАЯ ШАПКА (ПК + мобильные) ========= */
/* Работает, когда у таблицы есть горизонтальный/вертикальный скролл в контейнере.
   На мобильных мы включим горизонтальный скролл, на ПК — тоже можно, если таблица шире блока. */

#allrecords thead th{
  position: sticky;
  top: 0;
  z-index: 3;
}

/* На случай "первой строки как шапки" без thead */
#allrecords table tr:first-child th{
  position: sticky;
  top: 0;
  z-index: 3;
}

@media (max-width: 640px){

  /* Таблица НЕ скроллится */
  #allrecords table{
    display: table;
    width: 100%;
    overflow: visible;         /* важно */
    table-layout: fixed;       /* ключ: колонки ужимаются по ширине экрана */
  }

  /* Разрешаем переносы */
  #allrecords th,
  #allrecords td{
    white-space: normal;       /* вместо nowrap */
    word-break: break-word;    /* чтобы длинные слова/модели не вылезали */
    overflow-wrap: anywhere;   /* современный перенос */
    padding: 10px 10px;
    font-size: 13px;
    line-height: 1.2;
  }

  /* Цена — в одну строку (чтобы не ломалась) */
  #allrecords tbody td:nth-child(3){
    white-space: nowrap;
  }

  /* Липкая шапка на мобилке часто конфликтует, лучше отключить */
  #allrecords thead th,
  #allrecords table tr:first-child th{
    position: static;
  }
}
#rec1797371551{
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#rec1799764641{
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* === T976: улучшение плашек + активная больше === */

/* Контейнеру разрешаем “вылезать” при scale */
.t976__wrapper{
  overflow: visible !important;
}

/* База для всех пунктов */
.t976__menu-link{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 10px 16px !important;
  border-radius: 14px !important;

  background: rgba(17,24,39,.06) !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  color: #111827 !important;
  text-decoration: none !important;

  transition: transform .16s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
  will-change: transform;
}

/* Hover */
.t976__menu-link:hover{
  background: rgba(17,24,39,.085) !important;
  border-color: rgba(17,24,39,.16) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.08) !important;
  transform: translateY(-1px);
}

/* Активная — больше */
.t976__menu-link.t-active{
  background: #e15096 !important; /* ваш акцент */
  border-color: transparent !important;
  color: #fff !important;

  box-shadow: 0 14px 30px rgba(225,80,150,.28) !important;
  transform: scale(1.06);
}

/* чтобы при hover активная не “прыгала” в другую сторону */
.t976__menu-link.t-active:hover{
  transform: scale(1.06);
}