/* =========================
   TEST PAGE SHELL
========================= */

.ptest {
    width: 100%;
    display: block;
}

/* =========================
   SUBHEADER WRAPPER
========================= */

.ptest-subheader {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    /* Subheader içində real content (container) */
    .ptest-subheader .container,
    .ptest-subheader .pf-subheader,
    .ptest-subheader .personality-subheader {
        width: min(980px, calc(100% - 32px));
        margin-left: auto;
        margin-right: auto;
    }

/* =========================
   TEST BODY
========================= */

.ptest-body {
    width: 100%;
    display: flex;
    justify-content: center;
}

    /* Test content mərkəzdə, subheader ilə eyni oxda */
    .ptest-body .test-wrapper {
        width: min(980px, calc(100% - 32px));
        margin: 0 auto;
    }

/* =========================
   RESPONSIVE — TABLET
========================= */

@media (max-width: 992px) {

    .ptest-subheader .container,
    .ptest-subheader .pf-subheader,
    .ptest-subheader .personality-subheader,
    .ptest-body .test-wrapper {
        width: calc(100% - 32px);
    }
}

/* =========================
   RESPONSIVE — MOBILE
========================= */

@media (max-width: 576px) {

    .ptest-subheader {
        margin-bottom: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .ptest-subheader .container,
        .ptest-subheader .pf-subheader,
        .ptest-subheader .personality-subheader,
        .ptest-body .test-wrapper {
            width: calc(100% - 24px);
        }
}