/* Страница клиента «Надпись на плёнку» — встраивается в svetasloi.ru.
   Всё — внутри .imprint; цвета, тени и радиусы — токены сайта (brandbook/tokens.md),
   в скобках — запасные значения для автономной страницы. */

.imprint {
  --ip-ink: var(--color-ink-700, #353535);
  --ip-ink-strong: var(--color-black, #000);
  --ip-muted: var(--color-ink-500, #555);
  --ip-field: var(--color-ink-600, #4f4f4f);
  --ip-white: var(--color-white, #fff);
  --ip-accent: var(--color-accent-strong, #d81616);
  --ip-focus: var(--color-focus, #3498db);
  --ip-r-btn: var(--radius-xs, 4px);
  --ip-r-field: var(--radius-sm, 6px);
  --ip-neo-1: var(--shadow-neo-1, #fff 4px 4px 0 0, #000 4px 4px 0 1px);
  --ip-neo-2: var(--shadow-neo-2, #fff 2px 2px 0 0, #000 2px 2px 0 1px);
  color: var(--ip-ink);
  margin: 1.5rem 0;
}

.imprint *, .imprint *::before, .imprint *::after { box-sizing: border-box; }
.imprint [hidden] { display: none !important; }

/* сцена: скан с альфой — сквозь перфорацию виден фон страницы */
.imprint #ip-stage { display: block; width: 100%; background: transparent; }

.imprint .ip-compose { margin-top: 1.25rem; }
.imprint .ip-label { display: block; font-size: .85rem; color: var(--ip-muted); margin-bottom: 6px; }
.imprint .ip-error { color: var(--ip-accent); font-size: .9rem; margin: 8px 0 0; }

/* поле — как в форме заказа сайта */
.imprint input[type="text"] {
  width: 100%; padding: 12px; font: inherit; font-weight: 300; font-size: 1rem; color: var(--ip-ink-strong);
  background: var(--ip-white); border: 2px solid var(--ip-field); border-radius: var(--ip-r-field);
  transition: border-color .3s ease;
}
.imprint input[type="text"]:focus { border-color: var(--ip-focus); outline: none; }
.imprint #ip-text, .imprint #ip-text::placeholder { text-transform: uppercase; }  /* надпись — всегда заглавными */

.imprint .ip-actions { margin-top: 16px; }

/* основная кнопка — как «Отправить» в форме заказа */
.imprint .ip-btn-primary {
  font: inherit; font-size: 14px; font-weight: 300; cursor: pointer;
  background: var(--ip-ink-strong); color: var(--ip-white);
  border: 1px solid var(--ip-ink-strong); border-radius: var(--ip-r-btn);
  padding: 12px 40px; box-shadow: var(--ip-neo-1);
  transition: transform .1s ease, box-shadow .1s ease;
}
.imprint .ip-btn-primary:active { box-shadow: var(--ip-neo-2); transform: translate(2px, 2px); }
.imprint .ip-btn-primary:disabled { opacity: .45; cursor: not-allowed; }
.imprint .ip-btn-primary:focus-visible { outline: 2px solid var(--ip-focus); outline-offset: 2px; }