/* Карточка-сертификат в слот f-19. Hand-written (НЕ gen-page).
   Координаты — нативные из фрейма «Cerificate» (Certificate_object.fig),
   сдвинуты в origin content-box (x-80, y-354). Шапка фрейма (PASYAKIN
   SYSTEM / REGISTRY CERTIFICATE / House of Masters) исключена — она уже
   на странице (f-2/f-21/f-1). Content-box 1485x751 → scale в слот 1008x524.
   По ширине слот 1008 даёт scale 0.6788 (высота 510), но фото f-3 начинается
   на y=1020 (слот сверху 528), доступно по высоте 528→1020 = 492px. Берём
   Для «воздуха»: scale 0.63 → высота 473 (низ ~1001, зазор ~19px до фото),
   ширина 1485*0.63 = 936, центрируем (left = (1008-936)/2 = 36). Колонка
   значений сдвинута 266→286 — зазор лейбл↔текст (заметно в длинных RU). */

.fig-registry .f-19 { overflow: hidden; }

/* Шапка: боксы f-2/f-21/f-1 заданы под ширину EN-текста; RU «Регистрационный
   сертификат» (335px) шире своего бокса (210px) → с text-align:start уезжает
   вправо от центра. Центрируем по полной ширине канваса для обеих локалей. */
.fig-registry .f-2,
.fig-registry .f-21,
.fig-registry .f-1 { left: 0; width: 1440px; text-align: center; }

.cert-card {
  position: absolute;
  left: 36px;
  top: 0;
  width: 1485px;
  height: 751px;
  transform: scale(0.63);
  transform-origin: top left;
  font-family: 'Maven Pro', sans-serif;
  color: #1e1e1e;
}

.cert-card .cc { position: absolute; margin: 0; white-space: nowrap; }

