:root {
  font-size: 16px; /* 1rem = 16px baseline */ --bg:#f8fafc; --card:#ffffff; --muted:#64748b; --accent:#0ea5e9; --text:#0f172a; --border:#cbd5e1; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; background: var(--bg); color: var(--text); }
.wrap { width:100%; margin: 0; padding: 0; }
.card { width:100%; background: var(--card); border:0.0625rem solid var(--border); border-radius: 0; box-shadow: 0 0.375rem 1rem rgba(0,0,0,.08); overflow: hidden; }
.head { display:flex; align-items:center; justify-content:space-between; padding: 0.3125rem 1.5rem; border-bottom:0.0625rem solid var(--border); background: #f1f5f9;}
.head h1 { font-size: 1.375rem; letter-spacing:0.0125rem; color:#303030; hyphens: auto;}
.head a { color: #303030; font-weight: 600;}
.headevent { display:flex; align-items:center; justify-content:space-between; padding: 0.3125rem 1.5rem; background: linear-gradient(359deg, #fdc495, #e5781e);}
.h1event { font-size: 1.375rem; letter-spacing:0.0125rem; color:#ffffff; hyphens: auto;}
.headevent a { color: #ffffff; font-weight: 600; }
@media (max-width: 50rem) {
  .head {
    flex-direction: column;
    align-items: flex-start;  /* выравнивание по левому краю */
    text-align: left;
  }
}
.badge { font-size:0.75rem; color:#0369a1; background: #bae6fd; padding:0.25rem 0.625rem; border-radius: 62.4375rem; font-weight: 700; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap:1rem; padding: 1rem 1.5rem; }
.field { display:flex; flex-direction:column; gap:0.5rem; }
.label { font-size: 1.125rem; color: var(--muted); }
.input { border:0.0625rem solid var(--border); background:#ffffff; color:var(--text); border-radius: 0.625rem; padding: 0.625rem 0.75rem; outline:none; font-size:1rem; }
.input:focus { border-color: var(--accent); box-shadow: 0 0 0 0.1875rem rgba(14,165,233,.15); }

/* десктоп и планшеты */
.table-wrap {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 85vh;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  border: 0.0625rem solid var(--border);
  border-bottom-left-radius: 0.75rem;
}
.table-wrap { --head-row1: 58px; } /* подбери 44px под себя */

.table-wrap thead tr:first-child th{
  top: 0;
  z-index: 3;
  height: var(--head-row1);
}

.table-wrap thead tr:nth-child(2) th{
  top: var(--head-row1);
  z-index: 3;
}
/* мобильные устройства */
@media (max-width: 40rem) {
  .table-wrap {
    max-height: 90vh;        /* до 90% экрана на телефонах */
    border: 0;
  }
}

.table-wrap table {
  width: 100%;
  border-collapse: separate; /* было: collapse */
  border-spacing: 0;         /* важен ноль, чтобы не было зазоров */
}
.table-wrap tbody td {
  padding: 0.1875rem 0.5rem;
  border-bottom: 0.0625rem dashed #dee0e4;
  font-size: 1rem;
  line-height: 1.3;
}
.column-begin {
  border-left: 0.0625rem dashed #dee0e4;
}
.table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #ffffff;
  text-align: center;
  font-size: 1rem;
  color: var(--muted);
  font-weight: 600;
  padding: 0.625rem 0.75rem;
  border-bottom: 0.0625rem solid var(--border);
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.08);
}

/* Белая подложка под каждым th, перекрывает щели между ячейками */
.table-wrap thead th::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -0.0625rem;
  height: 0.375rem;                /* можно 4–0.5rem по вкусу */
  background: #ffffff;
  pointer-events: none;
}
.table-wrap tbody tr:hover { background: #d1ecff; }
.number { width: 6.875rem; }

button { appearance:none; border:none; cursor:pointer; border-radius: 0.75rem; font-weight:700; letter-spacing:0.0187rem; }
.actions {
  display: flex;
  justify-content: center;
}
.btn-primary {
  position: fixed;
  display: flex;
  bottom: 0.25rem;
  gap: 0.5rem;
  align-items: center;
  background: linear-gradient(135deg, #22c55e, #16a34a); /* зелёный градиент */
  color: #fff;
  font-weight: 600;
  font-size: 1.125rem;
  padding: 0.875rem 1.75rem;
  border: none;
  border-radius: 0.875rem;
  cursor: pointer;
  box-shadow: 0 0.25rem 0.75rem rgba(22, 163, 74, 0.4);
  transition: transform 120ms ease, box-shadow 120ms ease, background 200ms ease;
  margin-bottom: 0.625rem;
  text-align: center;
}

.btn-primary:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.375rem 0.875rem rgba(22, 163, 74, 0.55);
  background: linear-gradient(135deg, #16a34a, #15803d);
}

.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 0.1875rem 0.5rem rgba(22, 163, 74, 0.5);
}

.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.note { color: var(--muted); font-size: 0.75rem; padding: 0 1.5rem 1.25rem; }
.center { text-align:center; padding: 3.75rem 1.5rem; }
.pill { display:inline-flex; gap:0.5rem; align-items:center; padding: 0.625rem 0.875rem; border:0.0625rem solid var(--border); border-radius: 62.4375rem; background:#f8fafc; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.tabs {
  display: flex; gap: 0.5rem; list-style: none; margin: 0; padding: 0 1.5rem;
}
.tab {
  padding: 0.5rem 0.75rem; cursor: pointer; border: 0.0625rem solid transparent;
  border-radius: 0.625rem 0.625rem 0 0; user-select: none; color: var(--muted);
  font-weight: 500; background: #ebeef2;
}
.tab.active {
  color: var(--text); background: #eaf2fb; border-color: var(--border) var(--border) #eaf2fb var(--border);
}
.tab-pane { display: none; }
.tab-pane.active { display: block; }

.input.invalid {
  border-color: #dc2626;
  background-color: #fef2f2;
}

/* общая сетка для полей */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
  gap: 1rem;
}

/* мобильный режим — в одну колонку */
@media (max-width: 40rem) {
  .grid {
    grid-template-columns: 1fr;  /* все поля в один столбик */
  }
}

.totals { display: grid; row-gap: 0.5rem; padding: 0.75rem 1rem; font-size: 1.125rem;}

.total-line {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  column-gap: 0.625rem;
}
.total-line strong {
  font-size: 1.125rem;
}

#selection-summary {
  margin-left: 1rem;
  font-size: 0.9rem;
}

.summary-table {
  border-collapse: collapse;
  margin-top: 0.5rem;
  background: #fff;
  width: auto;          /* ширина под содержимое */
  max-width: 100%;      /* не вылезет за контейнер */
  table-layout: auto;   /* колонки подстраиваются */
}

.summary-table th,
.summary-table td {
  border: 0.0625rem solid #e5e7eb;
  padding: 0.375rem 0.625rem;
  text-align: left;
  white-space: nowrap;   /* строки не ломаются, пока хватает ширины */
}

.summary-table td {
  white-space: normal;   /* но если текст очень длинный — переносим */
}

.summary-table th {
  background: #f9fafb;
  font-weight: 600;
}

.photo-modal {
  display: none;               /* по умолчанию скрыто */
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.7);
  align-items: center;
  justify-content: center;
}

.photo-modal-content {
  max-width: 90%;
  max-height: 90%;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,0.5);
  animation: zoomIn 0.2s ease;
}

@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

.photo-modal-close {
  position: absolute;
  top: 0.75rem; right: 1.25rem;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
}

.form-hint {
  margin: 1rem 1rem 7rem 1rem;
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  color: #444;
  background: #f9f9f9;
  border-left: 0.25rem solid #4caf50;
  border-radius: 0.375rem;
}

.form-hint a {
  color: #2e7d32;
  font-weight: 500;
  text-decoration: none;
}

.form-hint a:hover {
  text-decoration: underline;
}

/* значение + бейдж как единый блок (не ломаем сетку) */
.value-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;     /* не переносим бейдж */
}

.total-line .currency { white-space: nowrap; }


.submit-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

.vpn-badge {
  padding: 0.375rem 0.625rem;
  border-radius: 0.5rem;
  background: #fef2f2;
  border: 0.0625rem solid #fecaca;
  color: #b91c1c;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
}

td.price {
  /* white-space: nowrap; */
  text-align: center;
}

.table-search { margin: 0rem 1.5rem 1rem 1.5rem; display: flex; justify-content: flex-start; }

.searchbar {
  position: relative;
  width: min(26.25rem, 100%);
}

#table-search {
  width: 100%;
  padding: 0.625rem 2.375rem 0.625rem 2.375rem;   /* место под иконки слева/справа */
  border: 0.0625rem solid #d1d5db;
  border-radius: 624.9375rem;          /* «пилюля» */
  font-size: 1rem;
  outline: none;
  transition: box-shadow .15s, border-color .15s;
  background: #fff;
}

#table-search:focus {
  border-color: #60a5fa;
  box-shadow: 0 0 0 0.1875rem rgba(96,165,250,.25);
}

.search-icon {
  position: absolute;
  left: 0.8125rem; top: 50%; transform: translateY(-50%);
  width: 1.125rem; height: 1.125rem; fill: #9ca3af;
  pointer-events: none;
}
@media (max-width: 50rem) {
  .table-search {
    flex-direction: column;
    align-items: flex-start;  /* выравнивание по левому краю */
    text-align: left;
  }
  #table-search {
    margin-left: 1.25rem;
  }
  .search-icon {
    margin-left: 1.25rem;
    transform: translateY(-50%);
  }
}

