, so the theme's .value h4 / .value p rules
never match. Restyle .v-body to the artifact's muted body
copy and give its inner link a gold accent.
Icon ring/stroke are already handled by the theme
(svg.ti-line-icon stroke-width:1.6 + .value .ic color) and
are intentionally NOT re-declared here.
Tokens are defined in the theme :root, so var() is faithful.
============================================================ */
/* --- card body copy (was .value p in the artifact) --- */
.value .v-body{
margin:0;
color:var(--muted);
font-size:.9rem;
line-height:1.6;
}
/* --- link inside the card body (VIP card anchor) --- */
.value .v-body a{
color:var(--gold-ink);
font-weight:600;
transition:color .25s ease;
}
.value .v-body a:hover{
color:var(--gold-lo);
text-decoration:underline;
text-underline-offset:3px;
}
/* ============================================================
Dark advantages band + CTA — fidelity overrides
theme style.css already carries .band-ink / .adv / .adv li /
.cta-band / .tc-visual matching the approved artifact.
These rules ADD ONLY what still diverges on the live markup.
============================================================ */
/* 1. Right-column sub-headings live INSIDE the dark band.
Global h1..h5{color:var(--text)} (var(--text)) paints h4/h5
near-black on near-black; theme only whitened .tc-visual h3.
Force the remaining headings light so the
"…включает в себя" step block is readable. */
.band-ink .tc-visual h3,
.band-ink .tc-visual h4,
.band-ink .tc-visual h5{color:#ffffff}
.band-ink .tc-visual h5{font-size:1rem;font-weight:600;margin:16px 0 6px}
.band-ink .tc-visual em{color:#c3c7cc}
/* 2. In-copy links on the dark band inherit body colour
(a{color:inherit}) and vanish into the paragraph.
Make them read as gold, like the rest of the design. */
.band-ink a{color:var(--gold-hi)}
.band-ink a:hover{color:var(--gold)}
.adv li div a{font-weight:600}
/* 3. Advantages intro paragraph: slightly muted + spaced
from the checklist below. */
.band-ink .adv-intro{margin:12px 0 20px}
.band-ink .adv-intro p{margin:0;color:#c3c7cc;font-size:.95rem}
/* ---- loader spinner un-collision (fleet .car rule bleed) ---- */
/* Un-collide the loading spinner from the fleet-card skin.
The bare .car / .car:hover rules (theme_style L262-263) paint
the loader's
white with a border, force
flex-column, and lift it 6px on overlay hover. Neutralise every
property those rules inject so the loader's own animation CSS
(.strike / .car-detail / .wheel) renders as a plain block div,
exactly as it did before the unscoped fleet rule existed. */
.loading-window .car,
.loading-window .car:hover{
background:none;
border:0;
box-shadow:none;
transform:none;
display:block;
flex-direction:initial;
transition:none;
}
/* ============================================================
FIDELITY FIX — Footer band (Header/nav + tokens section)
------------------------------------------------------------
Header, nav, RU/EN switch, mobile drawer, global .btn gold
gradient, :root tokens, .eyebrow and .sec-head already match
artifact.css in theme style.css — left untouched.
The break is the footer: on the live template the --ink band is
stranded on the EMPTY shell while the real
.fcols + .fbot render as bare, full-bleed, uncentered blocks on
the light --bg. Repaint the dark band onto the real content and
center it to the 1240px wrap via a full-bleed gutter that MATCHES
.wrap exactly (content = 1240 - 48 = 1192px, so the footer columns
align vertically with every .wrap section above). No wrapper
element exists in the markup, hence padding-inline.
============================================================ */
.fcols,
.fbot{
background:var(--ink);
/* full-bleed dark; inner content centered to the SAME 1192px
box as .wrap (max-width 1240 + 24px inner padding each side).
The +24px reproduces .wrap's inner padding so footer columns
line up with the hero/sections; max() floors the gutter at
24px on narrow viewports. */
padding-inline:max(24px, calc((100% - var(--wrap)) / 2 + 24px));
}
.fcols{
padding-top:58px; /* was implicit on footer.site in artifact */
}
.fbot{
padding-bottom:24px;
}
/* genesis_do_footer() ships the credit with a hard-coded mobile
(.responsive-visible-footer) plus a desktop " |" (.responsive-hidden-footer).
The premium sheet never carried the toggle, so the
always fired and
"© YEAR All rights reserved | Powered by iWebsite" wrapped to two lines.
Kill the stray break, keep the separator → one clean line. */
.fbot .responsive-visible-footer{display:none}
.fbot .responsive-hidden-footer{display:inline}
/* the live