.module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.one-column #content .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.one-column #content .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.two-column #content .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.two-column #content .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.side-column .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide{margin-right:0;width:calc((100% - 0*0px)/1 - .01px)}.side-column .module-blocks-1241.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide){padding:0;width:calc(100%/1 - .01px)}.module-blocks-1241>.module-body>.flex-grid>*{flex-grow:1}div.module-blocks-1241.blocks-grid>.module-body>.auto-grid{--auto-grow-type:auto-fit;--item-width:var(--item-fit)}.module-blocks-1241.blocks-grid>.module-body>.auto-grid{margin-inline-start:unset;margin-inline-end:unset;--fr:1fr}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-grid-items{grid-auto-flow:row dense;overflow-x:initial;padding-inline-start:unset;padding-inline-end:unset}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls{display:none}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after{display:none}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a{pointer-events:auto}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before{--fader-status:0;display:none}.module-blocks-1241.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after{--fader-status:0;display:none}div.module-blocks-1241.blocks-grid>.module-body>.auto-grid .auto-carousel-controls{--auto-carousel-controls-max-width:min(min(var(--content-max-width,100%) - var(--scroll-padding,0px)*2,var(--content-max-width,100%) - var(--content-gutter,0)*2),100% - var(--scroll-padding,0px)*2)}.module-blocks-1241>.module-body>div .block-wrapper .block-title.module-title{font-family:'Inter';font-weight:700;font-size:var(--j-font_size-font-size--title-module);color:rgba(33,32,32,1);letter-spacing:-.5px;line-height:1.3;border-style:none;margin-bottom:1em !important;white-space:normal;overflow:initial;text-overflow:initial;-webkit-line-clamp:initial;-webkit-line-clamp:2}.module-blocks-1241>.module-body>div .block-wrapper .block-title.module-title:after{display:none}.module-blocks-1241>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after{display:none}.module-blocks-1241>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after{display:none}.module-blocks-1241>.module-body>div .block-item:before{display:none}.module-blocks-1241>.module-body>div .block-item{color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.module-blocks-1241>.module-body>div .block-item .block-body{padding-top:var(--j-gap-spacing-gap-3);--element-padding-top:var(--j-gap-spacing-gap-3)}.module-blocks-1241>.module-body>div .block-footer{margin-top:var(--j-gap-spacing-vertical-l);--element-margin-top:var(--j-gap-spacing-vertical-l)}.module-blocks-1241>.module-body>div .block-footer .btn{width:auto}.module-blocks-1241>.module-body>div .block-item:nth-child(even) .block-footer .btn{width:auto}.module-blocks-1241>.module-body>div .block-header .title{order:-1}.module-blocks-1241>.module-body>div .block-body{--image-split-ratio:40% !important;--block-body-gap:var(--j-gap-spacing-gap-5)}.module-blocks-1241>.module-body>div .block-header{--unit:1%;flex-basis:calc((600px - (100*var(--unit,1%)))*9999);display:var(--display);align-items:center;text-align:center;justify-content:flex-start}.module-blocks-1241>.module-body>div .block-item>.block-body{--display:flex;flex-direction:row;--image-split-ratio:50%;gap:var(--block-body-gap,0px);flex-wrap:wrap}.module-blocks-1241>.module-body>div .block-item>.block-body>.block-header{float:none;margin-inline:0}.module-blocks-1241>.module-body>div .block-item>.block-body>.block-header+.block-wrapper{min-width:0}.module-blocks-1241>.module-body>div .block-item>.block-body:after{display:none}.module-blocks-1241>.module-body>div .block-header img{width:auto;height:auto}.module-blocks-1241 .module-body .block-item:before{display:none}.module-blocks-1241 .module-body .block-header .title{order:-1}div.module-blocks-1241>.module-body .module-item.block-item>.block-body>.block-header{float:left;min-width:0 !important;margin-inline-end:var(--block-body-gap,0px)}div.module-blocks-1241>.module-body .module-item.block-item>.block-body{--display:block}div.module-blocks-1241>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:auto}div.module-blocks-1241>.module-body .module-item.block-item>.block-body:after{display:table}@media (max-width:1200px){div.module-blocks-1241>.module-body .module-item.block-item>.block-body{--display:flex;flex-direction:column;flex-wrap:nowrap;--image-split-ratio:100%}div.module-blocks-1241>.module-body .module-item.block-item>.block-body>.block-header{float:none;margin-inline:0}div.module-blocks-1241>.module-body .module-item.block-item>.block-body>.block-header+.block-wrapper{min-width:100%}div.module-blocks-1241>.module-body .module-item.block-item>.block-body:after{display:none}}@media (max-width:900px){.module-blocks-1241 .module-body .block-header img{width:100%;height:100%;object-fit:cover}div.module-blocks-1241 .module-body .block-header img{margin-right:0;--element-margin-right:0px}} .module-blocks-1241 > .module-body > div .block-header img {
    width: 100%;
}.module-blocks-1241 .module-item-1>.block-body{height:100%}.module-blocks-1241 .module-item-1 .block-header{margin-bottom:var(--j-gap-spacing---4);--element-margin-bottom:var(--j-gap-spacing---4)}.module-blocks-1241 .module-item-1 .block-header img{border-radius:4px;--element-border-radius:4px}.module-blocks-1241 .module-item-1 .block-map>iframe{filter:grayscale(0)}.module-blocks-1241 .module-item-1 .expand-content{max-height:100%;overflow:visible;max-height:380px}.module-blocks-1241 .module-item-1 .block-expand.btn,.module-blocks-1241 .module-item-1 .block-expand.btn:visited{color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important}.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:hover{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - -1%),calc(var(--j-color-scheme-background-secondary-a)*1));--background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - -1%),calc(var(--j-color-scheme-background-secondary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:hover:active{color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1)) !important}.module-blocks-1241 .module-item-1 .block-expand.btn{--focus-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;border-width:1px;border-style:solid;border-color:hsla(var(--j-color-scheme-foreground-secondary-h),var(--j-color-scheme-foreground-secondary-s),calc(var(--j-color-scheme-foreground-secondary-l) - 0%),calc(var(--j-color-scheme-foreground-secondary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn,.module-blocks-1241 .module-item-1 .block-expand.tooltip{background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1));--background-color:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:hover:active,.module-blocks-1241 .module-item-1 .block-expand.btn:focus:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:focus:hover:active{background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1));--background-color:hsla(var(--j-color-scheme-background-tertiary-h),var(--j-color-scheme-background-tertiary-s),calc(var(--j-color-scheme-background-tertiary-l) - 0%),calc(var(--j-color-scheme-background-tertiary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn:focus,.module-blocks-1241 .module-item-1 .block-expand.btn[disabled]{background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - -1%),calc(var(--j-color-scheme-background-secondary-a)*1)) !important;--background-color:hsla(var(--j-color-scheme-background-secondary-h),var(--j-color-scheme-background-secondary-s),calc(var(--j-color-scheme-background-secondary-l) - -1%),calc(var(--j-color-scheme-background-secondary-a)*1)) !important}.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:hover,.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:active:hover{border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-expand.btn:hover:active,.module-blocks-1241 .module-item-1 .block-expand.btn:focus:active{border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1)) !important}.module-blocks-1241 .module-item-1 .block-expand.btn:focus{border-color:hsla(var(--j-color-scheme-foreground-primary-h),var(--j-color-scheme-foreground-primary-s),calc(var(--j-color-scheme-foreground-primary-l) - 0%),calc(var(--j-color-scheme-foreground-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-expand.btn.btn.disabled:after{font-size:1em}.module-blocks-1241 .module-item-1 .block-expand-overlay{--expand-overlay:hsla(var(--j-color-scheme-background-primary-h),var(--j-color-scheme-background-primary-s),calc(var(--j-color-scheme-background-primary-l) - 0%),calc(var(--j-color-scheme-background-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-content{column-count:initial}.module-blocks-1241 .module-item-1 .block-footer .btn{width:auto;--focus-color:rgba(242,199,81,1) !important;border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);padding:1em;--element-padding:1em;padding-right:2em;--element-padding-right:2em;padding-left:2em;--element-padding-left:2em;border-radius:99px !important;--element-border-radius:99px !important;--scale-active:.98;transform:scale(calc(100/100));transform-origin:center}.module-blocks-1241 .module-item-1 .block-footer{text-align:center}.module-blocks-1241 .module-item-1 .block-footer .btn,.module-blocks-1241 .module-item-1 .block-footer .btn:visited{color:rgba(255,255,255,1) !important;letter-spacing:0 !important}.no-touchevents .module-blocks-1241 .module-item-1 .block-footer .btn:hover{color:rgba(242,199,81,1) !important;background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - -5%),calc(var(--j-color-scheme-brand-primary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - -5%),calc(var(--j-color-scheme-brand-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-footer .btn:hover:active{color:rgba(242,199,81,1) !important}.module-blocks-1241 .module-item-1 .block-footer.btn{justify-content:center}.module-blocks-1241 .module-item-1 .block-footer .btn,.module-blocks-1241 .module-item-1 .block-footer .tooltip{background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 0%),calc(var(--j-color-scheme-brand-primary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 0%),calc(var(--j-color-scheme-brand-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-footer .btn:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-footer .btn:hover:active,.module-blocks-1241 .module-item-1 .block-footer .btn:focus:active,.no-touchevents .module-blocks-1241 .module-item-1 .block-footer .btn:focus:hover:active{background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 5%),calc(var(--j-color-scheme-brand-primary-a)*1));--background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 5%),calc(var(--j-color-scheme-brand-primary-a)*1))}.module-blocks-1241 .module-item-1 .block-footer .btn:focus,.module-blocks-1241 .module-item-1 .block-footer .btn[disabled]{background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 5%),calc(var(--j-color-scheme-brand-primary-a)*1)) !important;--background-color:hsla(var(--j-color-scheme-brand-primary-h),var(--j-color-scheme-brand-primary-s),calc(var(--j-color-scheme-brand-primary-l) - 5%),calc(var(--j-color-scheme-brand-primary-a)*1)) !important}.module-blocks-1241 .module-item-1 .block-footer .btn.btn.disabled:after{font-size:1em} /* ==========================================================
   ALAP
   ========================================================== */

#ft-filament-finder {

    position: static !important;
    z-index: auto !important;

    --ft-accent: #55b848;
    --ft-accent-dark: #3d9733;

    --ft-bg: #ffffff;

    --ft-soft: #f5f7f5;

    --ft-border: #e4e7e4;

    --ft-text: #24272b;

    --ft-muted: #73787d;

    --ft-success-soft: #f2f9ef;

    font-family: inherit;

    color: var(--ft-text);
}


#ft-filament-finder *,
#ft-filament-finder *::before,
#ft-filament-finder *::after {

    box-sizing: border-box;

}



/* ==========================================================
   JOBB OLDALI ÚSZÓ GOMB
   ========================================================== */

.ft-launcher {

    position: fixed !important;

    z-index: 2147483644 !important;


    right: 0 !important;

    top: 75vh !important;


    transform:
        translateY(-50%) !important;


    display: flex;

    align-items: center;


    width: 205px;

    height: 54px;


    padding:

        0
        14px
        0
        10px;


    border: 0;


    border-radius:

        28px
        0
        0
        28px;


    background:

        var(
            --ft-accent,
            #55b848
        );


    color: #ffffff;


    font-family: inherit;


    cursor: pointer;


    overflow: hidden;


    box-shadow:

        0
        5px
        22px
        rgba(0,0,0,.18);


    transition:

        width .3s ease,

        padding .3s ease,

        background .2s ease,

        box-shadow .2s ease;

}


.ft-launcher:hover {

    background:

        var(
            --ft-accent-dark,
            #3d9733
        );


    box-shadow:

        0
        7px
        26px
        rgba(0,0,0,.23);

}



/* kérdőjel */

.ft-launcher__icon {

    flex:

        0
        0
        34px;


    display: flex;

    align-items: center;

    justify-content: center;


    width: 34px;

    height: 34px;


    border-radius: 50%;


    background:

        rgba(
            255,
            255,
            255,
            .18
        );


    font-size: 18px;

    line-height: 1;

    font-weight: 800;

}



/* szöveg */

.ft-launcher__text {

    display: block;


    margin-left: 9px;


    white-space: nowrap;


    font-size: 13px;

    font-weight: 700;


    opacity: 1;


    transform:

        translateX(0);


    transition:

        opacity .2s ease,

        transform .3s ease;

}



/* ==========================================================
   SCROLL UTÁN ÖSSZECSUKÁS
   ========================================================== */

.ft-launcher.is-collapsed {

    width: 56px;


    padding-left: 10px;

    padding-right: 10px;

}


.ft-launcher.is-collapsed
.ft-launcher__text {

    opacity: 0;


    transform:

        translateX(20px);


    pointer-events: none;

}



/* hoverre újra kinyílik */

.ft-launcher.is-collapsed:hover {

    width: 205px;


    padding-right: 14px;

}


.ft-launcher.is-collapsed:hover
.ft-launcher__text {

    opacity: 1;


    transform:

        translateX(0);


    pointer-events: auto;

}



/* ==========================================================
   OVERLAY
   ========================================================== */

.ft-overlay {

    position: fixed !important;


    z-index: 2147483645 !important;


    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;


    width: 100vw !important;

    height: 100vh !important;


    background:

        rgba(
            20,
            24,
            28,
            .46
        );


    opacity: 0;

    visibility: hidden;


    pointer-events: none;


    transition:

        opacity .3s ease,

        visibility .3s ease;


    backdrop-filter:

        blur(1px);

}


.ft-overlay.is-open {

    opacity: 1;

    visibility: visible;


    pointer-events: auto;

}



/* ==========================================================
   BEÚSZÓ PANEL
   ========================================================== */

.ft-drawer {

    position: fixed !important;


    z-index: 2147483646 !important;


    top: 0 !important;

    right: 0 !important;


    bottom: auto !important;

    left: auto !important;


    width:

        min(
            620px,
            92vw
        ) !important;


    height: 100vh !important;


    margin: 0 !important;


    background: #ffffff;


    box-shadow:

        -12px
        0
        40px
        rgba(0,0,0,.25);


    transform:

        translate3d(
            105%,
            0,
            0
        );


    transition:

        transform
        .35s
        cubic-bezier(
            .22,
            .8,
            .35,
            1
        );


    overflow-x: hidden;

    overflow-y: auto;


    overscroll-behavior:

        contain;


    -webkit-overflow-scrolling:

        touch;


    isolation: isolate;

}


.ft-drawer.is-open {

    transform:

        translate3d(
            0,
            0,
            0
        );

}



/* ==========================================================
   BEZÁRÁS
   ========================================================== */

.ft-drawer__close {

    position: absolute;


    z-index: 100;


    top: 16px;

    right: 17px;


    width: 40px;

    height: 40px;


    display: flex;

    align-items: center;

    justify-content: center;


    border:

        1px solid
        #e6e8ea;


    border-radius: 50%;


    background: #ffffff;


    color: #555555;


    font-family:

        Arial,
        sans-serif;


    font-size: 27px;

    line-height: 1;


    cursor: pointer;


    transition:

        border-color .18s ease,

        background .18s ease,

        color .18s ease,

        transform .18s ease;

}


.ft-drawer__close:hover {

    border-color: #cccccc;


    background: #f6f6f6;


    color: #111111;


    transform:

        rotate(3deg);

}



/* ==========================================================
   FEJLÉC
   ========================================================== */

.ft-finder__header {

    padding:

        31px
        75px
        22px
        30px;


    border-bottom:

        1px solid
        var(--ft-border);


    background:

        linear-gradient(

            180deg,

            #ffffff 0%,

            #fafbfa 100%

        );

}


.ft-finder__eyebrow {

    display: flex;

    align-items: center;

    gap: 7px;


    margin-bottom: 8px;


    font-size: 11px;

    line-height: 1;

    font-weight: 700;


    letter-spacing: .08em;


    text-transform:

        uppercase;


    color:

        var(
            --ft-accent-dark
        );

}


.ft-finder__eyebrow-dot {

    width: 7px;

    height: 7px;


    border-radius: 50%;


    background:

        var(
            --ft-accent
        );

}


.ft-finder__title {

    margin:

        0
        0
        7px;


    font-size: 25px;

    line-height: 1.23;

    font-weight: 750;


    color:

        var(
            --ft-text
        );

}


.ft-finder__subtitle {

    margin: 0;


    max-width: 460px;


    font-size: 13px;

    line-height: 1.6;


    color:

        var(
            --ft-muted
        );

}



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

.ft-finder__step {

    margin-top: 19px;

}


.ft-finder__step-text {

    margin-bottom: 7px;


    font-size: 11px;


    color:

        var(
            --ft-muted
        );

}


.ft-finder__progress {

    display: flex;


    gap: 5px;

}


.ft-finder__progress-item {

    width: 38px;

    height: 4px;


    border-radius: 99px;


    background: #dfe3df;


    transition:

        .2s ease;

}


.ft-finder__progress-item.is-active,
.ft-finder__progress-item.is-done {

    background:

        var(
            --ft-accent
        );

}



/* ==========================================================
   TARTALOM
   ========================================================== */

.ft-finder__body {

    padding:

        28px
        30px
        35px;

}


.ft-finder__question {

    margin:

        0
        0
        7px;


    font-size: 24px;

    line-height: 1.35;

    font-weight: 750;


    color:

        var(
            --ft-text
        );

}


.ft-finder__hint {

    margin-bottom: 23px;


    font-size: 12px;

    line-height: 1.55;


    color:

        var(
            --ft-muted
        );

}



/* ==========================================================
   VÁLASZOK
   ========================================================== */

.ft-finder__options {

    display: grid;


    grid-template-columns:

        1fr 1fr;


    gap: 10px;

}


.ft-finder__option {

    appearance: none;

    -webkit-appearance: none;


    display: flex;

    align-items: center;


    width: 100%;


    min-height: 82px;


    padding: 14px;


    border:

        1px solid
        var(--ft-border);


    border-radius: 7px;


    background: #ffffff;


    color:

        var(
            --ft-text
        );


    font-family: inherit;


    text-align: left;


    cursor: pointer;


    transition:

        border-color .18s ease,

        background .18s ease,

        box-shadow .18s ease,

        transform .18s ease;

}


.ft-finder__option:hover {

    border-color:

        var(
            --ft-accent
        );


    background: #ffffff;


    box-shadow:

        0
        4px
        15px
        rgba(0,0,0,.06);


    transform:

        translateY(-1px);

}


.ft-finder__option:focus-visible {

    outline:

        2px solid
        var(--ft-accent);


    outline-offset: 2px;

}


.ft-finder__option-marker {

    flex:

        0
        0
        auto;


    display: flex;

    align-items: center;

    justify-content: center;


    width: 35px;

    height: 35px;


    margin-right: 11px;


    border-radius: 50%;


    background:

        var(
            --ft-soft
        );


    color:

        var(
            --ft-accent-dark
        );


    font-size: 13px;

    font-weight: 800;


    transition:

        .18s ease;

}


.ft-finder__option:hover
.ft-finder__option-marker {

    background:

        var(
            --ft-accent
        );


    color: #ffffff;

}


.ft-finder__option-content {

    min-width: 0;

}


.ft-finder__option-title {

    display: block;


    margin-bottom: 3px;


    font-size: 16px;

    line-height: 1.3;

    font-weight: 700;

}


.ft-finder__option-desc {

    display: block;


    font-size: 15px;

    line-height: 1.42;


    color:

        var(
            --ft-muted
        );

}



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

.ft-finder__bottom {

    padding-top: 20px;


    text-align: center;

}


.ft-finder__back {

    border: 0;


    background: transparent;


    color:

        var(
            --ft-muted
        );


    font-family: inherit;


    font-size: 12px;


    cursor: pointer;

}


.ft-finder__back:hover {

    color:

        var(
            --ft-text
        );


    text-decoration:

        underline;

}



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

.ft-result {

    animation:

        ft-result-in
        .3s
        ease;

}


@keyframes ft-result-in {

    from {

        opacity: 0;


        transform:

            translateY(5px);

    }


    to {

        opacity: 1;


        transform:

            translateY(0);

    }

}


.ft-result__intro {

    margin-bottom: 23px;

}


.ft-result__label {

    display: inline-block;


    margin-bottom: 9px;


    padding:

        5px
        9px;


    border-radius: 30px;


    background:

        var(
            --ft-success-soft
        );


    color:

        var(
            --ft-accent-dark
        );


    font-size: 10px;

    font-weight: 700;


    letter-spacing: .05em;


    text-transform:

        uppercase;

}


.ft-result__intro h3 {

    margin:

        0
        0
        8px;


    font-size: 22px;

    line-height: 1.28;

}


.ft-result__intro p {

    margin: 0;


    font-size: 15px;

    line-height: 1.65;


    color:

        var(
            --ft-muted
        );

}



/* ==========================================================
   AJÁNLAT KÁRTYÁK
   ========================================================== */

.ft-result__grid {

    display: grid;


    grid-template-columns:

        1fr;


    gap: 13px;

}


.ft-result__main,
.ft-result__alternative {

    padding: 21px;


    border:

        1px solid
        var(--ft-border);


    border-radius: 8px;

}


.ft-result__main {

    border-color:

        rgba(
            85,
            184,
            72,
            .4
        );


    background:

        var(
            --ft-success-soft
        );

}


.ft-result__small-label {

    margin-bottom: 7px;


    color:

        var(
            --ft-muted
        );


    font-size: 10px;

    font-weight: 700;


    text-transform:

        uppercase;


    letter-spacing: .06em;

}


.ft-result__material {

    margin-bottom: 7px;


    font-size: 25px;

    line-height: 1.15;

    font-weight: 800;

}


.ft-result__description {

    margin:

        0
        0
        16px;


    font-size: 15px;

    line-height: 1.6;


    color: #5b6064;

}


.ft-result__points {

    margin:

        0
        0
        20px;


    padding: 0;


    list-style: none;

}


.ft-result__points li {

    position: relative;


    margin:

        7px
        0;


    padding-left: 20px;


    font-size: 12px;

    line-height: 1.4;

}


.ft-result__points li::before {

    content: "✓";


    position: absolute;


    left: 0;

    top: 0;


    color:

        var(
            --ft-accent-dark
        );


    font-weight: 800;

}



/* ==========================================================
   GOMBOK
   ========================================================== */

.ft-result__button {

    display: inline-flex;

    align-items: center;

    justify-content: center;


    min-height: 41px;


    padding:

        10px
        16px;


    border-radius: 5px;


    background:

        var(
            --ft-accent
        );


    color:

        #ffffff !important;


    font-size: 12px;

    font-weight: 700;


    text-decoration:

        none !important;


    transition:

        .18s ease;

}


.ft-result__button:hover {

    background:

        var(
            --ft-accent-dark
        );


    color:

        #ffffff !important;

}


.ft-result__button--secondary {

    border:

        1px solid
        var(--ft-border);


    background: #ffffff;


    color:

        var(
            --ft-text
        ) !important;

}


.ft-result__button--secondary:hover {

    border-color:

        var(
            --ft-accent
        );


    background: #ffffff;


    color:

        var(
            --ft-accent-dark
        ) !important;

}



/* ==========================================================
   CIKK
   ========================================================== */

.ft-result__article {

    margin-top: 13px;


    padding: 18px;


    border:

        1px solid
        var(--ft-border);


    border-radius: 8px;


    background: #ffffff;

}


.ft-result__article-label {

    display: block;


    margin-bottom: 5px;


    color:

        var(
            --ft-accent-dark
        );


    font-size: 10px;

    font-weight: 700;


    text-transform:

        uppercase;

}


.ft-result__article-title {

    margin-bottom: 12px;


    font-size: 13px;

    line-height: 1.45;

    font-weight: 700;

}



/* ==========================================================
   ÚJRAKEZDÉS
   ========================================================== */

.ft-result__restart-wrap {

    margin-top: 20px;


    text-align: center;

}


.ft-result__restart {

    border: 0;


    background: none;


    color:

        var(
            --ft-muted
        );


    font-family: inherit;


    font-size: 12px;


    cursor: pointer;


    text-decoration:

        underline;

}


.ft-finder__disclaimer {

    margin-top: 18px;


    font-size: 10px;

    line-height: 1.55;


    color: #9a9ea2;


    text-align: center;

}



/* ==========================================================
   BODY LOCK
   ========================================================== */

body.ft-drawer-open {

    overflow: hidden !important;

}



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

@media (max-width: 650px) {


    .ft-launcher,
    .ft-launcher.is-collapsed,
    .ft-launcher.is-collapsed:hover {

        top: auto !important;


        right: 12px !important;

        bottom: 18px !important;


        transform:

            none !important;


        width: 50px;


        height: 50px;


        padding: 8px;


        border-radius: 50%;

    }


    .ft-launcher__icon {

        width: 34px;

        height: 34px;


        flex-basis: 34px;

    }


    .ft-launcher__text,
    .ft-launcher.is-collapsed
    .ft-launcher__text,
    .ft-launcher.is-collapsed:hover
    .ft-launcher__text {

        display: none;

    }


    .ft-drawer {

        width: 100% !important;


        height: 94vh !important;


        top: auto !important;


        bottom: 0 !important;


        border-radius:

            14px
            14px
            0
            0;


        transform:

            translate3d(
                0,
                105%,
                0
            );

    }


    .ft-drawer.is-open {

        transform:

            translate3d(
                0,
                0,
                0
            );

    }


    .ft-drawer__close {

        top: 13px;

        right: 13px;

    }


    .ft-finder__header {

        padding:

            27px
            65px
            18px
            20px;

    }


    .ft-finder__title {

        font-size: 21px;

    }


    .ft-finder__body {

        padding:

            22px
            20px
            30px;

    }


    .ft-finder__question {

        font-size: 24px;

    }


    .ft-finder__options {

        grid-template-columns:

            1fr;

    }


    .ft-finder__option {

        min-height: 67px;

    }

}



/* ==========================================================
   NAGYON KIS KIJELZŐ
   ========================================================== */

@media (max-width: 380px) {


    .ft-finder__header {

        padding-left: 16px;

    }


    .ft-finder__body {

        padding-left: 16px;

        padding-right: 16px;

    }

}