/*
  NEORGANIKI 2.0 · «Ювелирный дом в древнем лесу»

  Богатый слой поверх style.css и nova.css: позолота, бархат, оправы
  с филигранными уголками, двойные золотые линейки, ромбы-разделители.
  Классы прежние — облик меняется на всех страницах сразу: лендинг,
  каталог, корзина, оформление, кабинет и админка.
*/

:root {
  --gold-deep: #7a5a24;
  --gold: #c9a45c;
  --gold-bright: #f0d9a0;
  --gold-pale: #fff3d1;
  --gold-line: rgba(214, 178, 106, 0.32);
  --gold-faint: rgba(214, 178, 106, 0.14);
  --gilt: linear-gradient(115deg, #8a6a2c 0%, #e9cf8c 22%, #fff1c7 34%, #c9a45c 52%, #8a6a2c 70%, #e2c27c 88%, #a98443 100%);
  --velvet: #070a0b;
  --ink: #0b1112;
}

/* Филигранный уголок оправы (повёрнут CSS-ом на четыре угла) */
:root {
  --corner: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d6b26a' stroke-width='1.2'%3E%3Cpath d='M2 40V8a6 6 0 0 1 6-6h32'/%3E%3Cpath d='M8 30V14a6 6 0 0 1 6-6h16' opacity='.55'/%3E%3Cpath d='M2 22c8 0 12-4 12-12' opacity='.8'/%3E%3Ccircle cx='14' cy='14' r='2.2' fill='%23d6b26a'/%3E%3Cpath d='M40 2l4 3-4 3-4-3z' fill='%23d6b26a' stroke='none'/%3E%3Cpath d='M2 40l3 4 3-4-3-4z' fill='%23d6b26a' stroke='none'/%3E%3C/svg%3E");
  --divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' fill='none' stroke='%23d6b26a' stroke-width='1'%3E%3Cpath d='M0 12h92M148 12h92' opacity='.6'/%3E%3Cpath d='M92 12c8 0 10-8 18-8M148 12c-8 0-10-8-18-8M92 12c8 0 10 8 18 8M148 12c-8 0-10 8-18 8' opacity='.85'/%3E%3Cpath d='M120 3l7 9-7 9-7-9z' fill='%23b0142c' stroke='%23f0d9a0'/%3E%3Ccircle cx='104' cy='12' r='1.6' fill='%23d6b26a'/%3E%3Ccircle cx='136' cy='12' r='1.6' fill='%23d6b26a'/%3E%3C/svg%3E");
  --damask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23d6b26a' stroke-width='.6' opacity='.5'%3E%3Cpath d='M60 8c10 14 22 20 22 34S70 62 60 62 38 56 38 42 50 22 60 8z'/%3E%3Cpath d='M60 62c10 14 22 20 22 34S70 116 60 116 38 110 38 96 50 76 60 62z'/%3E%3Cpath d='M0 60c14-10 20-22 34-22s20 12 20 22-6 22-20 22S14 70 0 60zM120 60c-14-10-20-22-34-22S66 50 66 60s6 22 20 22 20-12 34-22z'/%3E%3C/svg%3E");
}

/* ── Основа: чёрный бархат ──────────────────────────────────── */

body {
  background:
    radial-gradient(110vw 70vh at 85% -10%, rgba(23, 128, 90, 0.13), transparent 60%),
    radial-gradient(80vw 60vh at -10% 105%, rgba(200, 16, 46, 0.11), transparent 60%),
    radial-gradient(60vw 40vh at 50% 50%, rgba(201, 164, 92, 0.04), transparent 70%),
    var(--velvet);
  background-attachment: fixed;
}

/* Бархатный ворс: две шумовые текстуры разного масштаба */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.5;
  background-image: var(--damask);
  background-size: 180px 180px;
  mask-image: radial-gradient(120% 80% at 50% 40%, transparent 35%, #000 100%);
  -webkit-mask-image: radial-gradient(120% 80% at 50% 40%, transparent 35%, #000 100%);
  opacity: 0.07;
}

::selection { background: var(--gold); color: #120d05; }

/* ── Типографика ────────────────────────────────────────────── */

h1, h2, .section__title, .chapter__title, .portal__title, .dawn__title {
  font-family: var(--font-display);
  font-weight: 500;
}

.section__title {
  font-size: clamp(2.3rem, 5vw, 4.2rem);
  line-height: 1.04;
  letter-spacing: -0.01em;
}

/* Позолоченный текст для крупных цифр и заглавных */
.gilt,
.card__price,
.tile__value,
.kpi__value,
.cinema__counter b,
.journey__day b,
.ring__percent,
.countdown__value,
.footer__brand {
  background: var(--gilt);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gilt 9s ease-in-out infinite;
}

@keyframes gilt {
  50% { background-position: 100% 0; }
}

.kicker,
.eyebrow {
  color: var(--gold-bright);
}

.kicker::before {
  width: 2.75rem;
  background: linear-gradient(90deg, transparent, var(--gold));
}

.kicker::after {
  content: '◆';
  font-size: 0.5rem;
  letter-spacing: 0;
  color: var(--ruby-glow);
  text-shadow: 0 0 8px var(--ruby-glow);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

.eyebrow::before {
  content: '';
  width: 2.25rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

.center.eyebrow,
.eyebrow.center { display: flex; justify-content: center; }

.muted { color: #9aa7a1; }

/* Буквица в длинных описаниях */
.dropcap::first-letter {
  float: left;
  margin: 0.08em 0.12em 0 0;
  font-family: var(--font-display);
  font-size: 3.6em;
  line-height: 0.8;
  background: var(--gilt);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Орнаментальный разделитель */
.hairline,
.ornament {
  height: 24px;
  margin-block: 0.5rem;
  background: var(--divider) center / 240px 24px no-repeat;
  position: relative;
}

.hairline::before,
.hairline::after,
.ornament::before,
.ornament::after {
  content: '';
  position: absolute;
  top: 50%;
  width: calc(50% - 140px);
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-line));
}

.hairline::before,
.ornament::before { left: 0; }

.hairline::after,
.ornament::after { right: 0; transform: scaleX(-1); }

/* ── Оправа: карточки, панели, формы ────────────────────────── */

.surface,
.panel,
.kpi,
.realm,
.voice,
.codex,
.promo,
.console,
.inbox__item,
.media-card,
.cinema__screen,
.vessel__stage,
.milestone,
.demo-bank,
.pay-option,
.why__item {
  --frame: var(--gold-line);
}

.surface,
.panel,
.realm,
.codex,
.promo,
.demo-bank,
.frame {
  position: relative;
  border: 1px solid var(--gold-line);
  border-radius: 1.1rem;
  background:
    linear-gradient(160deg, rgba(20, 28, 27, 0.86), rgba(7, 11, 12, 0.92)) padding-box;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.6),
    inset 0 0 0 5px rgba(214, 178, 106, 0.045),
    inset 0 1px 0 rgba(255, 243, 209, 0.06),
    0 30px 80px -40px rgba(0, 0, 0, 0.95);
}

/* Внутренняя тонкая рамка — «двойной кант» */
.surface::before,
.panel::before,
.realm::before,
.codex::before,
.promo::before,
.demo-bank::before,
.frame::before {
  content: '';
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(214, 178, 106, 0.1);
  border-radius: calc(1.1rem - 5px);
  pointer-events: none;
}

/* Уголки должны смотреть наружу: используем четыре повёрнутых элемента
   через отдельный класс .corners (вставляется nova.js) */
.corners {
  position: absolute;
  inset: -1px;
  pointer-events: none;
  z-index: 2;
}

.corners i {
  position: absolute;
  width: 34px;
  height: 34px;
  background: var(--corner) center / contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(214, 178, 106, 0.35));
}

.corners i:nth-child(1) { left: 0; top: 0; }
.corners i:nth-child(2) { right: 0; top: 0; transform: scaleX(-1); }
.corners i:nth-child(3) { left: 0; bottom: 0; transform: scaleY(-1); }
.corners i:nth-child(4) { right: 0; bottom: 0; transform: scale(-1, -1); }


.surface > *,
.panel > *,
.realm > *,
.promo > *,
.codex > * { position: relative; }

/* ── Кнопки: золото и рубин ─────────────────────────────────── */

.btn {
  border-radius: 0.4rem;
  letter-spacing: 0.24em;
  font-size: 0.7rem;
  padding: 1rem 2.1rem;
}

.btn--xl { padding: 1.2rem 2.6rem; }

/* Огранённые углы — как у драгоценного камня */
.btn--ruby,
.btn--gold {
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  border-radius: 0;
  padding-inline: 2.6rem;
}

.btn--ruby {
  background:
    conic-gradient(from var(--spin), transparent 0 68%, rgba(255, 243, 209, 0.75) 78%, transparent 88%) border-box,
    linear-gradient(135deg, #8f1426, var(--ruby-core) 50%, #6b0818);
  box-shadow: 0 0 0 0 transparent;
  filter: drop-shadow(0 12px 28px rgba(158, 18, 38, 0.45));
}

.btn--ruby::after {
  inset: 1.5px;
  clip-path: inherit;
  border-radius: 0;
  background:
    radial-gradient(120% 140% at 30% 0%, rgba(255, 255, 255, 0.28), transparent 45%),
    linear-gradient(135deg, #8f1426, var(--ruby-core) 52%, #6b0818);
}

.btn--ruby:hover { filter: drop-shadow(0 14px 40px rgba(158, 18, 38, 0.8)); }

.btn--gold {
  color: #1a1206;
  background: var(--gilt);
  background-size: 220% 100%;
  animation: gilt 7s ease-in-out infinite;
  filter: drop-shadow(0 10px 26px rgba(201, 164, 92, 0.35));
}

.btn--glass,
.btn--ghost {
  border-radius: 0.4rem;
  border-color: var(--gold-line);
  color: var(--gold-pale);
  background: linear-gradient(180deg, rgba(214, 178, 106, 0.08), rgba(214, 178, 106, 0.02));
}

.btn--glass:hover,
.btn--ghost:hover {
  border-color: var(--gold);
  color: #fff;
  box-shadow: 0 0 30px -6px rgba(214, 178, 106, 0.5), inset 0 0 20px rgba(214, 178, 106, 0.08);
}

.btn--glass::before,
.btn--ghost::before {
  background: radial-gradient(140px circle at var(--mx, 50%) var(--my, 50%), rgba(240, 217, 160, 0.25), transparent 70%);
}

.btn:disabled { opacity: 0.4; cursor: not-allowed; filter: grayscale(0.6); }

/* ── Шапка ──────────────────────────────────────────────────── */

.header.is-scrolled {
  background: linear-gradient(180deg, rgba(7, 10, 11, 0.88), rgba(7, 10, 11, 0.7));
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, transparent, var(--gold-line) 20%, rgba(240, 217, 160, 0.45) 50%, var(--gold-line) 80%, transparent) 1;
}

.logo__text {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.36em;
  background: var(--gilt);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gilt 9s ease-in-out infinite;
}

.nav a { color: #b9c2bd; letter-spacing: 0.2em; }
.nav a:hover, .nav a.is-current { color: var(--gold-bright); }
.nav a::after { background: linear-gradient(90deg, transparent, var(--gold-bright), transparent); }

.pill {
  border-color: var(--gold-line);
  color: #c8cfca;
  border-radius: 0.35rem;
}

.pill:hover { border-color: var(--gold); color: var(--gold-bright); }
.pill--emerald { border-color: rgba(62, 240, 166, 0.35); color: var(--emerald-mist); background: rgba(23, 128, 90, 0.1); }
.pill--ruby { border-color: rgba(158, 18, 38, 0.4); color: #e6c78a; }
.pill__count { background: var(--ruby-core); box-shadow: 0 0 10px rgba(158, 18, 38, 0.7); }

.burger { border-color: var(--gold-line); border-radius: 0.35rem; }

/* ── Поля форм ──────────────────────────────────────────────── */

.field {
  border-radius: 0.45rem;
  border-color: rgba(214, 178, 106, 0.2);
  background: linear-gradient(180deg, rgba(3, 6, 7, 0.85), rgba(8, 13, 14, 0.75));
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5);
}

.field:focus {
  border-color: var(--gold);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 0 4px rgba(214, 178, 106, 0.12);
}

.field-label {
  color: var(--gold-bright);
  opacity: 0.85;
}

select.field { background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%); background-position: calc(100% - 18px) 55%, calc(100% - 13px) 55%; background-size: 5px 5px; background-repeat: no-repeat; appearance: none; padding-right: 2.5rem; }

/* ── Бейджи и уведомления ───────────────────────────────────── */

.badge {
  border-radius: 0.3rem;
  letter-spacing: 0.14em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.alert {
  position: relative;
  border-radius: 0.6rem;
  padding-left: 3rem;
  border-width: 1px;
}

.alert::before {
  content: '◆';
  position: absolute;
  left: 1.2rem;
  top: 50%;
  translate: 0 -50%;
  font-size: 0.7rem;
}

.alert--success::before { color: var(--emerald-glow); text-shadow: 0 0 8px var(--emerald-glow); }
.alert--error::before { color: var(--ruby-glow); text-shadow: 0 0 8px var(--ruby-glow); }

/* ── Таблицы ────────────────────────────────────────────────── */

.table-wrap {
  border-radius: 0.9rem;
  border: 1px solid var(--gold-faint);
  background: rgba(6, 10, 11, 0.6);
}

.table th {
  color: var(--gold-bright);
  background: linear-gradient(180deg, rgba(214, 178, 106, 0.08), transparent);
  border-bottom: 1px solid var(--gold-line);
}

.table td { border-bottom-color: rgba(214, 178, 106, 0.08); }
.table tr:hover td { background: rgba(214, 178, 106, 0.04); }

/* ── Кабинет и админка ──────────────────────────────────────── */

.account__head {
  position: relative;
  padding: 2.25rem 2.25rem 2.25rem;
  border: 1px solid var(--gold-line);
  border-radius: 1.1rem;
  background:
    radial-gradient(80% 140% at 100% 0%, rgba(214, 178, 106, 0.1), transparent 60%),
    radial-gradient(60% 120% at 0% 100%, rgba(23, 128, 90, 0.14), transparent 60%),
    rgba(8, 12, 13, 0.85);
  overflow: hidden;
}

.account__head::after {
  content: '';
  position: absolute;
  right: -2rem;
  top: 50%;
  translate: 0 -50%;
  width: 14rem;
  height: 14rem;
  background: var(--damask) center / contain no-repeat;
  opacity: 0.25;
  pointer-events: none;
}

.admin .account__head {
  border-color: rgba(158, 18, 38, 0.3);
  background:
    radial-gradient(80% 140% at 100% 0%, rgba(158, 18, 38, 0.12), transparent 60%),
    radial-gradient(60% 120% at 0% 100%, rgba(214, 178, 106, 0.08), transparent 60%),
    rgba(8, 12, 13, 0.85);
}

.account__head h1 {
  font-size: clamp(1.9rem, 3.4vw, 2.8rem) !important;
}

.account__nav {
  padding: 0.5rem;
  border-radius: 1rem;
  border: 1px solid var(--gold-faint);
  background: rgba(7, 11, 12, 0.75);
  height: fit-content;
}

@media (min-width: 64rem) {
  .account__nav { position: sticky; top: 6rem; }
}

.account__nav a {
  border-radius: 0.5rem;
  letter-spacing: 0.16em;
  color: #a5b0ab;
  position: relative;
}

.account__nav a:hover,
.account__nav a.is-active {
  border-color: transparent;
  color: var(--gold-bright);
  background: linear-gradient(90deg, rgba(214, 178, 106, 0.14), rgba(214, 178, 106, 0.02));
}

.account__nav a.is-active::before {
  content: '◆';
  position: absolute;
  left: -0.1rem;
  font-size: 0.45rem;
  color: var(--ruby-glow);
  text-shadow: 0 0 8px var(--ruby-glow);
}

.admin .account__nav a:hover,
.admin .account__nav a.is-active { color: var(--gold-bright); }

.nav-count { background: var(--ruby-core); box-shadow: 0 0 10px rgba(158, 18, 38, 0.6); }

.tile,
.kpi {
  border-radius: 1rem;
  border: 1px solid var(--gold-faint);
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(214, 178, 106, 0.09), transparent 60%),
    linear-gradient(160deg, rgba(18, 26, 26, 0.9), rgba(7, 11, 12, 0.92));
}

.tile--hot { border-color: rgba(158, 18, 38, 0.45); }
.tile--hot .tile__value { -webkit-text-fill-color: var(--ruby-glow); text-shadow: 0 0 20px rgba(158, 18, 38, 0.5); }

.tile__label,
.kpi__label { color: #b3a27c; }

.list-card { border-radius: 1rem; }
a.list-card:hover { border-color: var(--gold); }

.panel__title { font-size: 1.55rem; }

.chart { color: var(--gold-bright); }
.chart__line { stroke-width: 2.2; }
.legend i { background: var(--gold-bright); }

.bars__row::before { background: linear-gradient(90deg, rgba(214, 178, 106, 0.22), rgba(214, 178, 106, 0.03)); }

.funnel__step { background: linear-gradient(90deg, rgba(158, 18, 38, 0.3), rgba(214, 178, 106, 0.06)); border: 1px solid rgba(158, 18, 38, 0.18); }

.seg { border-color: var(--gold-faint); }
.seg a.is-active, .tabs a.is-active { background: rgba(214, 178, 106, 0.12); color: var(--gold-bright); border-color: var(--gold); }

.inbox__item { border-color: var(--gold-faint); }
.inbox__item.is-unread { border-color: rgba(214, 178, 106, 0.6); box-shadow: 0 0 30px -12px rgba(214, 178, 106, 0.6); }

/* ── Каталог: витрины ───────────────────────────────────────── */

.page-banner {
  position: relative;
  isolation: isolate;
  min-height: 62svh;
  display: grid;
  align-items: end;
  padding: 9rem 0 4rem;
  overflow: hidden;
}

.page-banner .scene { position: absolute; inset: 0; z-index: -2; }

.page-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(7, 10, 11, 0.55), transparent 30%, rgba(7, 10, 11, 0.6) 70%, var(--velvet)),
    radial-gradient(70% 60% at 20% 70%, rgba(7, 10, 11, 0.7), transparent 70%);
}

.page-banner__title {
  max-width: 18ch;
  margin-top: 1.25rem;
  font-size: clamp(2.6rem, 6vw, 5.4rem);
  line-height: 1;
}

.page-banner__lead {
  max-width: 40rem;
  margin-top: 1.5rem;
  font-size: 1.05rem;
  line-height: 1.8;
  color: rgba(236, 231, 222, 0.82);
}

.vitrines {
  display: grid;
  gap: 2.5rem;
  margin-top: 2rem;
}

.vitrine {
  display: grid;
  overflow: hidden;
  padding: 0 !important;
}

.vitrine__case {
  position: relative;
  min-height: 22rem;
  overflow: hidden;
  border-bottom: 1px solid var(--gold-line);
  background:
    radial-gradient(60% 55% at 50% 62%, rgba(158, 18, 38, 0.25), transparent 70%),
    radial-gradient(80% 60% at 50% 110%, rgba(214, 178, 106, 0.18), transparent 70%),
    linear-gradient(180deg, #0c1314, #050708);
}

.vitrine__case .scene { position: absolute; inset: 0; opacity: 0.85; }

.vitrine__case::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(5, 7, 8, 0.9));
}

/* Бархатная подушка под камнем */
.vitrine__cushion {
  position: absolute;
  left: 50%;
  bottom: 8%;
  width: 62%;
  height: 22%;
  translate: -50% 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(120, 10, 30, 0.85), rgba(40, 4, 12, 0.6) 60%, transparent);
  filter: blur(6px);
  z-index: 1;
}

.vitrine__gem {
  position: absolute;
  left: 50%;
  bottom: 12%;
  translate: -50% 0;
  z-index: 2;
}

.vitrine__ribbon {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  z-index: 3;
  padding: 0.4rem 0.9rem;
  font-family: var(--font-mono);
  font-size: 0.58rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1a1206;
  background: var(--gilt);
  background-size: 220% 100%;
  clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
  padding-right: 1.4rem;
}

.vitrine__body { padding: 2.25rem 2.25rem 2.5rem; }

.vitrine__title { font-size: clamp(1.9rem, 3vw, 2.6rem); line-height: 1.05; margin-top: 0.75rem; }

.vitrine__desc {
  margin-top: 1.25rem;
  color: rgba(236, 231, 222, 0.75);
  line-height: 1.8;
  font-size: 0.96rem;
}

.includes li::before {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 0;
  transform: rotate(45deg);
  background: var(--gold);
  box-shadow: 0 0 8px rgba(214, 178, 106, 0.6);
}

.includes--ruby li::before { background: var(--ruby-glow); box-shadow: 0 0 8px rgba(158, 18, 38, 0.7); }

.card__foot { border-top: 0; position: relative; padding-top: 2rem; }

.card__foot::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 24px;
  translate: 0 -50%;
  background: var(--divider) center / 200px 20px no-repeat;
}

