:root{--primary-color: #3CD64E;--secondary-color: #0E3318;--text-secondary: color-mix(in srgb, currentcolor 70%, transparent 30%);--gray-color: #8A8A8A;--gray-color-light: #DFDFDF;--gray-color-extra-light: #FAFAFA}:root{--keyboard-translate: -190px}@supports (-webkit-touch-callout: none){:root{--keyboard-translate: -220px}}html{scroll-behavior:smooth}*,*:after,*:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:700;text-wrap:balance}body{font-family:Nunito Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;scroll-behavior:smooth;color:#000}main{height:100dvh}section{width:100%;max-width:831px}p{letter-spacing:.5px;line-height:1.2}.primary-button,.secondary-button{--accent-color: var(--primary-color);cursor:pointer;background-color:var(--accent-color);border:none;color:var(--secondary-color);border-radius:.25rem;text-decoration:none;text-align:center;font-size:1.125rem;font-weight:700;padding:.625rem 1.5rem;position:relative}.primary-button:hover,.secondary-button:hover{background-color:color-mix(in srgb,var(--accent-color),var(--secondary-color) 10%)}.secondary-button{--accent-color: color-mix(in srgb, transparent 90%, var(--primary-color) 10%)}.secondary-button:hover{box-shadow:none;background-color:color-mix(in srgb,var(--primary-color) 20%,transparent 80%)}.primary-button:disabled,.secondary-button:disabled{--accent-color: #727272;color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color),transparent 80%);cursor:default}.separator{width:100%;height:2px;background-image:linear-gradient(to right,var(--gray-color-light) 33%,rgba(255,255,255,0) 0%);background-position:bottom;background-size:20px;background-repeat:repeat-x}@media (max-width: 600px){.separator{display:none}}
.tooltip{position:relative}
.tooltip:before{content:attr(data-tooltip);position:absolute;left:50%;top:100%;transform:translate(-50%,10px);background:var(--secondary-color);color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:1rem;font-weight:400;width:max-content;max-width:280px;white-space:normal;opacity:0;pointer-events:none;transition:opacity .15s;z-index:50;text-align:left}
.tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%,2px);border:4px solid transparent;border-bottom-color:var(--secondary-color);opacity:0;transition:opacity .15s}
.tooltip:hover:before,.tooltip:hover:after{opacity:1}
#view-home h1,#view-home h2,#view-home p{margin:0}#view-home article{display:flex;flex-direction:row;min-height:100dvh}#view-home #hero-section{background-color:var(--secondary-color);color:#fff;max-width:50%;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:3rem}#view-home #hero-section .hero-content{display:flex;flex-direction:column;gap:3rem;max-width:520px;text-wrap:balance}#view-home #hero-section .hero-header{display:grid;gap:1.5rem}#view-home #hero-section .hero-title{font-size:3rem;font-weight:700;line-height:110%}#view-home #hero-section .hero-description{font-size:1.406rem;line-height:125%}#view-home #hero-section .tf-logo-hidden{visibility:hidden}#view-home #questionnaire-link{width:fit-content;padding:1.25rem 2rem}#view-home #consult-section{max-width:50%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:1.5rem;padding:3rem;color:#000}#view-home #consult-section #consult-container{display:grid;gap:.75rem}#view-home #consult-section h2{font-size:1.5rem;font-weight:700}#view-home #consult-section h3{margin:0;font-size:1.125rem;font-weight:700}#view-home #consult-section p{font-size:1rem}#view-home #consult-section a{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--primary-color);text-underline-offset:.2em;color:inherit}#view-home #consult-section a:hover{color:var(--primary-color)}#view-home #consult-section #benefits-container{display:flex;flex-direction:column;gap:1.5rem}#view-home #consult-section #benefits{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;text-align:center}#view-home #consult-section #benefits p{font-size:.875rem}#view-home #consult-section #benefits>div{display:grid;flex:1 1 30%;justify-items:center;gap:.75rem}#view-home #consult-section #benefits>div>p{flex:1}#view-home form{display:grid;gap:1.5rem;justify-content:center}#view-home form legend{font-size:.875rem;font-weight:700}#view-home form fieldset{display:grid;border:none;padding:0;margin:0}#view-home form fieldset:nth-of-type(1) legend{margin-bottom:1.5rem}#view-home form fieldset:nth-of-type(1)>div{display:flex;width:100%;justify-content:space-between;gap:1.5rem}#view-home form fieldset:nth-of-type(1)>div div{width:100%}@media screen and (max-width: 870px){#view-home form fieldset:nth-of-type(1)>div{flex-direction:column}}#view-home form .input-container{position:relative;display:flex;align-items:center;font-family:Nunito Sans,sans-serif}#view-home form .input-container .input-icon{position:absolute;pointer-events:none;z-index:10;left:1rem}#view-home label{font-weight:700;font-size:.75rem;color:var(--gray-color)}#view-home .description-label{margin:.25rem 0 .5rem;font-weight:400;font-size:.875rem;line-height:1.2;color:var(--text-secondary)}#view-home #consent-field{display:flex;flex-direction:row;align-items:center;gap:.5rem}#view-home #consent-field label{font-size:.875rem;font-weight:400;color:#000}#view-home #submit-button>button{font-size:.75rem;padding:.875rem 1.5rem}#view-home input,#view-home textarea{font-size:1rem;padding:.875rem 1rem;border:1px solid var(--gray-color-light);border-radius:.25rem;background-color:var(--gray-color-extra-light);font-family:Nunito Sans}#view-home input:focus,#view-home textarea:focus{outline-color:var(--primary-color)}#view-home input{--icon-size:1.5em;width:100%;padding-left:2.5rem}#view-home input[type=checkbox]{cursor:pointer;padding:0;flex-shrink:0;margin:0;border-radius:.25rem;border:1px solid var(--gray-color-light);accent-color:var(--primary-color);width:var(--icon-size);height:var(--icon-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}#view-home input[type=checkbox]:checked{--icon-url: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8cGF0aCBmaWxsPSIjZmZmIgogICAgZD0iTTguMjk0IDE2Ljk5OGMtLjQzNSAwLS44NDctLjIwMy0xLjExMS0uNTUzTDMuNjEgMTEuNzI0YTEuMzkgMS4zOSAwIDAgMSAuMjctMS45NTFhMS4zOSAxLjM5IDAgMCAxIDEuOTUzLjI3bDIuMzUxIDMuMTA0bDUuOTExLTkuNDkyYTEuMzk2IDEuMzk2IDAgMCAxIDEuOTIxLS40NDVjLjY1My40MDYuODU0IDEuMjY2LjQ0NiAxLjkyTDkuNDc4IDE2LjM0YTEuMzkgMS4zOSAwIDAgMS0xLjEyLjY1NnoiIC8+Cjwvc3ZnPgo=);border-color:var(--primary-color);background-color:var(--primary-color);background-image:var(--icon-url);background-size:var(--icon-size);background-repeat:no-repeat;background-position:center}#view-home .required-label:after{position:relative;content:"*";font-size:1rem;color:var(--gray-color);left:.2rem}#view-home #form-message{margin-top:1rem;font-weight:700}#view-home #form-message[data-success=true]{color:green}#view-home #form-message[data-success=false]{color:red}@media screen and (max-width: 640px){#view-home article{flex-direction:column}#view-home .tf-logo-hidden{display:none}#view-home #hero-section,#view-home #consult-section{max-width:100%;width:100%;padding:3rem 1.25rem}#view-home #hero-section .hero-header{gap:1rem}#view-home #hero-section .hero-content{margin-top:4rem;gap:1.5rem}#view-home #hero-section .hero-title{font-size:2rem}#view-home #hero-section .hero-description{font-size:1rem}#view-home #questionnaire-link{padding:.875rem 1.25rem;font-size:1rem}#view-home #consult-section #consult-container{gap:.5rem}#view-home #consult-section #benefits{display:grid;text-align:left}#view-home #consult-section #benefits>div{display:flex;align-items:center}#view-home #submit-button>button{width:100%}}
#view-intro article{height:100svh;width:100%;padding:3.75rem 1.125rem;background-color:var(--secondary-color);color:#fff}#view-intro article>div{height:100%;margin:auto;max-width:568px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#view-intro section{display:grid;gap:1.5rem;justify-items:center;text-align:center}#view-intro h1{margin:0;font-size:3rem;font-weight:700;line-height:110%}#view-intro p{font-size:.875rem}#view-intro .tf-logo-hidden{visibility:hidden}#view-intro .start-buttons{margin-top:1.5rem;display:grid;gap:1.5rem;align-items:center}#view-intro .start-buttons>a{padding:1.25rem}@media (max-width: 600px){#view-intro h1{font-size:2rem}#view-intro .enter-start{display:none}#view-intro .start-buttons{width:100%}}
#view-test #outro-section{height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#view-test a{margin-top:2.5rem;display:flex;gap:2rem;align-items:center;font-weight:700;color:#000}#view-test .transparent-overlay{display:none}#view-test .contact-section input{padding-left:1.5rem;-moz-appearance:none;appearance:none;outline:none;border:none;-webkit-appearance:none;width:100%;font-size:1.2rem}#view-test .title{font-weight:700;font-size:1.5rem;text-align:center}#view-test .description{text-align:left;max-width:70ch}#view-test .contact-section{display:grid;gap:.5rem;max-width:70ch;justify-content:center;justify-items:center}#view-test .contact-section fieldset{grid-column:span 2;position:relative;min-width:11.25rem;border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-width:40ch;width:100%}#view-test .contact-section fieldset>div{display:flex;align-items:center}#view-test .contact-section fieldset .input-icon{position:absolute;pointer-events:none;z-index:10;left:1rem}#view-test .contact-section label{font-weight:700;font-size:.875rem}#view-test .contact-section input{--icon-size:1.5em;font-size:1rem;border:1px solid var(--gray-color-light);border-radius:.375rem;background-color:var(--gray-color-extra-light);font-family:Nunito Sans;width:100%;padding:.875rem 1rem .875rem 2.5rem}#view-test .contact-section input:focus{outline-color:var(--primary-color)}#view-test .required-label:after{position:relative;content:"*";font-size:1rem;color:#8b0000;left:.2rem}@media (max-width: 600px){#view-test .container{height:350px;overflow-y:scroll;padding-bottom:5rem}#view-test .transparent-overlay{display:block;position:absolute;bottom:0rem;height:100px;width:100%;pointer-events:none;background:linear-gradient(to top,#fff 20%,#fff0)}}#view-test .tooltip:before{background-color:var(--secondary-color);font-size:1rem}#view-test .tooltip:after{border-bottom-color:var(--secondary-color)!important}#view-test .question{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:90ch;overflow-y:hidden}#view-test .transparent-overlay{display:none}#view-test .question-text{font-weight:700;font-size:1.5rem;text-align:center}#view-test .question-description{text-align:left;max-width:70ch;margin-bottom:2.5rem}#view-test .input-container{display:flex;align-items:baseline;width:100%;max-width:400px;padding:.5rem 1.25rem .5rem 0;border-bottom:2px solid var(--primary-color)}#view-test .currency-prefix{width:1.25rem;height:1.25rem;font-weight:600;font-size:1.25rem}#view-test .question .input-container input{-moz-appearance:none;appearance:none;outline:none;border:none;-webkit-appearance:none;width:100%;font-size:1.2rem;background:none;padding:0}#view-test .question input[type=radio]{position:absolute}#view-test .question label.primary-button{display:inline-block;background-color:#fff;border:2px solid var(--primary-color)}#view-test .question label.primary-button.selected,#view-test .question label.primary-button:hover{background-color:var(--primary-color);color:#fff}#view-test .list-col{display:grid;gap:1.5rem}#view-test .list-col label{width:100%}#view-test .list-row{display:flex;gap:1rem}#view-test ul{padding-inline-start:0}#view-test li{list-style:none}@media screen and (max-width: 600px){#view-test .list-col{height:350px;overflow-y:scroll}}@media screen and (max-width: 600px){#view-test .list-col li:last-child label{margin-bottom:4rem}}@media (max-width: 600px){#view-test .tooltip:before{max-width:200px!important;transform:translate(90px,12px)!important}#view-test .question{justify-content:start;height:100svh;max-height:75svh;overflow-x:hidden}#view-test .transparent-overlay{display:block;position:absolute;bottom:0rem;height:100px;width:100%;pointer-events:none;background:linear-gradient(to top,#fff 20%,#fff0)}#view-test .question .input-container input{font-size:1rem;padding:.5rem}#view-test .question-description{margin-bottom:0}#view-test .list-row{flex-wrap:wrap}#view-test .list-col{gap:.5rem}}#view-test article{margin:0rem 1.25rem}#view-test form{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;height:100svh;width:100%}#view-test .carousel{overflow:hidden;display:flex;width:100%;scroll-snap-type:x mandatory;scroll-behavior:smooth}#view-test .question-container:not([hidden]){display:flex;justify-content:center;min-width:100%;scroll-snap-align:center;padding:1.25rem}#view-test .nav-container{position:absolute;bottom:15%;display:flex;margin:auto;justify-content:center;width:100%}#view-test .nav-buttons{display:flex;gap:16px;color:#fff}#view-test .nav-buttons .secondary-button,#view-test .nav-buttons .primary-button{font-size:.875rem}#view-test .progress-container{position:absolute;bottom:5%;width:100%;max-width:90%;height:1.5rem;background-color:transparent;border-radius:20px;overflow:hidden}#view-test .progress-bar{position:absolute;inset:0 auto 0 0;background-color:var(--primary-color);border-radius:20px;transition:width .3s ease;font-size:0}#view-test .progress-border{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--primary-color);border-radius:inherit}@media (max-width: 600px){#view-test form{justify-content:start}#view-test button{font-size:1.5rem;padding:.5rem .938rem}#view-test .nav-container{align-self:center;position:absolute;transform:translateY(0);transition:transform .3s ease-in-out;bottom:12%}#view-test .nav-container.move-up{transform:translateY(var(--keyboard-translate))}#view-test .nav-container.move-up-less{transform:translateY(calc(var(--keyboard-translate) + 100px))}#view-test .progress-container{bottom:5%;max-width:90%;height:1.5rem}#view-test .question-container{align-items:start}}
html{background:#fff}
body{background:#fff;color:#000}
.view{display:none}
.view.active{display:block}
main{height:auto}
#view-test form{min-height:100svh;height:auto}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* ---- doplnky: subtext, expert, logo vpravo hore, outro ---- */
#view-test .question-subtext{font-weight:700;font-size:.9rem;text-align:center;margin-top:-.5rem}
#view-test .expert-block{display:flex;gap:.75rem;align-items:center;max-width:40ch;margin-top:.5rem;padding:.75rem;border:1px dashed var(--gray-color-light);border-radius:.5rem}
#view-test .expert-photo{width:48px;height:48px;border-radius:50%;background:var(--gray-color-light);color:var(--gray-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}
#view-test .expert-note{font-size:.8rem;line-height:1.15}
#view-test .submit-error{color:#c0260f;font-weight:700;text-align:center;margin-top:1rem}
#view-home article{position:relative}
#view-home #consult-section{padding-top:5.5rem}
#view-home .tf-logo-corner{position:absolute;top:1.5rem;right:1.75rem;width:104px;height:auto;z-index:5}
@media (max-width:900px){#view-home .tf-logo-corner{display:none}#view-home #consult-section{padding-top:3rem}}
#view-outro article{height:100svh;width:100%;padding:3.75rem 1.125rem;background-color:var(--secondary-color);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5rem}
#view-outro img{width:200px}
#view-outro h1{font-size:2.25rem;margin:0}
#view-outro p{font-size:1rem;max-width:40ch}
#view-outro a{margin-top:1rem;color:#fff}

/* ===== Feedback v2.0 ===== */
/* text na stred pri každej otázke */
#view-test .question-description{text-align:center;max-width:70ch;margin-left:auto;margin-right:auto}
#view-test .description{text-align:center;max-width:70ch}
#view-test .question-subtext{text-align:center}
/* odstrániť guľky/bodky (radio) pri výbere odpovedí */
#view-test .question input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
/* logo TF vpravo hore aj na stránke s otázkami */
#view-test .tf-logo-corner-test{position:fixed;top:1.25rem;right:1.5rem;width:120px;height:auto;z-index:20;pointer-events:none}
@media (max-width:600px){#view-test .tf-logo-corner-test{width:92px;top:.75rem;right:.75rem}}
/* väčší priestor na spoločnú fotku odborníkov + text pod ňou */
#view-test .expert-block{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;max-width:46ch;margin:.75rem auto 0;padding:.5rem}
#view-test .expert-photo{width:100%;max-width:300px;height:128px;border-radius:.75rem;background:var(--gray-color-extra-light);border:1px dashed var(--gray-color-light);color:var(--gray-color);display:flex;align-items:center;justify-content:center;font-size:.82rem;text-align:center;padding:.75rem}
#view-test .expert-note{font-size:.88rem;line-height:1.2;color:#000;margin:0}
#view-test .expert-note em{color:var(--gray-color);font-size:.78rem}
/* email krok: obsah sa zmestí a nekoliduje s navigáciou (pri nižšom okne scrolluje) */
#view-test .question .container{width:100%;max-width:48ch;margin:0 auto;max-height:42svh;overflow-y:auto;padding-bottom:.25rem}
#view-test .question .contact-section{gap:.35rem}