#rec1251647101 {
  background: 
    linear-gradient(rgba(239, 63,59, 1)),
    url('https://static.tildacdn.com/tild3830-6233-4932-a663-313635646161/21c4d3f41dd1362e0047.jpg');
  background-size: cover;   
  background-position: center;
  background-repeat: no-repeat;
  background-color: linear-gradient(rgba(239, 63,59, 1));
}

.t-input__vis-ph { color: #ffffff !important; opacity: 1 !important;}
.t-input-title { color: #ffffff !important; }

/* 3) Когда поле в фокусе/заполнено (у некоторых шаблонов label «подпрыгивает») */
.t-input:focus + .t-input-title { color: #ffffff !important; }
.t-input:not(:placeholder-shown) + .t-input-title { color: #ffffff !important; }

/* 4) Цвет ошибок для текста/рамки на всякий случай */
.t-input-error, .t-input-errorbox { color: #ffffff !important; font-weight: bold; }
.t-input-error { border-color: #ffffff !important; font-weight: bold;}

.t-btnflex {
    padding: 10px 20px !important;
    border: 1px solid white !important;
}

.uc-redbox {
    opacity: 0.1 !important;
}



.table-wrap {
  margin: 20px auto;
  margin-bottom: 62px;
  max-width: 1080px;    /* максимум 1000px */
  width: 100%;          /* но может быть меньше */
  /*overflow-x: auto;     на маленьких экранах добавим скролл */
  font-family: Tilda Sans, sans-serif;
}

.custom-table {
  width: 100%;
  /*max-width: 100%;*/
  border-collapse: collapse;
  font-family: Tilda Sans, sans-serif;
  /*font-size: 1em;*/
  text-align: center;
  table-layout: auto;
}

/* Карта цветов для шапки */
.custom-table thead th:nth-child(1),
.custom-table thead th:nth-child(4) {
  background-color: #EF3F3B; /* красный */
  color: #fff;
  font-size: 0.8em;
}

.custom-table thead th:nth-child(2),
.custom-table thead th:nth-child(5) {
  background-color: #000000; /* черный */
  color: #fff;
  font-size: 0.8em;
}

.custom-table thead th:nth-child(3),
.custom-table thead th:nth-child(6) {
  background-color: #464646; /* темно-серый */
  color: #fff;
  font-size: 0.8em;
}

.custom-table th {
  /*background-color: #e74c3c; красный */
  color: #fff;
  padding: 7px 10px;
  border: 1px solid #ccc;
  word-wrap: break-word;
}

.custom-table th:nth-child(2),
.custom-table th:nth-child(3),
.custom-table th:nth-child(5) {
  /*background-color: #333;  черный фон для некоторых заголовков */
  color: #fff;
}

.custom-table td {
  border: 1px solid #ccc;
  padding: 4px 8px;
  word-wrap: break-word;
  font-size: 0.9em;
}

.custom-table tr:nth-child(even) td {
  background: #f8f8f8; /* чередование строк */
}


.custom-table td:last-child {
  text-align: left;
  white-space: nowrap;
  /*font-family: monospace;*/
  font-size: 0.9em;
  padding-left: 12px;
  max-width: 140px; /* 🔥 ограничим ширину, чтобы не тянуло всю таблицу */
  overflow-wrap: break-word;
}

/* А заголовок шестой колонки оставляем центрированным */
.custom-table th:last-child {
  text-align: center;
  font-family: Tilda Sans, sans-serif; /* или тот же, что у остальных */
}

.custom-table thead th:nth-child(7) {
  background-color: #464646; /* серый */
  color: #fff;
}



/* 📱 Адаптивные правки */
@media (max-width: 768px) {
  /*.table-wrap {*/
  /*  overflow-x: auto;*/
  /*}*/
  
  .custom-table {
    font-size: 0.9em; /* чуть меньше текст */
  }
  .custom-table th,
  .custom-table td {
    padding: 3px 6px;
  }
}

@media (max-width: 480px) {
  .table-wrap {
    overflow-x: auto; /* скролл только тут */
  }
  
  .custom-table {
    font-size: 0.8em;
  }
  .custom-table th,
  .custom-table td {
    padding: 2px 4px;
  }
  .custom-table td:last-child {
    white-space: normal;   /* теперь переносится */
    font-family: Tilda Sans, sans-serif; /* читаемее на мобилке */
    word-break: break-word; /* ломаем длинные артикулы */
  }
}