.card__price { font-size: 2.4rem; line-height: 1; }

.price-old { color: #8d7d5a; }

.stock {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.6rem;
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--emerald-mist);
}

.stock::before {
  content: '';
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: var(--emerald-glow);
  box-shadow: 0 0 8px var(--emerald-glow);
}

.stock--out { color: var(--ash); }
.stock--out::before { background: var(--ash); box-shadow: none; }

@media (min-width: 72rem) {
  .vitrines { grid-template-columns: 1fr 1fr; }
}

/* Обещания магазина под каталогом */
.pledges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: 1rem;
  margin-top: 5rem;
}

.pledge {
  padding: 1.6rem 1.5rem;
  border-top: 1px solid var(--gold-line);
}

.pledge b {
  display: block;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.35rem;
  color: var(--gold-pale);
}

.pledge span { display: block; margin-top: 0.5rem; color: var(--ash); font-size: 0.88rem; line-height: 1.65; }

/* Карточка товара — ювелирная витрина */
.showcase {
  display: grid;
  gap: 3rem;
}

.showcase__stage {
  position: relative;
  min-height: 34rem;
  border-radius: 1.4rem;
  overflow: hidden;
  border: 1px solid var(--gold-line);
  background:
    radial-gradient(55% 50% at 50% 60%, rgba(158, 18, 38, 0.3), transparent 70%),
    linear-gradient(180deg, #0c1314, #040607);
}

.showcase__stage .scene { position: absolute; inset: 0; opacity: 0.7; }

@media (min-width: 64rem) {
  .showcase { grid-template-columns: 1.05fr 1fr; gap: 5rem; align-items: start; }
  .showcase__stage { position: sticky; top: 6rem; min-height: calc(100svh - 8rem); }
}

/* ── Корзина, оформление ────────────────────────────────────── */

.steps-line {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem;
  font-family: var(--font-mono);
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ash);
}

