/* ===== On Guard – надгражда общия styles.css (копие от maXilin) ===== */
:root { --green: #B4502C; --green-deep: #8C3A1E; --green-soft: rgba(180, 80, 44, .1); }

.hero.mx h1 { font-size: clamp(34px, 4.6vw, 60px); }
.hero-media img { width: 100%; max-height: 640px; object-fit: cover; object-position: center 40%; }
.hero-price { margin: 22px 0 0; font-size: 15px; color: var(--cream-soft); }
.hero-price s { opacity: .7; }
.hero-price b { color: var(--gold); font-size: 17px; }

.card-dark { background: var(--charcoal); border-color: var(--charcoal); }
.card-dark h3 { color: var(--cream); }
.card-dark p { color: var(--cream-soft) !important; }
.card-dark .card-risk { color: var(--cream) !important; border-color: var(--line-dark); }
.card-dark .card-num { color: var(--gold); font-style: normal; font-weight: 700; }

.split-media img { width: 100%; }
.dark .split-text h2 { color: var(--cream); }
.on-dark { color: var(--cream-soft) !important; font-size: 17px; }
.sign { font-family: var(--serif); font-style: italic; color: var(--gold) !important; font-size: 20px !important; }
.steps .ref { vertical-align: super; }

.price-line { flex-wrap: wrap; }
.old-price { font-family: var(--serif); font-size: 26px; color: var(--ink-soft); text-decoration-thickness: 2px; text-decoration-color: var(--red); }
.price-note { font-size: 14.5px; color: var(--ink-soft); margin-bottom: 16px; }
#poruchka.cream .lead-form { background: #fff; border: 1px solid var(--line); }
#poruchka .order-card { background: #fff; border: 1px solid var(--line); }
#poruchka .order-card img { max-height: 520px; width: 100%; object-fit: cover; }
.summary s { color: var(--ink-soft); font-weight: 400; margin-right: 6px; }
.summary .save { color: var(--green-deep); font-weight: 600; }
.summary .summary-note { margin: 6px 0 0; font-size: 13px !important; color: var(--ink-soft) !important; }
.sources { background: var(--paper); }
@media (max-width: 900px) {
  .hero-media img { max-height: 520px; }
  .dark .split { display: flex; flex-direction: column-reverse; }
}