.elementor-1869 .elementor-element.elementor-element-e582d69{--display:flex;--padding-top:5vw;--padding-bottom:5vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1869 .elementor-element.elementor-element-b1d944a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0em 0em 0em 0em;--padding-top:5vw;--padding-bottom:0vw;--padding-left:10vw;--padding-right:10vw;}.elementor-1869 .elementor-element.elementor-element-b1d944a:not(.elementor-motion-effects-element-type-background), .elementor-1869 .elementor-element.elementor-element-b1d944a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1ECE6;}.elementor-1869 .elementor-element.elementor-element-f533345{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1869 .elementor-element.elementor-element-f90a29b{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-1869 .elementor-element.elementor-element-f90a29b .elementor-heading-title{font-family:"optima-nova-lt-pro", Sans-serif;font-size:60px;font-weight:700;color:#111111;}.elementor-1869 .elementor-element.elementor-element-c9fd809{margin:2vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;text-align:start;}.elementor-1869 .elementor-element.elementor-element-c9fd809 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9vw;font-weight:500;line-height:1.3em;letter-spacing:-0.0275rem;color:#222222;}.elementor-1869 .elementor-element.elementor-element-6ed37ad .elementor-button{background-color:#333333;font-family:"Montserrat", Sans-serif;font-size:0.9vw;font-weight:600;letter-spacing:-0.0275rem;fill:#FFFFFF;color:#FFFFFF;--fill-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#333333;border-radius:125px 125px 125px 125px;padding:1.2em 2em 1.2em 2em;}.elementor-1869 .elementor-element.elementor-element-6ed37ad > .elementor-widget-container{margin:1vw 0vw 1vw 0vw;}.elementor-1869 .elementor-element.elementor-element-6ed37ad .elementor-button:hover, .elementor-1869 .elementor-element.elementor-element-6ed37ad .elementor-button:hover:focus{color:#000000;}.elementor-1869 .elementor-element.elementor-element-6ed37ad .elementor-button:hover svg, .elementor-1869 .elementor-element.elementor-element-6ed37ad .elementor-button:hover:focus svg{fill:#000000;}.elementor-1869 .elementor-element.elementor-element-5e88eba{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1869 .elementor-element.elementor-element-d7332ad{--display:flex;--min-height:1.25vw;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1869 .elementor-element.elementor-element-d7332ad:not(.elementor-motion-effects-element-type-background), .elementor-1869 .elementor-element.elementor-element-d7332ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ifitishealth.com/wp-content/uploads/2026/09/Ifitis-elvalaszto.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(max-width:767px){.elementor-1869 .elementor-element.elementor-element-f90a29b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-1869 .elementor-element.elementor-element-f533345{--width:40%;}.elementor-1869 .elementor-element.elementor-element-5e88eba{--width:70%;}}/* Start custom CSS for shortcode, class: .elementor-element-ca3ea8f *//* =========================================================
   IFITIS QUIZ - ALAP
========================================================= */

.ifitis-quiz {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;

    font-family: 'Montserrat', sans-serif;
    color: #333333;

    box-sizing: border-box;
}

.ifitis-quiz *,
.ifitis-quiz *::before,
.ifitis-quiz *::after {
    box-sizing: border-box;
}

.ifitis-quiz h1,
.ifitis-quiz h2,
.ifitis-quiz h3,
.ifitis-quiz p,
.ifitis-quiz label,
.ifitis-quiz span,
.ifitis-quiz button,
.ifitis-quiz input {
    font-family: 'Montserrat', sans-serif;
}


/* =========================================================
   STEP
========================================================= */

.ifitis-step {
    display: none;
    width: 100%;
    text-align: center;
}

.ifitis-step.active {
    display: block;
}


/* =========================================================
   PROGRESS DOTS
========================================================= */

.ifitis-progress {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100%;
    gap: 6px;

    margin: 0 0 30px;
}

.ifitis-progress span {
    position: relative !important;
    display: inline-flex !important;

    flex: 0 0 14px !important;

    width: 14px !important;
    height: 14px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
}

/* normál pötty */

.ifitis-progress span::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 7px;
    height: 7px;

    background: #333333;
    border-radius: 50%;

    transform: translate(-50%, -50%);

    transition: .2s ease;
}

/* aktív pötty */

.ifitis-progress span.active::after {
    width: 14px;
    height: 14px;
}


/* =========================================================
   CÍMEK / SZÖVEGEK
========================================================= */

.ifitis-step h2 {
    margin: 0 0 15px;

    color: #333333;

    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.ifitis-subtitle {
    margin: 0 0 30px;

    color: #333333;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================================
   Q1 - ÉLETKOR INPUT
========================================================= */

.ifitis-input {
    width: 100%;
}

.ifitis-input .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.ifitis-input input {
    display: block;

    width: 100%;
    height: 60px;

    margin: 0;
    padding: 0 28px;

    background: #ffffff;

    border: 1px solid #333333;
    border-radius: 50px;

    color: #333333;

    font-size: 16px;
    font-weight: 400;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.ifitis-input input::placeholder {
    color: #999999;
    opacity: 1;
}

.ifitis-input input:focus {
    border-color: #333333;
    box-shadow: 0 0 7px rgba(51, 51, 51, .15);
}


/* =========================================================
   Q2 + Q3 + Q4
   EGYSÉGES VÁLASZOK
========================================================= */

.ifitis-step[data-step="2"] .ifitis-options,
.ifitis-step[data-step="3"] .ifitis-options,
.ifitis-step[data-step="4"] .ifitis-options {
    width: 100%;
}


/* CF7 wrapper */

.ifitis-step[data-step="2"] .wpcf7-form-control,
.ifitis-step[data-step="3"] .wpcf7-form-control,
.ifitis-step[data-step="4"] .wpcf7-form-control {
    display: block;
    width: 100%;
}


/* Egy válasz */

.ifitis-step[data-step="2"] .wpcf7-list-item,
.ifitis-step[data-step="3"] .wpcf7-list-item,
.ifitis-step[data-step="4"] .wpcf7-list-item {
    display: block;

    width: 100%;

    margin: 0 0 12px;
    padding: 0;
}


/* Label = teljes kattintható pill */

.ifitis-step[data-step="2"] .wpcf7-list-item label,
.ifitis-step[data-step="3"] .wpcf7-list-item label,
.ifitis-step[data-step="4"] .wpcf7-list-item label {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: 52px;

    margin: 0;
    padding: 13px 22px;

    background: #EEE8DF;

    border: 2px solid transparent;
    border-radius: 50px;

    color: #333333;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}


/* Eredeti radio / checkbox elrejtése */

.ifitis-step[data-step="2"] .wpcf7-list-item input,
.ifitis-step[data-step="3"] .wpcf7-list-item input,
.ifitis-step[data-step="4"] .wpcf7-list-item input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
    pointer-events: none;
}


/* Válasz szövege */

.ifitis-step[data-step="2"] .wpcf7-list-item-label,
.ifitis-step[data-step="3"] .wpcf7-list-item-label,
.ifitis-step[data-step="4"] .wpcf7-list-item-label {
    display: block;

    width: 100%;

    color: #333333;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}


/* Hover */

@media (hover: hover) and (pointer: fine) {

    .ifitis-step[data-step="2"] .wpcf7-list-item label:hover,
    .ifitis-step[data-step="3"] .wpcf7-list-item label:hover,
    .ifitis-step[data-step="4"] .wpcf7-list-item label:hover {
        background: #E5DED4;
    }

}


/* Kiválasztott */

.ifitis-step[data-step="2"] .wpcf7-list-item label:has(input:checked),
.ifitis-step[data-step="3"] .wpcf7-list-item label:has(input:checked),
.ifitis-step[data-step="4"] .wpcf7-list-item label:has(input:checked) {
    background: #E3DACF;
    border-color: #333333;
}


/* =========================================================
   Q5 - NAGY IKONOS KÁRTYÁK
========================================================= */

.ifitis-step[data-step="5"] .ifitis-options {
    width: 100%;
}

.ifitis-step[data-step="5"] .wpcf7-form-control {
    display: block;
    width: 100%;
}

.ifitis-step[data-step="5"] .wpcf7-list-item {
    display: block;

    width: 100%;

    margin: 0 0 20px;
    padding: 0;
}


/* Kártya */

.ifitis-step[data-step="5"] .wpcf7-list-item label {
    position: relative;
font-weight: bold;
font-size: 16px;
    display: flex;
    align-items: center;

    width: 100%;
    min-height: 116px;

    margin: 0;

    /*
     * 112px bal padding:
     * hely a fehér ikondoboznak
     */
    padding: 20px 28px 20px 112px;

    background: #EEE8DF;

    border: 2px solid transparent;
    border-radius: 36px;

    color: #333333;

    text-align: left;

    cursor: pointer;

    transition:
        background-color .2s ease,
        border-color .2s ease;
}


/* Radio elrejtése */

.ifitis-step[data-step="5"] .wpcf7-list-item input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
    pointer-events: none;
}


/* Fehér ikon háttér */

.ifitis-step[data-step="5"] .wpcf7-list-item label::before {
    content: "";

    position: absolute;

    left: 24px;
    top: 50%;

    width: 68px;
    height: 68px;

    transform: translateY(-50%);

    background: #ffffff;

    border-radius: 20px;

    z-index: 1;
}


/* Q5 ikon */

.ifitis-step[data-step="5"] .wpcf7-list-item label::after {
    content: "";

    position: absolute;

    left: 24px;
    top: 50%;

    width: 68px;
    height: 68px;

    transform: translateY(-50%);

    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;

    z-index: 2;
}


/* 1. válasz - PIROS */

.ifitis-step[data-step="5"]
.wpcf7-list-item:nth-child(1) label::after {
    background-image: url("https://ifitishealth.com/wp-content/uploads/2026/09/Ifitis-csepp-piros.svg");
}


/* 2. válasz - SÁRGA */

.ifitis-step[data-step="5"]
.wpcf7-list-item:nth-child(2) label::after {
    background-image: url("https://ifitishealth.com/wp-content/uploads/2026/09/ifitis-csepp-sarga.svg");
}


/* Hover */

@media (hover: hover) and (pointer: fine) {

    .ifitis-step[data-step="5"] .wpcf7-list-item label:hover {
        background: #E5DED4;
    }

}


/* Selected */

.ifitis-step[data-step="5"] .wpcf7-list-item label:has(input:checked) {
    background: #E3DACF;
    border-color: #333333;
}


/* =========================================================
   FŐ CTA GOMBOK
========================================================= */

.ifitis-next,
.ifitis-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 58px;

    margin: 28px 0 0;
    padding: 12px 25px;

    background: #333333;

    border: 2px solid #333333;
    border-radius: 50px;

    color: #ffffff !important;

    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;

    text-align: center;

    cursor: pointer;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease;
}


/* Kért hover */

.ifitis-next:hover,
.ifitis-submit:hover {
    background: #ffffff;

    border-color: #333333;

    color: #333333 !important;
}


/* Focus */

.ifitis-next:focus-visible,
.ifitis-submit:focus-visible {
    outline: 2px solid #333333;
    outline-offset: 3px;
}


/* =========================================================
   VISSZA GOMB
========================================================= */

.ifitis-prev {
    display: block;

    margin: 28px auto 0;
    padding: 8px 15px;

    background: transparent;

    border: 0;

    color: #333333 !important;

    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}

.ifitis-prev:hover {
    background: transparent;
    color: #333333 !important;
    text-decoration: underline;
}


/* =========================================================
   Q1 ALSÓ INFO
========================================================= */

.ifitis-bottom-info {
    margin: 45px 0 0;

    color: #333333;

    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
}


/* =========================================================
   Q6 - NÉV / EMAIL
========================================================= */

.ifitis-email-step {
    width: 100%;
    max-width: 500px;

    margin: 0 auto;
}

.ifitis-email-step > label {
    display: block;

    width: 100%;

    margin: 0 0 18px;

    color: #333333;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;

    text-align: left;
}

.ifitis-email-step .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}


/* Inputok */

.ifitis-email-step input[type="text"],
.ifitis-email-step input[type="email"] {
    display: block;

    width: 100%;
    height: 60px;

    margin: 8px 0 0;
    padding: 0 28px;

    background: #ffffff;

    border: 1px solid #333333;
    border-radius: 50px;

    color: #333333;

    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.ifitis-email-step input[type="text"]::placeholder,
.ifitis-email-step input[type="email"]::placeholder {
    color: #999999;
    opacity: 1;
}

.ifitis-email-step input[type="text"]:focus,
.ifitis-email-step input[type="email"]:focus {
    border-color: #333333;
    box-shadow: 0 0 7px rgba(51, 51, 51, .15);
}


/* =========================================================
   CONSENT
========================================================= */

.ifitis-consent {
    width: 100%;

    margin: 25px 0;

    color: #333333;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;

    text-align: left;
}

.ifitis-consent .wpcf7-list-item {
    margin: 0;
}

.ifitis-consent label {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    color: #333333;

    cursor: pointer;
}

.ifitis-consent input[type="checkbox"] {
    flex: 0 0 auto;

    width: 20px;
    height: 20px;

    margin: 1px 0 0;

    accent-color: #333333;

    cursor: pointer;
}

.ifitis-consent .wpcf7-list-item-label {
    color: #333333;
}


/* =========================================================
   EMAIL NÉLKÜLI EREDMÉNY
========================================================= */

.ifitis-skip-email {
    display: block;

    margin: 28px auto 0;
    padding: 5px;

    background: transparent;

    border: 0;

    color: #333333 !important;

    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-decoration: underline;

    cursor: pointer;
}

.ifitis-skip-email:hover {
    background: transparent;
    color: #333333 !important;
}


/* =========================================================
   CF7 VALIDÁCIÓ
========================================================= */

.ifitis-quiz .wpcf7-not-valid-tip {
    margin-top: 7px;

    color: #333333;

    font-size: 12px;
    text-align: left;
}

.ifitis-quiz .wpcf7-response-output {
    margin: 20px 0 0 !important;
    padding: 12px 20px !important;

    border: 1px solid #333333 !important;
    border-radius: 15px;

    color: #333333;

    font-size: 13px;
}


/* =========================================================
   EREDMÉNY
========================================================= */

.ifitis-result {
    width: 100%;

    color: #333333;

    text-align: center;
}

.ifitis-result-inner {
    width: 100%;
}

.ifitis-result-inner h2 {
    margin: 0 0 18px;

    color: #333333;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}

.ifitis-result-inner p {
    color: #333333;

    font-size: 15px;
    line-height: 1.6;
}


/* =========================================================
   MOBIL
========================================================= */

@media (max-width: 767px) {

    .ifitis-quiz {
        padding: 15px;
    }

    .ifitis-step h2 {
        font-size: 22px;
    }

    .ifitis-progress {
        margin-bottom: 25px;
    }

    /* Q2-Q4 */

    .ifitis-step[data-step="2"] .wpcf7-list-item label,
    .ifitis-step[data-step="3"] .wpcf7-list-item label,
    .ifitis-step[data-step="4"] .wpcf7-list-item label {
        min-height: 50px;
        padding: 12px 18px;
    }

    /* Q5 */

    .ifitis-step[data-step="5"] .wpcf7-list-item label {
        min-height: 96px;

        padding:
            15px
            18px
            15px
            92px;

        border-radius: 28px;
    }

    .ifitis-step[data-step="5"] .wpcf7-list-item label::before {
        left: 18px;

        width: 58px;
        height: 58px;

        border-radius: 17px;
    }

    .ifitis-step[data-step="5"] .wpcf7-list-item label::after {
    left: 18px;
    width: 58px;
    height: 58px;
    background-size: 26px 26px;
}

    .ifitis-step[data-step="5"] .wpcf7-list-item-label {
        font-size: 14px;
    }

}/* End custom CSS */