.filter-bar {
  display: flex; 
  align-items: center; 
  gap: 0.5rem;
  margin-left: 1rem;
}

.clear-btn {
  position: absolute;
  right: 0.5rem; top: 50%; transform: translateY(-50%);
  width: 1.625rem; height: 1.625rem;
  border: 0; border-radius: 50%;
  background: #e5e7eb; color: #374151;
  font-size: 1rem; line-height: 1;
  cursor: pointer;
}
.clear-btn:hover { background: #d1d5db; }

#table-search::-webkit-search-cancel-button,
#table-search::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

#table-search::-ms-clear { /* старый Edge/IE */
  display: none;
  width: 0;
  height: 0;
}

mark.highlight {
  background: #fef08a; /* мягко-жёлтый */
  color: inherit;      /* сохраняем цвет текста */
  padding: 0;
}

/* Контейнер: 2/3 слева, 1/3 справа */
.summary-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem 1.5rem;
  align-items: start;
  margin-top: 1rem;
}

/* Левая колонка — всё по левому краю */
.summary-left {
  text-align: left;
  max-width: 100vw;
}

/* Правая колонка — всё по правому краю */
.summary-right {
  text-align: right;
}

/* Таблица "Вы выбрали" — авто ширина, но не шире контейнера */
.summary-table {
  width: auto;
  max-width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.summary-table th, .summary-table td {
  border: 0.0625rem solid #e5e7eb;
  padding: 0.375rem 0.625rem;
  text-align: left;
  white-space: nowrap;
}
.summary-table td { white-space: normal; }

.clear-selection-btn {
  margin-top: 1rem;
  padding: 0.375rem 0.875rem;
  background: #636568; color: #fff; border: none; border-radius: 0.375rem;
  cursor: pointer; font-size: 1rem; transition: background .2s;
}
.clear-selection-btn:hover { background: #dc2626; }

/* Блок totals: трёхколоночная мини-сетка для выравнивания */
.totals { display: grid; row-gap: 0.375rem; padding: 0.75rem 1rem; }
.total-line {
  display: grid;
  grid-template-columns: 1fr auto auto; /* текст | значение | ₽ */
  align-items: center;
  column-gap: 0.625rem;
}
.value-badge {
  display: inline-flex; align-items: center; gap: 0.5rem; white-space: nowrap;
}
.total-line .currency { white-space: nowrap; }

/* Адаптив: на узких экранах в одну колонку */
@media (max-width: 56.25rem) {
  .summary-grid {
    grid-template-columns: 1fr;
  }
  .summary-right { text-align: left; } /* на мобиле выравниваем как слева */
  .clear-wrap { text-align: left; }
}


.total-line {
  display: grid;
  grid-template-columns: 1fr auto auto; /* текст+бейдж | число | ₽ */
  align-items: center;
  column-gap: 0.625rem;
}

.label-with-badge {
  align-items: center;
  white-space: nowrap;
}

.saving-badge {
  padding: 0.4rem 0.7rem;
  border-radius: 624.9375rem;
  background: #16a34a;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 0.125rem 0.375rem rgba(22,163,74,.25);
  vertical-align: middle;
  justify-self: end;
}

.saving-badge {
  padding: 0.4rem 0.7rem;
  border-radius: 624.9375rem;
  background: #16a34a;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: 0 0.125rem 0.375rem rgba(22,163,74,.25);
  vertical-align: middle;
  justify-self: end;
}

.photo-cell {
  text-align: center;
}
.clickable-photo {
  user-select: none;
  -webkit-user-select: none; /* Safari/Chrome */
  -moz-user-select: none;
  -ms-user-select: none;

  -webkit-user-drag: none;   /* запрет «перетаскивания» картинки */
  -webkit-tap-highlight-color: transparent; /* мобильные "подсветки" */
  max-width:21.875rem; max-height:21.875rem; object-fit:cover; cursor: zoom-in;
}

.cell-feature {
  min-width: 10rem;
}



/* Lightbox */
.lightbox{position:fixed;inset:0;display:none;z-index:1000}
.lightbox.is-open{display:block}
.lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
/* контейнер оставляем гридом с 3 колонками */
.lb-frame{
  position: absolute;
  inset: 4vh 6vw;              /* стабильно на любых экранах */
  background:#111;
  border-radius:0.625rem;
  display:flex;                /* вместо grid – проще центрировать */
  align-items:center;
  justify-content:center;
  overflow:hidden;             /* важное: не позволяем картинке вылезать */
  box-sizing: border-box;
}

/* 👉 кладём картинку в центральную колонку и центрируем */
#lb-img{
  display:block;
  max-width: 100%;
  max-height: 100%;
  width:auto;
  height:auto;
  object-fit: contain;         /* вписываем с сохранением пропорций */
  pointer-events:none;         /* чтобы клики доходили до стрелок поверх */
}
.lb-nav,.lb-close{
  position:absolute;z-index:2;background:rgba(255,255,255,.4);color:#fff;
  border:0;border-radius:0.5rem;width:2.75rem;height:2.75rem;cursor:pointer;
  font-size: 1.875rem;
}
.lb-nav {
  padding-bottom: 0.1875rem;
}
.lb-prev{ left:0.75rem; top:50%; transform:translateY(-50%); }
.lb-next{ right:0.75rem; top:50%; transform:translateY(-50%); }
.lb-close{ right:0.75rem; top:0.75rem; }
.lb-counter{position:absolute;left:1rem;bottom:0.75rem;color:#fff;font-size:0.875rem;opacity:.9}
@media (max-width: 40rem){
  .lb-frame{ inset: 0; border-radius:0; }
  .lb-prev{ left:0.375rem; }
  .lb-next{ right:0.375rem; }
}

.switch {
  position: relative;
  display: inline-block;
  width: 2.875rem;
  height: 1.5rem;
}
.switch input { display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 1.5rem;
}
.slider:before {
  position: absolute;
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: #28a745;
}
input:checked + .slider:before {
  transform: translateX(1.375rem);
}
/* зебра по группам */
.zebra-odd tr:not(.highlight)  { background: #ffffff; }
.zebra-even tr:not(.highlight) { background: #f3f4f5; }


/* подсветка выбранной */
.table.striped tbody.group tr.highlight {
  background: #ffeab5;
}

/* границы между строками */
.table.striped tbody.group tr {
  border-bottom: 0.0625rem solid #e0e0e0;
}

/* лёгкая граница между группами */
.table.striped tbody.group:last-child tr:last-child {
  border-bottom: 0.0625rem solid #ccc;
}

/* скрытое содержимое первой строки — ничего не занимает */
td.ghost-cell {
  visibility: hidden;          /* не видно, но колонка остается */
  pointer-events: none;
}

/* делаем «плоской» первую строку, если она не в наличии */
tr.ghost-row td:not(.photo-cell) {
  padding: 0 !important;       /* было 0.5rem — убираем и по бокам */
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;     /* чтобы текст/inline не давали высоту */
  border: 0 !important;
  background: transparent !important;
}

/* на всякий случай полностью прячем вложенные элементы */
tr.ghost-row td:not(.photo-cell) > * {
  display: none !important;
}

.snow-btn {
  position: relative;
  overflow: hidden;
  z-index: 0;
  color: white;
  background-color: deepskyblue;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  box-shadow: 0 0.25rem 0.75rem rgba(15, 191, 255, 0.6);
  margin-left: auto;
}

.snow-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image: url(data:image/png;base64,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), url(data:image/png;base64,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), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAANWklEQVR4nO3d3Ytd53XA4Yw0+rbkLym2LDlWFEskSsHGsYpbXCtCN8aG0LpQQUjA7k0oVUluGl3YBIrbv/vtWtlnRyeDgtbM6Mw6e+a5eEbtBMJv2CfrvPv7B2OMH6zshFMrO2u/B9gKz/ulYQVspfYAgKr2AICq9gCAqvYAgKr2ANiQ+az36bC7+ndnOKm0aO0BsCE5rM6H18O18Go4t/p9dxsH1B4AG5BDKYfTO+Hj8CB8MKbBdWZYZS1WewBsQA6sy+HD8E14Gh6Hu+HSMLAWqz0ANiCPV+Uu4P3wJHw/psH182FgLVp7AGxArrAuhvfD52NaXT0MPxrTrqKBtVDtAbABOZDyzOCVcDPcDtfHtLqazxZ2N3IA7QGwITmUcjjliirPFp4dbuxfvPYA2KCd5+hu4hDaAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gPYCq5RYhHaA2g1Xw2ej1w5O9y2wpZrD6DN+v12b4cb4Y3hIXdssfYA2uRQeiXcCY/CF+GjcHVMg8xKi63THkCLeXX1Zvin8PvwXfgq/Hh4BAtbqj2ANvPA+nRMA+vbMQ2sW2N6uoGBxdZpD6BNHmC3S8iitAfQZt4tzGefO+jOIrQH0Gp+d9+ZFSsrtlp7AEBVewBAVXsAQFV7AEBVe8DCzAep57evOEANR6g9YEHms2n5gs68funCmM6quQQAjkh7wELkSiqHVV6n9JMxvfL81pheh+4JB3BE2gMWIldR+dbgn4Z/Cf8+pleg3xrTSsvAgiPQHrAQuYrK1dTfh/8K/zemoZUrrdw9tFsIR6A9YCHmR7H8Xfj1mIbWP49p9/DCMLDgSLQHLETu8uUTOX84pqGVK63cPcxjWm5ngSPSHrAguYrKoZUrrdw9zGNazhLCEWoPWJj167Dma7G6m+DEaA8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8AqGoPgCOQb+k+HXZX/3pj90K1B8AG5WDKIXUxvBGuhivh7DC0Fqk9ADYoV1Y5rG6FfwgPws/Da8NKa5HaA2BD5tVVrqxyWP1H+O/wq/CjcG4YWIvTHgAbMg+sa+GzMQ2r/wn/Fn4czg8Da3HaA2CDcpfwcrg3ppVVDqt/DG+FM8PAWpz2ANigHEg5mPKYVe4G5soqh9WFMQ2z7j72qT0ANmzeNTy3kgPMsFqo9gA4Ajsrp4bdwEVrDwCoag8AqGoPAKhqDwCoag8AqGoPAKhqDwCoag8ANma+/qy746VpDwBeurxANq/uz+d+zVf2H4vB1R4AvFQ5mPIWpHyszo3w9phuAN8dx2BotQcAL81832Q+WfWj8EV4FO6EV8b00MLuxkNpDwBemnl1dSt8Fb4Lvw+fjmmI7W5B46G0BwAvzd6B9e0wsIAt9aJdwsU/Vqc9AHipcig56A4sxrzSOjNc1gDQoz0AoKo9AKCqPQCgqj0AoKo9AKCqPQCgqj0AoKo9gK0zv3A07+zfXf17bC48ZNnaA9g6OZzywW+vhmvhtXB+TIPL0KJVewBbJQdS3sqRg+qD8CB8HN4Z0/1pBhat2gPYKjmQLoW74XF4Gr4JH47pBtrF3+3PsrUHsFVyIOVjSO6Fr8P/hifh/ph2ERf/xEqWrT2ArZIrrDxedTM8HNMq6/Pwfrg4rLBo1h7AVsmBlauo3C3M41a3xzS8roxj8jwllq09gK0zX9aQZwpztZUH250hZCu0B7C1dvbo7gEDC1iO9gCAqvYAgKr2AICq9gCAqvYAgKr2AICq9oATYv0ZU25vgQNqDzjm5ltd8mrxfNpB3uKS9+S5zQUOoD3gmMvVVN7ecmNMj2jJpx7kjcQ5uNzuAvvUHnCM5TDKldTrYxpU+VypfFRLPv0gbyg+Owws2Jf2gGNsHlj59M4HY3oY3vdjemRLPgXh/DCwYF/aA4653CXMB9/l44ZzUOUqK58zdX1MjyI2sGAf2gOOuRxYecA9V1n52OF8kue7Y3relDfRwD61Bxxz8+UMuZrKs4M5qLyBBg6oPeCEmAeXVRUcQnsA7IOHCZ5w7QFQsL5rnZeDuPD2hGoPgBfIQZUDKu8UyLOreRHuG2M6meE2pxOmPQBeIE9Q5LsS74RH4YvwUbg6rLROnPaAv8ELEJjlUHozfBr+EL4LX4VbY1pl+XycIO0Be6y/YurSytnh7NpJlgMrV1PzwPp2GFgnVnvAHjmYLozpWMXPVq6vfueDeTLZJeQv2gP2mL9NPwm/XflkPPtwdvdx9OZ7Mh10Z+sGVp62zicZfBn+tPLl6ndntqCPHvNzxebLGjwI8YRqD1iTH8r8QL4VPgu/W/ls9Ts3C+MkzAnXHrBHfmvmgfb3wi9W3hvPbhbu7gMatQfsMS/98yD7lZULw83CwNi+gZXmZf/80ga7AcCftQe8gGEF/EV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAcOLML0reGft892h3ODzP+pu/d8ezD3d3F4eX2/N8eCVcDGf2s32742Gv/ODmhzg/0G+u5P+9OwytpcvBdCm8G+6Fu+FaOFfdtt1/AIczr0TWl9fdTYeVf8vlcCd8unJn9btTW9DHwcxfRNfDw/BNeBw+DK+OaTX9wv+e7j+Cg2/83MAHXlpvqflD/XZ4FP6w8mj1uzML//tOstxu+Xm9PaZB9X34Y/jlmFZZpRV09x/BwTb8oZfWW2oeWDfCF+G7lS9WvzOwliu329lwM3we/nNMq6z74fVhhXWs5f9w3xmHWFpvsex/I3wU/nXlo9XvHMdarnmv4Ep4f0yDKj+z+UWUK6/S7n73H8HBNnxu4J+MZ0vrp+HBeLa07m487N+XK8Wr4dbK1bH81SPT9svPZx7CyC/Xy6vt6izhMTYvrXN3MJfWT8YBltZbLj/AuYo8vzJf2tDdxeGtnyja9zHX7ngOtsGft7TOXcTy0noB5rOeSz+RwEvUHsCBHHppDUvUHsChzKstg4oToT2AQzOoODHaAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraAwCq2gMAqtoDAKraA/6GnS1oALZMe8AeOahOhdOrf3eG4QWstAfssRsuhlfD5XBuPBtc3W1As/aANbmquhLeD/fDh+FGOD+modXdB4exs0d3zyK1B6xtzLPhZvg8PAnfjGlwvT6mlVd3IxzEfJgjP9/nV/+eHobWgbQHrG3U3Ji3w+Pwffhj+GW4NqaBZQOzNPOwuhSuj+nznV/KuSfhS/gA2gPWNuyZ1UZ9GL4e0+DK3cI8nnV6Cxphv+Yv4nfH9OWbn+ncg8jDHheHL+F9aw9Y27DzN1Fu3Hvh7phWV+dsWBYqP9OvjOnz/PWY9hzycEce6pi/iH2296E9YM3OagOeX23k/AY6M5wlZLnyc5uf4/zyzdXV0zEdm809hzwL7mTSPrUHPGcDO5vCcTEf6sg9hQ/Cg/BxeGc8u2Snu3FR2gPgmJvPEOYuYA6uPOs9X6rjC3mf2gPgmFu/e2N3/PVdHN1ti9MeACeIIXVI7QEAVe0BAFXtAQBV7QEAVe0BAFXtAQBV7QEAVe0BAFXtAQBV7QEcCVdYcyy0B7BR831s+cSAvAF3d7iPjQVrD2Cj8kbbfCjiW2N6NO/VcGF4gisL1R7AxuQqKofTe+Gz8GX4ZEyPoT47rLJYoPYANiZ3/fJlB78Ivwt/Cr8NPxvTqsvAYnHaA9iY+T2P6wPrN+Gnw8BiodoD2Bi7hBw77QFs1HzQ/Yfjrw+6e5Y4i9QewEatX9aQPJ6XRWsP4Eh4AxHHQnsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEBVewBAVXsAQFV7AEDV+v+zE06F06t/2+MA1uWPeVCdC5fDlXAx7K7+s/ZIgJQ/clidDzfCh+F+eH9MgytXW4YWsBXyR66kXhvToPomPAmfh5vh7DCwgO2wkz/OhKvhQXgavg+Pw+0xrbwMLGAb/Hlg5W5f7v59MKZBlaush+H6mIaZgQVshfyRAyl3/a6Fu+FeeDdcGtPxLQML2Ar5Yz5LmKupiyt5xtABd2Cr/D8qJDYjzroQPgAAAABJRU5ErkJggg==);
  animation: snow 40s linear infinite;
  background-repeat: repeat;
}

/* .snow-mode {
  background: #eaf6ff;
} */
.snow-btn.active {
  background: #007dd1;
}
/* Зимний режим — фон таблицы */
.table.snow-mode tbody.group tr {
  background: #eaf6ff !important;   /* мягкий голубой */
}

/* Чуть темнее для зебры */
.table.snow-mode tbody.group tr:nth-child(even) {
  background: #dff0ff !important;
}

/* Если есть объединённые строки — тоже их красим */
.table.snow-mode td {
  background: transparent !important;
}
.table.snow-mode tbody.group tr {
  background: #eaf6ff !important;
}
.table.snow-mode tbody.group tr:nth-child(even) {
  background: #dff0ff !important;
}


/* твой keyframes можно оставить как есть */
@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 1800px 2000px, 1600px 1600px, 1400px 1200px;
    }
}

.btn-preorder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0rem 0rem 1rem;
  padding: 0.875rem 1.75rem;
  border-radius: 0.875rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #4cd5ff, #726aff);
  box-shadow: 0 0.25rem 0.75rem rgba(79, 70, 229, 0.4);
  transition: all 0.2s ease;
}