.pay-option { border-color: var(--gold-faint); border-radius: 0.7rem; }
.pay-option:has(input:checked) { border-color: var(--gold); background: linear-gradient(90deg, rgba(214, 178, 106, 0.12), rgba(214, 178, 106, 0.02)); }
.pay-option input { accent-color: var(--gold); }

.requisites__row { border-bottom-color: var(--gold-faint); }
.copy-btn { border-color: var(--gold-line); color: var(--gold-bright); border-radius: 0.3rem; }

/* ── Трекер инкубации ───────────────────────────────────────── */

.ring__track { stroke: rgba(214, 178, 106, 0.12); }

.stage-bar__seg { border-radius: 0; }

.diary__day { color: var(--gold-bright); }

/* ── Аккордеон ──────────────────────────────────────────────── */

.accordion__item { border-bottom-color: var(--gold-faint); }
.accordion__trigger { color: var(--bone); }
.accordion__trigger:hover { color: var(--gold-bright); }

.accordion__icon {
  display: grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid var(--gold-line);
  border-radius: 0;
  transform: rotate(45deg);
  color: var(--gold-bright);
}

.accordion__trigger[aria-expanded='true'] .accordion__icon {
  background: var(--ruby-core);
  border-color: var(--ruby-glow);
  color: #fff;
  box-shadow: 0 0 16px rgba(158, 18, 38, 0.6);
}

