/* One homepage canvas, sampled from the approved hero. Keep the contact
 * banner and component surfaces (papers, cards, buttons) independent. */
body.homepage-refresh-page {
    --homepage-canvas: #f6f6f7;
    background: var(--homepage-canvas);
}

body.homepage-refresh-page :is(
    #main-content[data-homepage-refresh],
    #main-content[data-homepage-refresh] > section,
    .homepage-portfolio-showcase,
    .homepage-portfolio-showcase > .kg-portfolio-showcase,
    .s-about,
    .s-calc-cost,
    .s-advantages,
    #guarantees.kg-guarantees-documents,
    .s-stages,
    .s-reviews,
    .s-clients,
    #recording-guide,
    #contacts
) {
    background: var(--homepage-canvas) !important;
}

/* Remove the guarantee section's canvas grain, not the paper texture. */
body.homepage-refresh-page #guarantees.kg-guarantees-documents::before {
    background: none;
}

/* The calculator used white copy on a red section. Restore readable ink
 * while leaving its button contrast and existing interaction intact. */
body.homepage-refresh-page #calc.s-calc-cost,
body.homepage-refresh-page #calc.s-calc-cost :is(.headers__title, .headers__subtitle, .headers__pretitle) {
    color: #3b4173 !important;
}
body.homepage-refresh-page #calc.s-calc-cost .headers :is(span, strong, br) {
    color: inherit !important;
}