:root, .editor-styles-wrapper {
  --bg: #0c0a08;
  --bg-2: #141009;
  --panel: #1a1408;
  --gold: #e8b53e;
  --gold-soft: #d9a441;
  --red: #e3262f;
  --red-deep: #b01820;
  --ink: #f3ead4;
  --muted: #a99a78;
  --line: rgba(232, 181, 62, .18);
  --radius: 14px;
}

/* Глобальные стили кнопок для блоков (чтобы отображались в редакторе) */
.btn {
  display: inline-block;
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  font-size: 14px;
  padding: 11px 20px;
  border-radius: 999px;
  letter-spacing: .01em;
  cursor: pointer;
  border: none;
  background: linear-gradient(135deg, var(--red), var(--red-deep));
  color: #fff !important;
  box-shadow: 0 6px 22px -8px var(--red);
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn.gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-soft));
  color: #1a1206 !important;
  box-shadow: 0 6px 22px -8px var(--gold);
}

/* Делаем превью LazyBlocks на всю ширину в редакторе */
.wp-block[data-type^="lazyblock/"] {
  max-width: 100% !important;
}

/* Глобальные стили секций (чтобы работали и в редакторе) */
.wrap { max-width: 1140px; margin: 0 auto; padding: 0 22px; box-sizing: border-box; }
section { padding: 54px 0; }

.sec-eyebrow { font-family:'Archivo', sans-serif; font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--red); margin-bottom:12px; }
h2.sec-title { font-size:clamp(26px,3.4vw,36px); font-weight:800; margin-bottom:10px; font-family:'Archivo', sans-serif; line-height:1.12; color:var(--ink); }
h2.sec-title em { font-style:normal; color:var(--gold); }
.sec-intro { color:#c4b994; max-width:680px; font-size:16px; margin-bottom:30px; font-family:'Manrope', sans-serif; }