/* ── Лендинг: позолота поверх глав ──────────────────────────── */

.portal__stats > div { border-top-color: var(--gold-line); }
.portal__stats dt { background: var(--gilt); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: gilt 9s ease-in-out infinite; }
.portal__stats dd { color: #b3a27c; }

.ticker { border-block-color: var(--gold-line); background: linear-gradient(90deg, rgba(214, 178, 106, 0.05), rgba(7, 10, 11, 0.85) 30%, rgba(7, 10, 11, 0.85) 70%, rgba(214, 178, 106, 0.05)); }
.ticker__track { color: #c8b78e; }

.chapter + .chapter::before,
.ticker + .chapter::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% -50%;
  width: min(36rem, 80vw);
  height: 24px;
  background: var(--divider) center / 240px 24px no-repeat;
}

.realm__glyph {
  border-color: color-mix(in srgb, var(--accent) 50%, var(--gold));
  outline: 1px solid var(--gold-faint);
  outline-offset: 5px;
}

.realm h3 { color: var(--gold-pale); }

.why__item { border-top-color: var(--gold-line); }
.why__item h3 { color: var(--gold-bright); }

.spectro { border-top-color: var(--gold-line); }
.spectro__row { border-bottom-color: var(--gold-faint); }
.spectro__row dt { color: #b3a27c; }
.spectro__bar { background: linear-gradient(90deg, var(--gold-deep), var(--gold-bright), var(--ruby-glow)); }

.cinema__screen,
.vessel__stage { border-color: var(--gold-line); }

.cinema__num {
  background: var(--gilt);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 45%, transparent));
}

