/* ============================================================================
   SHARED COMPONENT: warm form panel system (B6 vehicle) — SKIN tier — from site-wikioo-V2.0.css, original order
   Migrated 2026-07-05. Cluster: form_produc / valuation_form_box /
   consultation-form / btn-next / consultation_container / consultation_content —
   the shared entrance/manage/appraisal/consultation/funnel form chrome
   (26-63 templates → linked from the 8 base-*.html like the breadcrumb).
   Carries the --appraisal-* token system (see restyle8 art_appraisal notes).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
body.custom-repro-page .consultation_content h6 {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--muted);
}

body.custom-repro-page .consultation_content h1 {
    font-family: var(--font-title);
    font-weight: 500;
    letter-spacing: -0.5px;
    color: var(--ink);
}

body.custom-repro-page .production_form .form_produc {
    background: var(--page);
    border: 1px solid var(--card-border);
    border-radius: 0;
    box-shadow: none;
    padding: var(--sp-8);
}

@media (max-width: 767px) {
body.custom-repro-page .production_form .form_produc {
        padding: var(--sp-7);
    }

}
body.art-consultation-page .btn-next { background: var(--ink, #1c1c1c) !important; border-color: var(--ink, #1c1c1c) !important; color: var(--page, #ffffff) !important; }

body.art-appraisal-page .consultation_content h6 { color: var(--muted, #8a8a8a); }

body.art-appraisal-page .consultation_content h1 { color: var(--ink, #1c1c1c); }

body.art-appraisal-page .consultation_content p { color: var(--ink-soft, #494949); }

body.art-appraisal-page .valuation_form_box label { color: #1c1c1c; }

.full_width_hero_banner_with_background_image .consultation_content,
.full_width_hero_banner_with_video .consultation_content {
    height: auto !important;
}

.full_width_hero_banner_with_background_image .consultation_content h6,
.full_width_hero_banner_with_video .consultation_content h6,
.full_width_hero_banner_with_background_image .consultation_content.top100_banner h2,
.full_width_hero_banner_with_video .consultation_content.top100_banner h2 {
    font-family: var(--font-body, "Helvetica Neue", sans-serif) !important;
    font-weight: 600 !important;
    font-size: clamp(0.7rem, 2.2vh, 0.85rem) !important;   /* was 4vh / 70px */
    line-height: 1.3 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--muted, #8a8a8a) !important;
    padding-bottom: 6px !important;
    margin: 0 !important;
}

.full_width_hero_banner_with_background_image .consultation_content h1,
.full_width_hero_banner_with_video .consultation_content h1 {
    font-family: var(--font-title, "Newsreader", serif) !important;
    font-weight: 400 !important;
    font-size: clamp(1.9rem, 4.5vh, 3rem) !important;       /* was 8vh (~88px) */
    line-height: 1.1 !important;
    letter-spacing: -0.5px;
    color: var(--ink, #1c1c1c) !important;
    margin: 0 !important;   /* kill the default ~55px/32px h1 margins that left a tall empty band */
}

.full_width_hero_banner_with_background_image .consultation_content p,
.full_width_hero_banner_with_video .consultation_content p {
    color: var(--ink-soft, #494949) !important;
}

/* ============================================================================
   SHARED LEGACY FORM FAMILY (2026-07-06): e_card_form / e_card_section /
   add_tocart_btn / art_quize_section - the shared form panel + quiz section
   used by ~35 templates (buy pages, user forms, checkout, detail pages).
   Folded into this base-linked component from base-wikioo-V2.1.css, original order.
   ========================================================================= */

@media (max-width: 768px) {
  .e_card_form {
    padding: 24px;
    margin: 24px auto;
}

}
.e_card_form .form-floating > .form-control,.e_card_form .form-floating > .form-select {
    padding-top: 1.2rem !important;
    padding-bottom: 8px;
}

.e_card_form .form-floating > .form-control ~ label,.e_card_form .form-floating > .form-control-plaintext ~ label,.e_card_form .form-floating > .form-select ~ label {
    color: #7b7b7b !important;
    opacity: 0.8;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    font-size: 12px !important;
}

body.error-general-page .e_card_section .e_card_form {
    --error-card-bg: rgba(255,255,255,0.95);
}