/*body {
    background-color: white;
    background-image: url(https://st-hummel.mncdn.com/Content/img/lp/peanuts-cekilis/00b-bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 600px;
}*/

.cnt-babalar-cek {
    margin: auto; /*max-width: 1040px;*/
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .cnt-babalar-cek > * {
        margin: auto;
    }

    .cnt-babalar-cek img {
        max-width: 100%;
    }

    .cnt-babalar-cek .pn-btn {
        width: 70vw;
        max-width: 600px;
        text-align: center;
    }

    .cnt-babalar-cek .pn-terms {
        width: 70vw;
        max-width: 1000px;
    }

    .cnt-babalar-cek .pn-logo {
        width: 50vw;
        max-width: 400px;
    }

    .cnt-babalar-cek .pn-fg {
        position: fixed;
        z-index: 65465464654;
        inset: 0;
        background-color: black;
        opacity: 0.7;
    }

    .cnt-babalar-cek .pn-popup {
        position: fixed;
        display: flex;
        flex-direction: column;
        z-index: 65465464655;
        width: 100vw;
        top: 50%;
        left: 50%;
        max-width: 600px;
        transform: translate(-50%, -50%);
        background-image: url(https://st-hummel.mncdn.com/Content/img/lp/peanuts-cekilis/10-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-bottom: 20px;
    }

        .cnt-babalar-cek .pn-popup > * {
            margin: 0 auto;
        }

    .cnt-babalar-cek .pnp-banner {
        padding: 30px;
        padding-bottom: 0;
    }

    .cnt-babalar-cek .pnp-quit {
        width: 50vw;
        max-width: 300px;
    }

    .cnt-babalar-cek .pnp-btn {
        width: 60vw;
        max-width: 450px;
    }

    .cnt-babalar-cek .pnp-item {
        visibility: hidden;
        pointer-events: none;
    }

    .cnt-babalar-cek .btn-quit {
        display: none;
    }

    .cnt-babalar-cek.poped .pnp-item {
        visibility: visible;
        pointer-events: initial;
    }

    .cnt-babalar-cek.logged .btn-quit {
        display: block;
    }

    .cnt-babalar-cek.logged .btn-submit {
        display: none;
    }

.pn-info {
    max-width: 1040px;
}

.cnt-babalar-cek .description {
    width: 100%;
    max-width: 800px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 5vw;
    margin: 0;
    font-size: clamp(16px,2.5vw,24px);
}

    .cnt-babalar-cek .description h2 {
        margin-top: 1em;
    }

    .cnt-babalar-cek .description ul {
        padding-left: 1em;
        float: none;
    }

    .cnt-babalar-cek .description li {
        list-style: disc;
        float: none;
    }

    .cnt-babalar-cek .description strong {
        font-weight: 500;
    }

.cnt-babalar-cek .bee-badge img {
    width: 200px;
}

.cnt-babalar-cek .pn-popup {
    /*position: relative;*/
    padding: 0;
}

    .cnt-babalar-cek .pn-popup .media {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cnt-babalar-cek .pn-popup .content {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        text-align: center;
        padding: 30px;
    }

        .cnt-babalar-cek .pn-popup .content .badge {
            width: clamp(150px,30vw,200px);
            height: auto;
            margin-bottom: 10%;
        }

        .cnt-babalar-cek .pn-popup .content h2 {
            font-size: clamp(22px,3vw,40px);
        }

        .cnt-babalar-cek .pn-popup .content p {
            font-size: clamp(18px,2.5vw,30px);
            margin-bottom: 2em;
        }