.milestone { border-radius: 0.9rem; }
.milestone__days { color: var(--gold-bright); }

.console { border-color: var(--gold-line); }
.console__bar span { color: #c8b78e; }

.voice { border-color: var(--gold-faint); background: linear-gradient(160deg, rgba(20, 28, 27, 0.86), rgba(7, 11, 12, 0.92)); }
.voice blockquote::before { content: '“'; display: block; font-size: 3.5rem; line-height: 0.6; color: var(--gold); }

.codex li::marker { color: var(--gold-bright); }

.footer { border-top: 0; }

.footer::before {
  content: '';
  display: block;
  height: 24px;
  margin: 0 auto;
  width: min(40rem, 90vw);
  background: var(--divider) center / 240px 24px no-repeat;
  translate: 0 -50%;
}

.footer__title { color: var(--gold-bright); }
.footer__brand { letter-spacing: 0.28em; }

/* Чат в той же оправе */
.chat__panel { border-color: var(--gold-line); }
.chat__head { background: radial-gradient(120% 140% at 0% 0%, rgba(214, 178, 106, 0.14), transparent 60%); border-bottom-color: var(--gold-faint); }
.chat__title { color: var(--gold-pale); }
.chat__orb { border-color: rgba(214, 178, 106, 0.55); }

.cursor { border-color: rgba(240, 217, 160, 0.6); }

/* Картинки контента с оправой */
.picker__item:has(input:checked) { border-color: var(--gold); box-shadow: 0 0 20px rgba(214, 178, 106, 0.35); }
.ai-write { border-color: rgba(214, 178, 106, 0.45); color: var(--gold-bright); background: rgba(214, 178, 106, 0.08); }
.switch input:checked { background: rgba(214, 178, 106, 0.35); }
.switch input:checked::after { background: var(--gold-bright); }

.empty { color: var(--ash); }

@media (prefers-reduced-motion: reduce) {
  .gilt, .card__price, .tile__value, .kpi__value, .logo__text, .footer__brand, .btn--gold { animation: none; }
}

/* Меню: в одну строку, на узких экранах — бургер */
.nav { gap: clamp(1rem, 1.6vw, 2rem); }
.nav a { white-space: nowrap; font-size: 0.62rem; }

@media (max-width: 1180px) {
  .nav { display: none !important; }
}

/* ── Палитра эталона: полуночный синий, лунная бирюза, золото, янтарь огня ── */

:root {
  --velvet: #050a10;
  --void: #050a10;
  --abyss: #08111a;
  --carbon: #0c1620;
  --moon: #c7d9e4;
  --mist: #7fa9bd;
  --ember: #ffa64a;
  --emerald-glow: #5fd6b8;
  --emerald-mist: #9cc8c9;
}

body {
  background:
    radial-gradient(90vw 70vh at 70% -10%, rgba(90, 140, 170, 0.16), transparent 60%),
    radial-gradient(70vw 60vh at -10% 100%, rgba(255, 140, 60, 0.07), transparent 60%),
    radial-gradient(60vw 50vh at 100% 80%, rgba(200, 16, 46, 0.09), transparent 60%),
    var(--velvet);
  background-attachment: fixed;
}

.surface,
.panel,
.realm,
.codex,
.promo,
.demo-bank,
.frame {
  background: linear-gradient(160deg, rgba(16, 28, 40, 0.86), rgba(6, 11, 17, 0.94)) padding-box;
}

.tile,
.kpi,
.voice,
.cinema__step {
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(214, 178, 106, 0.08), transparent 60%),
    linear-gradient(160deg, rgba(16, 28, 40, 0.9), rgba(6, 11, 17, 0.94));
}

