/* ==========================================================================
   41. DEPISTAGE PERVERSION NARCISSIQUE + QUESTIONNAIRE
   ========================================================================== */

body.modern-page.pn-screening-page #main > .inner > section,
body.modern-page.pn-questionnaire-page #main > .inner > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.modern-page.pn-screening-page .pn-hero,
body.modern-page.pn-questionnaire-page .pnq-hero {
    padding: 2.3rem 0 1rem !important;
    border-top: 0 !important;
}

body.modern-page.pn-screening-page .pn-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(300px,.75fr);
    gap: 2.1rem;
    align-items: center;
}

body.modern-page.pn-screening-page .pn-hero-copy h1,
body.modern-page.pn-questionnaire-page .pnq-hero h1 {
    margin: .15rem 0 .35rem;
}

body.modern-page.pn-screening-page .pn-subtitle,
body.modern-page.pn-questionnaire-page .pnq-subtitle {
    margin: 0 0 1rem !important;
    color: var(--bp-accent) !important;
    font-family: "Roboto Slab", serif;
    font-size: 1.08rem !important;
    font-weight: 700;
}

body.modern-page.pn-screening-page .pn-hero-visual img {
    width: 100%;
    display: block;
    border-radius: var(--bp-radius-lg);
    object-fit: cover;
    max-height: 390px;
}

body.modern-page.pn-screening-page #main > .inner > .pn-section,
body.modern-page.pn-questionnaire-page #main > .inner > .pnq-section {
    padding: 1.05rem 0 !important;
    border-top: 1px solid var(--bp-border);
}

body.modern-page.pn-screening-page .pn-value-grid,
body.modern-page.pn-screening-page .pn-analysis-grid {
    display: grid;
    gap: .8rem;
    margin-top: .8rem;
}

body.modern-page.pn-screening-page .pn-value-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

body.modern-page.pn-screening-page .pn-analysis-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

body.modern-page.pn-screening-page .pn-value-card,
body.modern-page.pn-screening-page .pn-analysis-card {
    padding: 1rem 1.1rem;
    border: 1px solid var(--bp-border);
    border-radius: var(--bp-radius-lg);
    background: #fff;
}

body.modern-page.pn-screening-page .pn-value-card h3,
body.modern-page.pn-screening-page .pn-analysis-card h3 {
    margin-bottom: .4rem;
    font-size: 1.02rem;
}

body.modern-page.pn-screening-page .pn-value-card p,
body.modern-page.pn-screening-page .pn-analysis-card p {
    margin: 0 !important;
    line-height: 1.58 !important;
}

body.modern-page.pn-screening-page .pn-note {
    max-width: 100% !important;
    margin: 0 !important;
}

body.modern-page.pn-screening-page .pn-purchase {
    text-align: center;
    max-width: 760px;
    margin: 0 auto !important;
}

body.modern-page.pn-screening-page .pn-purchase .purchase-price {
    font-size: 2.55rem;
    font-weight: 800;
    line-height: 1.15;
    margin: .45rem 0 .65rem;
}

body.modern-page.pn-screening-page .pn-purchase-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 1rem 0 !important;
}

body.modern-page.pn-screening-page .pn-purchase-actions form {
    margin: 0 !important;
}

body.modern-page.pn-screening-page .pn-purchase-actions .button,
body.modern-page.pn-screening-page .pn-purchase-actions button {
    margin: 0 !important;
}

body.modern-page.pn-screening-page .purchase-secure {
    margin: .75rem 0 !important;
    font-size: .93rem !important;
    opacity: .9;
}

body.modern-page.pn-screening-page .purchase-instruction {
    max-width: 650px;
    margin: 0 auto .8rem !important;
}

body.modern-page.pn-screening-page .pn-final {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 1.25rem 0 0 !important;
    padding: 1.65rem 1.9rem !important;
    border-top: 0 !important;
    border-radius: var(--bp-radius-lg) !important;
    text-align: center !important;
}

body.modern-page.pn-screening-page .pn-final h2 {
    display: block !important;
    visibility: visible !important;
    margin: 0 0 .55rem !important;
    color: #fff !important;
    font-size: 1.45rem !important;
    line-height: 1.35 !important;
}

body.modern-page.pn-screening-page .pn-final > p {
    max-width: 820px !important;
    margin: 0 auto 1.1rem !important;
    color: rgba(255,255,255,.92) !important;
    line-height: 1.58 !important;
}

body.modern-page.pn-screening-page .pn-final .deep-final-actions {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
}

body.modern-page.pn-questionnaire-page .pnq-hero {
    max-width: 980px;
}

body.modern-page.pn-questionnaire-page .pnq-instructions {
    margin-top: 1rem;
}

body.modern-page.pn-questionnaire-page .pnq-instructions ul {
    margin-bottom: 0;
}

body.modern-page.pn-questionnaire-page .pnq-question-list {
    display: grid;
    gap: .65rem;
    margin-top: .7rem;
}

body.modern-page.pn-questionnaire-page .pnq-question-card {
    display: grid;
    grid-template-columns: 2.3rem minmax(0,1fr);
    gap: .75rem;
    align-items: start;
    padding: .85rem 1rem;
    border: 1px solid var(--bp-border);
    border-radius: var(--bp-radius);
    background: #fff;
}

body.modern-page.pn-questionnaire-page .pnq-number {
    display: inline-flex;
    width: 2.1rem;
    height: 2.1rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(245,106,106,.12);
    color: var(--bp-accent);
    font-weight: 800;
    line-height: 1;
}

body.modern-page.pn-questionnaire-page .pnq-question {
    margin: .15rem 0 0 !important;
    line-height: 1.55 !important;
}

body.modern-page.pn-questionnaire-page .pnq-end-box {
    max-width: 100% !important;
    margin: 0 !important;
}

@media screen and (max-width: 950px) {
    body.modern-page.pn-screening-page .pn-hero-grid,
    body.modern-page.pn-screening-page .pn-value-grid {
        grid-template-columns: 1fr;
    }
    body.modern-page.pn-screening-page .pn-hero-visual {
        max-width: 680px;
    }
}

@media screen and (max-width: 760px) {
    body.modern-page.pn-screening-page .pn-analysis-grid {
        grid-template-columns: 1fr;
    }
    body.modern-page.pn-screening-page .pn-final {
        padding: 1.4rem 1.1rem !important;
    }
}