/* Разделители (.fig sw:0.5 #989ca0) */
.cert-card .cc-line { height: 1px; background: #989ca0; }

/* Лейблы — Maven Pro Regular #666565 */
.cert-card .cc-lbl { font-weight: 400; font-size: 24px; line-height: 100%; color: #666565; }

/* Значения — Maven Pro Medium #1e1e1e */
.cert-card .cc-val { font-weight: 500; color: #1e1e1e; }

/* === Registry Index row (Group 4) === */
.cert-card .cc-l1   { top: 0;   left: 0; width: 1485px; }
.cert-card .cc-l2   { top: 74px; left: 0; width: 1485px; }
.cert-card .cc-idx-lbl  { top: 26px; left: 0;    letter-spacing: 0.06em; }
.cert-card .cc-idx-val  { top: 18px; left: 286px; font-size: 32px; line-height: 100%; letter-spacing: 0.06em; }
.cert-card .cc-idx-date { top: 18px; left: 1267px; width: 218px; font-size: 32px; line-height: 100%; letter-spacing: 0.06em; text-align: right; }

/* === Grid Object/Master/... (Group 11) === */
.cert-card .cc-g-object   { top: 120px; left: 0; letter-spacing: 0.06em; }
.cert-card .cc-g-master   { top: 171px; left: 0; letter-spacing: 0.06em; }
.cert-card .cc-g-material { top: 251px; left: 0; letter-spacing: 0.06em; }
.cert-card .cc-g-system   { top: 303px; left: 0; letter-spacing: 0.06em; }
.cert-card .cc-g-registry { top: 355px; left: 0; letter-spacing: 0.06em; }

.cert-card .cc-v-name     { top: 106px; left: 286px; font-size: 40px; line-height: 100%; letter-spacing: 0.06em; }
.cert-card .cc-v-master   { top: 168px; left: 286px; width: 552px; font-size: 26px; line-height: 100%; letter-spacing: 0.06em; white-space: normal; }
.cert-card .cc-v-material { top: 250px; left: 286px; font-size: 26px; line-height: 100%; letter-spacing: 0.06em; }
.cert-card .cc-v-system   { top: 302px; left: 286px; font-size: 26px; line-height: 100%; letter-spacing: 0.06em; }
.cert-card .cc-v-registry { top: 354px; left: 286px; font-size: 26px; line-height: 100%; letter-spacing: 0.06em; }

/* APPROVED (статус) */
.cert-card .cc-approved { top: 338px; left: 939px; font-weight: 500; font-size: 40px; line-height: 130%; letter-spacing: 0.04em; color: #1e1e1e; }

/* Печать-LOGO (галочка) — готовый pasyakin-seal.svg */
.cert-card .cc-seal { top: 263px; left: 1222px; width: 250px; height: 241px; }
.cert-card .cc-seal img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* === Trace Verification + System Statement (Group 12) === */
.cert-card .cc-tl1 { top: 433px; left: 0; width: 1159px; }
.cert-card .cc-trace-lbl { top: 452px; left: 0; letter-spacing: 0.04em; }
.cert-card .cc-trace-txt { top: 456px; left: 286px; width: 655px; font-size: 24px; line-height: 100%; letter-spacing: 0.06em; white-space: normal; color: #1e1e1e; }
.cert-card .cc-trace-txt a { color: #1e1e1e; text-decoration: underline; }

.cert-card .cc-tl2 { top: 559px; left: 0; width: 1485px; }
.cert-card .cc-stmt-lbl { top: 581px; left: 0; letter-spacing: 0.04em; }
.cert-card .cc-stmt-txt { top: 580px; left: 286px; width: 1199px; font-size: 24px; line-height: 100%; letter-spacing: 0.04em; white-space: normal; color: #1e1e1e; }

.cert-card .cc-tl3 { top: 685px; left: 0; width: 1485px; }

/* === Identification / Authentication === */
.cert-card .cc-ident { top: 699px; left: 0; font-size: 24px; line-height: 130%; letter-spacing: 0.06em; color: #666565; white-space: nowrap; }
.cert-card .cc-serial { top: 723px; left: 285px; font-size: 26px; line-height: 100%; letter-spacing: 0.06em; }
.cert-card .cc-auth { top: 699px; right: 0; left: auto; text-align: right; font-size: 24px; line-height: 130%; letter-spacing: 0.06em; color: #666565; white-space: nowrap; }

/* === PDF actions + TRACE (ниже карточки, не в .fig) === */
.fig-registry .cert-actions {
  position: absolute;
  left: 422px;
  top: 1636px;
  width: 966px;
  display: flex;
  gap: 16px;
  justify-content: center;
  z-index: 2;
}
.fig-registry .cert-actions a {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1e1e1e;
  text-decoration: none;
  padding: 12px 24px;
  border: 0.5px solid #1e1e1e;
  background: transparent;
  transition: background .15s, color .15s;
}
.fig-registry .cert-actions a:hover { background: #1e1e1e; color: #f1f1f1; }

/* Нет фото: фото-слот f-3 скрыт → подтягиваем кнопки под карточку и режем
   высоту канваса (иначе дыра серийник↔кнопки и пустота снизу до 2205px). */
.fig-registry.no-photo { height: 1240px; }
.fig-registry.no-photo .cert-actions { top: 1120px; }

/* ─── Мобильная версия страницы объекта (.registry-mobile). Десктоп использует .fig-registry. ─── */
.registry-mobile { display: none; }

@media (max-width: 767px) {
  /* десктоп-канвас сертификата (1440) скрываем, показываем мобильный макет */
  .fig-registry { display: none; }
  .registry-show-scroll { overflow: visible; }
  .registry-mobile {
    display: block; background: #f1f1f1;
    padding: 24px 20px 16px; font-family: 'Maven Pro', sans-serif; color: #1e1e1e;
  }

  .rm-head { text-align: center; }
  .rm-title { font-family: 'Luxerie', sans-serif; font-size: 32px; color: #000; }
  .rm-cert { font-size: 16px; color: #474646; margin-top: 6px; }
  .rm-sub  { font-size: 14px; color: #8b8b8b; margin-top: 4px; }

  .rm-sign {
    font-family: 'Luxerie', sans-serif; font-size: 28px; color: #000;
    margin: 24px 0 12px; border-bottom: 1px solid #989ca0; padding-bottom: 12px;
  }

  .rm-photo { margin: 0 0 24px; }
  .rm-photo img { width: 100%; height: auto; display: block; }

  /* Подписи (th) заморожены sticky слева, значения (td) nowrap → горизонтальный скролл значений */
  .rm-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 24px; }
  .rm-table { border-collapse: collapse; width: auto; }
  .rm-table th {
    position: sticky; left: 0; z-index: 1; background: #f1f1f1;
    text-align: left; font-weight: 400; font-size: 14px; color: #666565;
    white-space: nowrap; vertical-align: top;
    padding: 12px 20px 12px 0; border-bottom: 1px solid #e2e3e5;
  }
  .rm-table td {
    white-space: nowrap; font-weight: 500; font-size: 15px; color: #1e1e1e;
    padding: 12px 0; vertical-align: top; border-bottom: 1px solid #e2e3e5;
  }

  .rm-block { margin: 0 0 18px; }
  .rm-block-lbl { font-size: 14px; color: #666565; margin-bottom: 6px; letter-spacing: 0.04em; }
  .rm-block-txt { font-size: 14px; line-height: 1.5; color: #1e1e1e; }
  .rm-block-txt a { color: #1e1e1e; text-decoration: underline; word-break: break-all; }

  .rm-actions { display: flex; flex-direction: column; gap: 12px; margin: 24px 0 8px; }
  .rm-actions a {
    display: block; text-align: center;
    font-weight: 500; font-size: 15px; letter-spacing: 0.04em; text-transform: uppercase;
    color: #1e1e1e; text-decoration: none;
    padding: 14px 20px; border: 0.5px solid #1e1e1e; background: transparent;
  }
}