.header.is-scrolled { background: linear-gradient(180deg, rgba(5, 10, 16, 0.9), rgba(5, 10, 16, 0.72)); }

.portal__veil {
  background:
    linear-gradient(180deg, rgba(5, 10, 16, 0.6) 0%, transparent 20%, transparent 58%, rgba(5, 10, 16, 0.95) 100%),
    linear-gradient(90deg, rgba(5, 10, 16, 0.82) 0%, rgba(5, 10, 16, 0.45) 32%, transparent 55%);
}

.portal__content { align-self: center; padding-top: 7rem; padding-bottom: 1rem; }
.portal__title { max-width: 12ch; }
.portal__lead { max-width: 30rem; }

.portal__whisper {
  left: auto;
  right: 4%;
  top: 80%;
  translate: 0 0;
  text-align: right;
  color: rgba(255, 210, 190, 0.9);
}

.chapter__backdrop::after,
.dawn__veil {
  background: linear-gradient(180deg, var(--velvet) 0%, rgba(5, 10, 16, 0.35) 22%, rgba(5, 10, 16, 0.5) 70%, var(--velvet) 100%);
}

/* Хранитель: героиня справа, консоль слева */
.chapter--oracle { overflow: hidden; min-height: 100svh; display: grid; align-items: center; }

.chapter--oracle .chapter__backdrop::after {
  background:
    linear-gradient(90deg, rgba(5, 10, 16, 0.94) 0%, rgba(5, 10, 16, 0.78) 38%, rgba(5, 10, 16, 0.15) 70%, rgba(5, 10, 16, 0.35) 100%),
    linear-gradient(180deg, var(--velvet) 0%, transparent 18%, transparent 80%, var(--velvet) 100%);
}

@media (min-width: 960px) {
  .chapter--oracle .oracle { grid-template-columns: minmax(0, 0.62fr) minmax(0, 0.38fr); }
}

.oracle__col { display: grid; gap: 2.5rem; }

.console {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(158, 18, 38, 0.1), transparent 55%),
    radial-gradient(100% 80% at 0% 100%, rgba(255, 166, 74, 0.08), transparent 55%),
    rgba(5, 10, 16, 0.82);
  backdrop-filter: blur(14px);
}

/* ── 3D-рубин ───────────────────────────────────────────────── */

.gem__canvas {
  position: absolute;
  inset: -12% -6%;
  width: 112%;
  height: 124%;
  pointer-events: none;
  z-index: 2;
}

.crystal.is-3d .crystal__spin { visibility: hidden; }
.crystal.is-3d { animation: none; }

.crystal.is-3d .crystal__halo {
  background: radial-gradient(circle, rgba(158, 18, 38, 0.55) 0%, rgba(176, 20, 44, 0.22) 42%, transparent 70%);
}

.crystal.is-3d .crystal__ground {
  background: radial-gradient(ellipse, rgba(255, 140, 60, 0.35) 0%, transparent 70%);
}

/* В «Сосуде» объёмный камень парит над фотографией */
.vessel__crystal { opacity: 1 !important; width: 40%; left: auto; right: 4%; translate: 0 0; bottom: 4%; z-index: 3; }

@media (min-width: 960px) {
  .cinema__step { background: none; }
}

.cinema__tag { align-self: flex-start; margin-left: 0; margin-top: 0.75rem; vertical-align: baseline; }
.cinema__step h3 { color: var(--gold-pale); }

/* Панорама: сетка по ширине экрана, фон — неподвижный задник под лентой этапов */
.journey__sticky { grid-template-columns: minmax(0, 1fr); isolation: isolate; }

.journey__scene {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1;
  border: 0;
  mask-image: none;
}

.journey__scene::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, var(--velvet) 0%, rgba(5, 10, 16, 0.55) 24%, rgba(5, 10, 16, 0.25) 60%, var(--velvet) 100%);
}

.corners--sm i { width: 16px; height: 16px; opacity: 0.8; }
.tile { padding: 1.5rem 1.6rem; }

/* Колонки сеток не шире экрана — иначе длинные строки растягивают первый экран */
.portal,
.dawn,
.chapter--oracle,
.page-banner { grid-template-columns: minmax(0, 1fr); }

.portal .kicker { flex-wrap: wrap; letter-spacing: 0.26em; line-height: 1.8; }

