/* Motus – karton klijenta & hvala */
.formpage{padding-bottom:0}
.formpage .top{justify-content:center}
.kf{max-width:680px;margin:0 auto;padding:1.6rem 1rem 2rem}
.kf__intro h1{font-size:clamp(1.8rem,7vw,2.5rem);color:var(--txt)}
.kf__intro p{color:#e4d9d1;margin:0 0 .8rem}
.kf__minor{font-size:.95rem;border-left:3px solid var(--gold);background:rgba(201,150,122,.08);padding:.7rem .9rem;border-radius:0 var(--r) var(--r) 0}
.req{color:var(--gold2);font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.card{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);margin:1.2rem 0 0;padding:1.2rem 1rem 1.3rem;min-width:0}
.card legend{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;color:var(--gold2);padding:0 .4rem;margin-left:-.4rem;display:flex;align-items:center;gap:.55rem;float:left;width:100%;margin-bottom:.9rem}
.card legend+*{clear:both}
.num{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold) 50%,var(--gold3));color:#140f0c;font:700 .95rem Lato,sans-serif;flex:none}
.f,.q{margin:0 0 1.15rem;clear:both}
.f:last-child,.q:last-child{margin-bottom:0}
.f>label,.lab{display:block;font-weight:700;margin:0 0 .45rem;color:var(--txt);line-height:1.35}
.lab--sub{margin-top:1.3rem;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--gold)}
.hint{font-size:.88rem;color:var(--mut);margin:.4rem 0 .9rem}
input[type=text],input[type=tel],input[type=email],input[type=date],textarea{
  width:100%;font:400 17px/1.4 Lato,system-ui,sans-serif;color:var(--txt);background:var(--bg);
  border:1.5px solid var(--line);border-radius:12px;padding:.85rem .95rem;min-height:52px;appearance:none;-webkit-appearance:none}
input[type=date]{color-scheme:dark;display:block}
textarea{resize:vertical;min-height:84px}
input::placeholder,textarea::placeholder{color:#7f736b}
input:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,150,122,.25)}
.opts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.55rem}
.opts--stack{flex-direction:column}
.opt{position:relative;display:flex}
.opt input,.yn input,.scale input,.days input{position:absolute;opacity:0;width:1px;height:1px}
.opt span,.yn span,.scale span,.days span{
  display:flex;align-items:center;min-height:48px;padding:.6rem 1rem;border:1.5px solid var(--line);border-radius:999px;
  background:var(--bg);color:var(--txt);cursor:pointer;line-height:1.25;user-select:none;transition:background .15s,border-color .15s}
.opts--stack .opt span{border-radius:12px;width:100%}
.opt input:checked+span,.yn input:checked+span,.scale input:checked+span,.days input:checked+span{
  border-color:var(--gold);background:rgba(201,150,122,.2);color:var(--gold2);font-weight:700}
.opt input[type=checkbox]:checked+span::before{content:"✓ "}
.opt input:focus-visible+span,.yn input:focus-visible+span,.scale input:focus-visible+span,.days input:focus-visible+span{outline:3px solid var(--gold2);outline-offset:2px}
.opts--sm .opt span{min-height:44px;padding:.5rem .85rem;font-size:.95rem}
.yn{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.yn span{justify-content:center;border-radius:12px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}
.scale span{justify-content:center;padding:.6rem 0;border-radius:12px;font-weight:700}
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}
@media (min-width:520px){.days{grid-template-columns:repeat(6,1fr)}}
.days span{justify-content:center;border-radius:12px;font-weight:700;padding:.6rem 0}
.q{padding:.9rem 0 0;border-top:1px solid var(--line)}
.q .lab{font-weight:700}
.det{margin-top:.6rem}
.det textarea{margin-top:.2rem}
.js [data-show-if]{display:none}
.js [data-show-if].is-on{display:block}
.f.guardian{background:rgba(201,150,122,.08);border-radius:12px;padding:.8rem}
.privacy{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;margin:0 0 1rem;clear:both}
.privacy h2{font-size:1.05rem;color:var(--gold2);margin:0 0 .4rem}
.privacy p{margin:0;font-size:.92rem;color:#e4d9d1;line-height:1.55}
.chk{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem .9rem;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);margin:0 0 .6rem;cursor:pointer;line-height:1.45;font-size:.97rem}
.chk input{flex:none;width:26px;height:26px;margin:.05rem 0 0;accent-color:var(--gold)}
.chk:has(input:checked){border-color:var(--gold);background:rgba(201,150,122,.1)}
.is-bad input[type=text],.is-bad input[type=tel],.is-bad input[type=email],.is-bad input[type=date],.is-bad textarea,.chk.is-bad{border-color:#e0786a}
.is-bad .yn span,.is-bad .opts span{border-color:#e0786a}
.is-bad>.lab::after,.is-bad>label::after{content:" – obavezno";color:#f0a094;font-weight:400;font-size:.88rem}
.kf__submit{margin:1.6rem 0 0;text-align:center}
.kf__submit .btn{width:100%;font-size:1.1rem;min-height:58px;border:0;cursor:pointer;font-family:inherit}
.kf__submit .btn:disabled{opacity:.7}
.kf__err{color:#f0a094;font-weight:700;margin:0 0 .8rem}
.thanks{max-width:560px;margin:0 auto;padding:2.5rem 1.25rem 3rem;text-align:center;min-height:100vh;background:radial-gradient(ellipse at 50% 20%,#2a201b 0%,var(--bg) 65%)}
.thanks img{width:min(60vw,240px);margin:0 auto 1.2rem}
.thanks h1{font-size:clamp(2rem,9vw,2.8rem);color:var(--gold2)}
.thanks p{color:#e4d9d1}
.thanks .btns{margin-top:1.6rem}
.back{margin-top:2rem}