.btn-preorder:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.375rem 1rem rgba(79, 70, 229, 0.55);
  background: linear-gradient(135deg, #349dff, #342ae9);
}

.btn-preorder:active {
  transform: translateY(0);
  box-shadow: 0 0.2rem 0.6rem rgba(79, 70, 229, 0.4);
}

.btn-preorder-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 1rem 0rem 0rem 1rem;
  padding: 0.875rem 1.75rem;
  border-radius: 0.875rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, #ff8fa2, #825bc6);
  box-shadow: 0 0.25rem 0.75rem rgba(79, 70, 229, 0.4);
  transition: all 0.2s ease;
}

.btn-preorder-back:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.375rem 1rem rgba(79, 70, 229, 0.55);
  background: linear-gradient(135deg, #d45f73, #7145bd);
}

.btn-preorder-back:active {
  transform: translateY(0);
  box-shadow: 0 0.2rem 0.6rem rgba(79, 70, 229, 0.4);
}

tbody.group[data-winter="1"] td.cell-nomenclature::before {
  content: "❄ ";
}
tbody.group[data-winter="1"] tr:not(.highlight):not(:hover) td {
  background: linear-gradient(1deg, #ecf7ff, #f7fcff);
}

/* ====== Мобильная версия: строка делится на фото и остальное ====== */
@media (max-width: 800px) {
  thead {
    display: none;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
  }

  /* отключаем поведение таблицы */
  table, tbody, tr, td, th {
    display: block;
  }

  /* добавляем отступы между "строками" */
  tbody tr {
    border: 0.0625rem solid #ddd;           /* 1px → 0.0625rem */
    border-radius: 0.625rem;                /* 10px → 0.625rem */
    margin-bottom: 0.75rem;                 /* 12px → 0.75rem */
    overflow: hidden;
    background: #fff;
  }

  /* первая ячейка с фото идёт первой отдельной строкой */
  td.photo-cell {
    display: block;
    text-align: center;
    padding: 0.5rem;                        /* 8px → 0.5rem */
    border-bottom: 0.0625rem solid #eee;
  }

  td.photo-cell img {
    width: 100%;
    height: auto;
    max-height: 28vh;                       /* 220px → ~28vh (зависит от высоты экрана) */
    object-fit: contain;
  }

  /* остальные ячейки — внизу карточки */
  tr td:not(.photo-cell) {
    display: inline-flex;
    padding: 0.375rem 0.5rem;               /* 6px 8px → rem */
    box-sizing: border-box;
    align-items: center;
  }

  /* чтобы номенклатура и характеристика занимали всю ширину */
  td.cell-nomenclature,
  td.cell-feature {
    width: 100%;
    font-weight: 600;
  }

  /* небольшие подписи */
  td.cell-availability::before {
    content: "Наличие: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-dealer::before {
    content: "Цена дилер: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-rrc::before {
    content: "РРЦ: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-warehouse::before {
    content: "Со склада: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-way::before {
    content: "В пути: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-production::before {
    content: "В производстве: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-price-preorder::before {
    content: "Предзаказ: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }
  td.cell-order::before {
    content: "Заказ: ";
    font-weight: 500;
    color: #555;
    margin-right: 0.5rem;
  }

  /* поле ввода заказа на всю ширину */
  td.cell-order input {
    box-sizing: border-box;
    min-width: fit-content;
  }
  .table-search{ display: flex; justify-content: stretch; }
  .searchbar{ width: 100%; }
  .filter-bar {  margin-left: 0rem; margin-top: 1rem; margin-bottom: 0.5rem;}
  #table-search{ font-size: 1rem; padding: .625rem 2.25rem; margin-left: 0; }
  .search-icon{ left: 14px; margin-left: 0; }

    .tabs {
    display: flex;
    flex-wrap: nowrap;           /* не переносить элементы */
    gap: 8px;
    overflow-x: auto;            /* горизонтальный скролл */
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;  /* инерция iOS */
    touch-action: pan-x;         /* жест по оси X */
    padding: 6px 8px;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .tabs::-webkit-scrollbar { display: none; } /* скрыть полоску в WebKit */

  .tabs .tab {
    flex: 0 0 auto;              /* не растягивать */
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
  }
  .tabs .tab.active {
    background: #e6f6ff;
    border-color: #7cc7ff;
  }

  .summary-table {
    margin-right: 1.5rem;
  }
  .summary-table td {
    border: 0;
  }
}