@media (max-width: 720px) {
  .portal__title { font-size: clamp(2.4rem, 11vw, 3.4rem); }
  .portal__actions .btn { flex: 1 1 100%; }
  .portal__stats { grid-template-columns: repeat(2, 1fr); }
  .portal__whisper { display: none; }
  .portal__veil { background: linear-gradient(180deg, rgba(5, 10, 16, 0.55), rgba(5, 10, 16, 0.35) 30%, rgba(5, 10, 16, 0.75) 70%, var(--velvet)); }
}

@media (max-width: 480px) {
  .header__actions > .pill:not(.pill--auth) { display: none; }
  .logo__text { letter-spacing: 0.24em; font-size: 0.95rem; }
}

.vessel__crystal .crystal { width: 100% !important; }
.footer { overflow: hidden; }

/* Чат, встроенный в страницу кабинета */
.chat-dock { margin-top: 1.5rem; }

.chat-dock .chat__panel {
  position: relative;
  right: auto;
  bottom: auto;
  width: 100%;
  height: min(70svh, 42rem);
  animation: none;
}

/* ── Кнопки 2.1: ювелирная оправа ───────────────────────────────
   Овал с двойным золотым кантом, выпуклое рубиновое тело,
   пробегающий проблеск и звёздочки по краям подписи */

.btn,
.btn--ruby,
.btn--gold,
.btn--glass,
.btn--ghost {
  clip-path: none;
  border-radius: 999px;
  border: 0;
  padding: 1.05rem 2.2rem;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 0.68rem;
  letter-spacing: 0.26em;
  filter: none;
  animation: none;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.5s var(--ease-out), box-shadow 0.4s, background-position 0.6s, color 0.3s;
}

.btn--xl { padding: 1.25rem 2.7rem; font-size: 0.72rem; }

.btn > span {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.85em;
}

.btn > span::before,
.btn > span::after {
  content: '✦';
  font-size: 0.75em;
  letter-spacing: 0;
  opacity: 0.75;
  transition: transform 0.6s var(--ease-out), opacity 0.4s;
}

.btn:hover > span::before { transform: rotate(-90deg) scale(1.2); opacity: 1; }
.btn:hover > span::after { transform: rotate(90deg) scale(1.2); opacity: 1; }
.btn--small > span::before, .btn--small > span::after { display: none; }

/* Рубиновая — главное действие */
.btn--ruby {
  color: #fff6ea;
  text-shadow: 0 1px 2px rgba(60, 0, 12, 0.7);
  background:
    radial-gradient(120% 90% at 50% -20%, rgba(255, 255, 255, 0.42), transparent 55%),
    linear-gradient(180deg, #8f1426 0%, #d3123a 48%, #8e0b22 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -3px 8px rgba(60, 0, 10, 0.55),
    0 0 0 1px rgba(255, 220, 170, 0.6),
    0 0 0 4px rgba(8, 6, 8, 0.9),
    0 0 0 5px rgba(214, 178, 106, 0.6),
    0 16px 36px -12px rgba(158, 18, 38, 0.75);
}

.btn--ruby > span::before,
.btn--ruby > span::after { color: #ffe3ad; }

.btn--ruby::after { content: none; }

/* Проблеск — пробегает раз в несколько секунд и по наведению */
.btn--ruby::before,
.btn--gold::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.55) 48%, rgba(255, 240, 210, 0.2) 52%, transparent 65%);
  background-size: 250% 100%;
  background-position: 130% 0;
  opacity: 1;
  animation: btn-sheen 5.5s ease-in-out infinite;
  pointer-events: none;
}

.btn--ruby:hover::before,
.btn--gold:hover::before { animation-duration: 1.2s; }

@keyframes btn-sheen {
  0%, 70% { background-position: 130% 0; }
  100% { background-position: -40% 0; }
}

.btn--ruby:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -3px 8px rgba(60, 0, 10, 0.5),
    0 0 0 1px rgba(255, 232, 190, 0.85),
    0 0 0 4px rgba(8, 6, 8, 0.9),
    0 0 0 5px rgba(240, 217, 160, 0.9),
    0 0 34px 2px rgba(158, 18, 38, 0.55),
    0 18px 44px -10px rgba(158, 18, 38, 0.85);
}

.btn--ruby:active { transform: translateY(1px) scale(0.99); }

/* Золотая */
.btn--gold {
  color: #1a1206;
  background: var(--gilt);
  background-size: 220% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -3px 8px rgba(90, 60, 10, 0.45),
    0 0 0 4px rgba(8, 6, 8, 0.9),
    0 0 0 5px rgba(214, 178, 106, 0.55),
    0 14px 30px -12px rgba(214, 178, 106, 0.6);
}

/* Стеклянная в золотой оправе — второе действие */
.btn--glass,
.btn--ghost {
  color: var(--gold-pale);
  background:
    radial-gradient(120% 120% at 50% -30%, rgba(240, 217, 160, 0.16), transparent 60%),
    rgba(8, 14, 20, 0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    inset 0 1px 0 rgba(255, 243, 209, 0.12),
    0 0 0 1px rgba(214, 178, 106, 0.55),
    0 0 0 4px rgba(5, 8, 12, 0.55),
    0 0 0 5px rgba(214, 178, 106, 0.22);
}

.btn--glass > span::before, .btn--glass > span::after,
.btn--ghost > span::before, .btn--ghost > span::after { color: var(--gold); }

.btn--glass:hover,
.btn--ghost:hover {
  color: #fff;
  border: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 243, 209, 0.2),
    0 0 0 1px rgba(240, 217, 160, 0.95),
    0 0 0 4px rgba(5, 8, 12, 0.55),
    0 0 0 5px rgba(240, 217, 160, 0.5),
    0 0 30px -4px rgba(214, 178, 106, 0.55);
}

.btn--small { padding: 0.7rem 1.4rem; font-size: 0.6rem; letter-spacing: 0.2em; }
.btn--block { width: 100%; }

.btn:disabled,
.btn[disabled] { opacity: 0.45; filter: grayscale(0.7); cursor: not-allowed; }
.btn:disabled::before { animation: none; }

/* Кнопки форм без класса btn (консоль, чат, админка) — в той же гамме */
.chat__row button,
.console__form button {
  background: linear-gradient(180deg, #8f1426, #d3123a 50%, #8e0b22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 0 0 1px rgba(255, 220, 170, 0.6), 0 0 0 3px rgba(8, 6, 8, 0.9), 0 0 0 4px rgba(214, 178, 106, 0.5);
}

.pill { border-radius: 999px; }

/* ── Логотип ───────────────────────────────────────────────── */

.logo { gap: 0.85rem; }

.logo__mark {
  width: auto;
  height: auto;
  display: block;
  filter: drop-shadow(0 0 10px rgba(158, 18, 38, 0.55));
  transition: transform 0.8s var(--ease-out), filter 0.5s;
}

.logo:hover .logo__mark { transform: rotate(-8deg) scale(1.08); filter: drop-shadow(0 0 16px rgba(158, 18, 38, 0.9)); }

.logo-mark { display: block; overflow: visible; }
.logo-mark__halo { animation: pulse-heat 3.5s ease-in-out infinite; }
.logo-mark__spark { transform-box: fill-box; transform-origin: center; animation: twinkle 3.2s ease-in-out infinite; }
.logo-mark__spark--2 { animation-delay: 1.6s; }

@keyframes twinkle {
  0%, 60%, 100% { opacity: 0.2; transform: scale(0.6) rotate(0deg); }
  75% { opacity: 1; transform: scale(1.15) rotate(45deg); }
}

.logo__words { display: grid; gap: 0.15rem; line-height: 1; }

.logo__tag {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  color: #b9a27a;
  padding-left: 0.1rem;
}

.footer__brand {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: none;
  -webkit-text-fill-color: initial;
  animation: none;
}

.footer__brand span {
  background: var(--gilt);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gilt 9s ease-in-out infinite;
}

@media (max-width: 480px) {
  .logo__tag { display: none; }
  .logo-mark { width: 24px; height: 32px; }
}

.chat__orb[hidden] { display: none; }

.logo__tag { letter-spacing: 0.12em; font-size: 0.7rem; white-space: nowrap; }

/* ── Премиальная гамма: глубокий рубин и шампанское золото, без розового ── */

:root {
  --ruby-glow: #a8142c;
  --ruby-core: #7d0f1f;
  --ruby-deep: #3a050c;
}

.glow-text,
.glow-text--emerald {
  font-style: italic;
  background: var(--gilt);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgba(214, 178, 106, 0.28));
  animation: gilt 9s ease-in-out infinite;
}

.glow-text .split-char,
.glow-text--emerald .split-char {
  color: #e6c78a;
  -webkit-text-fill-color: #e6c78a;
  text-shadow: 0 0 22px rgba(214, 178, 106, 0.35);
}

.btn--ruby {
  color: var(--gold-pale);
  text-shadow: 0 1px 2px rgba(20, 0, 4, 0.8);
  background:
    radial-gradient(120% 90% at 50% -20%, rgba(255, 236, 200, 0.22), transparent 55%),
    linear-gradient(180deg, #8f1426 0%, #6a0c1a 52%, #3e060f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 190, 0.35),
    inset 0 -3px 8px rgba(20, 0, 4, 0.6),
    0 0 0 1px rgba(230, 199, 138, 0.75),
    0 0 0 4px rgba(8, 6, 8, 0.92),
    0 0 0 5px rgba(214, 178, 106, 0.55),
    0 16px 34px -14px rgba(120, 10, 26, 0.85);
}

.btn--ruby > span::before,
.btn--ruby > span::after { color: var(--gold-bright); }

.btn--ruby:hover {
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 200, 0.45),
    inset 0 -3px 8px rgba(20, 0, 4, 0.55),
    0 0 0 1px rgba(240, 217, 160, 0.95),
    0 0 0 4px rgba(8, 6, 8, 0.92),
    0 0 0 5px rgba(240, 217, 160, 0.85),
    0 0 30px 0 rgba(214, 178, 106, 0.3),
    0 18px 40px -12px rgba(120, 10, 26, 0.95);
}

.btn--ruby::before { background: linear-gradient(105deg, transparent 35%, rgba(255, 236, 200, 0.35) 48%, rgba(255, 236, 200, 0.12) 52%, transparent 65%); background-size: 250% 100%; background-position: 130% 0; }

.chat__row button,
.console__form button { background: linear-gradient(180deg, #8f1426, #6a0c1a 52%, #3e060f); color: var(--gold-pale); }

.chat__msg--user { background: linear-gradient(135deg, #6a0c1a, #3e060f); border: 1px solid rgba(214, 178, 106, 0.3); }

.pill--ruby { border-color: rgba(214, 178, 106, 0.45); color: var(--gold-bright); }

.kicker::after { color: var(--gold); text-shadow: 0 0 8px rgba(214, 178, 106, 0.6); }

.account__nav a.is-active::before,
.alert--error::before { color: var(--gold); text-shadow: none; }

.nav-count,
.pill__count,
.chat__badge { background: linear-gradient(180deg, #8f1426, #5a0a16); color: var(--gold-pale); box-shadow: 0 0 0 1px rgba(214, 178, 106, 0.6); }

.cinema__counter b { -webkit-text-fill-color: var(--gold-bright); }
.cinema__progress i { background: var(--gold); box-shadow: 0 0 10px rgba(214, 178, 106, 0.6); }

.cursor i { background: var(--gold-bright); box-shadow: 0 0 12px 3px rgba(214, 178, 106, 0.6); }