/* NINIUM kviz "Find Your Fit". Boje idu kroz varijable koje widget postavlja iz Elementora. */
.nn-quiz{
  --nn-q-accent:#650031;--nn-q-ink:#211018;--nn-q-text:#4A2436;
  --nn-q-line:#D9D2CF;--nn-q-soft:#F6F4F3;--nn-q-plum:#3A0A21;--nn-q-muted:#7A5565;
  max-width:1040px;margin:0;
  font-family:'Archivo',sans-serif;color:var(--nn-q-text);font-size:16px;line-height:1.6;
}
.nn-quiz *{box-sizing:border-box}
.nn-quiz button{font-family:inherit}
.nn-quiz__stage{min-height:200px}
.nn-quiz__screen{animation:nn-q-in .35s ease both}
@keyframes nn-q-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* uvod */
.nn-quiz__intro{display:grid;gap:18px;justify-items:start;max-width:600px}
.nn-quiz__meta{margin:0;font:600 12px/1.3 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-accent)}
.nn-quiz__note{margin:0;font-size:17px}
.nn-quiz__age{margin:0;font-size:13px;color:var(--nn-q-muted)}
.nn-quiz__noscript{margin:0;padding:16px 0;color:var(--nn-q-accent);font-weight:700}

/* dugmad */
.nn-quiz__cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:17px 28px;border:1px solid var(--nn-q-accent);border-radius:9px;
  background:var(--nn-q-accent);color:#fff !important;text-decoration:none !important;cursor:pointer;
  font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,color .25s ease;
}
.nn-quiz__cta:hover{background:var(--nn-q-plum);border-color:var(--nn-q-plum);transform:translateY(-2px)}
.nn-quiz__cta--sm{padding:14px 22px}
.nn-quiz__cta--o{background:transparent;color:var(--nn-q-accent) !important}
.nn-quiz__cta--o:hover{background:var(--nn-q-accent);color:#fff !important}
.nn-quiz__cta--light{background:#fff;border-color:#fff;color:var(--nn-q-accent) !important}
.nn-quiz__cta--light:hover{background:#F6F4F3;border-color:#F6F4F3}
.nn-quiz__cta:disabled{opacity:.6;cursor:default;transform:none}
.nn-quiz__cta:focus-visible,.nn-quiz__back:focus-visible,.nn-quiz__more:focus-visible{outline:3px solid rgba(101,0,49,.35);outline-offset:3px}
.nn-quiz__back{
  padding:8px 0;border:0;background:none;cursor:pointer;color:var(--nn-q-muted);
  font:700 12px/1.2 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;
}
.nn-quiz__back:hover{color:var(--nn-q-accent)}
/* Tema (Astra) boji svako <button> na hover/focus (plavo). Ovdje se to gasi da dugmad ostanu kakva su dizajnirana. */
.nn-quiz .nn-quiz__back,.nn-quiz .nn-quiz__back:hover,.nn-quiz .nn-quiz__back:focus,.nn-quiz .nn-quiz__back:active{background:none;border:0;box-shadow:none;color:var(--nn-q-muted)}
.nn-quiz .nn-quiz__back:hover,.nn-quiz .nn-quiz__back:focus-visible{color:var(--nn-q-accent)}
.nn-quiz .nn-quiz__cta,.nn-quiz .nn-quiz__cta:focus,.nn-quiz .nn-quiz__cta:active{box-shadow:none;text-shadow:none}
.nn-quiz .nn-quiz__cta:hover,.nn-quiz .nn-quiz__cta:focus-visible{background:var(--nn-q-plum);border-color:var(--nn-q-plum);color:#fff !important}
.nn-quiz .nn-quiz__cta--o:hover{background:var(--nn-q-accent);border-color:var(--nn-q-accent)}
.nn-quiz .nn-quiz__cta--light:hover,.nn-quiz .nn-quiz__cta--light:focus-visible{background:#F6F4F3;border-color:#F6F4F3;color:var(--nn-q-accent) !important}
.nn-quiz__more{
  color:var(--nn-q-accent) !important;text-decoration:none !important;
  font:700 12px/1.3 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;
  border-bottom:1px solid currentColor;padding-bottom:3px;width:max-content;
}

/* napredak */
.nn-quiz__progress{display:grid;gap:10px;margin-bottom:28px;max-width:420px}
.nn-quiz__step{font:600 12px/1.3 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-accent)}
.nn-quiz__bar{height:3px;background:#E7E2E0;border-radius:3px;overflow:hidden}
.nn-quiz__bar span{display:block;height:100%;background:var(--nn-q-accent);transition:width .3s ease}

/* pitanje */
.nn-quiz__title{
  margin:0 0 22px;color:var(--nn-q-ink);text-wrap:balance;
  font:900 clamp(26px,4.4vw,40px)/1.05 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:-.005em;
}
.nn-quiz__title:focus{outline:0}
.nn-quiz__hint{margin:-8px 0 20px;font-size:14px;color:var(--nn-q-muted)}
.nn-quiz__goals{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-width:900px}
.nn-quiz__options{display:grid;gap:10px;max-width:760px}

.nn-quiz__opt{position:relative;display:flex;align-items:center;gap:16px;cursor:pointer;
  border:1px solid var(--nn-q-line);border-radius:14px;background:#fff;color:var(--nn-q-ink);
  transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.nn-quiz__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.nn-quiz__opt:hover{border-color:var(--nn-q-accent)}
.nn-quiz__label{font-weight:600}
.nn-quiz__opt--row{padding:18px 20px}
.nn-quiz__opt--tile{padding:20px 22px;min-height:68px;font-weight:700}
.nn-quiz__opt--tile .nn-quiz__label{font-weight:700}
.nn-quiz__opt:has(input:checked){border-color:var(--nn-q-accent);background:var(--nn-q-soft)}
.nn-quiz__opt--tile:has(input:checked){background:var(--nn-q-accent);color:#fff}
.nn-quiz__opt:has(input:focus-visible){outline:3px solid rgba(101,0,49,.35);outline-offset:2px}
.nn-quiz__mark{flex:0 0 auto;width:22px;height:22px;border:2px solid var(--nn-q-line);border-radius:50%;background:#fff;position:relative;transition:border-color .2s ease,background-color .2s ease}
.nn-quiz__mark--sq{border-radius:6px}
.nn-quiz__opt input:checked + .nn-quiz__mark{border-color:var(--nn-q-accent);background:var(--nn-q-accent)}
.nn-quiz__opt input:checked + .nn-quiz__mark::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg)}

.nn-quiz__nav{max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}

/* rezultat */
.nn-quiz__eyebrow{margin:0 0 12px;font:600 12px/1.3 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-accent)}
.nn-quiz__lead{margin:-6px 0 26px;max-width:640px;font-size:17px}
.nn-quiz__main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;margin:8px 0 38px}
.nn-quiz__shot{aspect-ratio:1/1;border-radius:26px;background:linear-gradient(160deg,#F9F8F7,#E9E5E3);display:flex;align-items:center;justify-content:center;padding:9%}
.nn-quiz__shot img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(58,10,33,.16));border-radius:0;box-shadow:none}
.nn-quiz__info{display:grid;gap:12px;justify-items:start}
.nn-quiz__form{font:600 12px/1.3 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-q-muted)}
.nn-quiz__name{margin:0;font:900 clamp(38px,6vw,58px)/.95 'Archivo',sans-serif;text-transform:uppercase;color:var(--nn-q-ink)}
.nn-quiz__slogan{margin:0;color:var(--nn-q-accent);font-weight:700;font-size:18px;line-height:1.35}
.nn-quiz__intro-text{margin:0}
.nn-quiz__why{padding-top:14px;border-top:1px solid var(--nn-q-line);width:100%}
.nn-quiz__why b{display:block;margin-bottom:4px;font:700 12px/1.3 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-q-ink)}
.nn-quiz__why p{margin:0}
.nn-quiz__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}

.nn-quiz__label-up{font:700 12px/1.3 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-accent);margin-bottom:10px}
.nn-quiz__also{padding-top:22px;border-top:1px solid var(--nn-q-line);margin-bottom:8px}
.nn-quiz__also-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--nn-q-line)}
.nn-quiz__thumb{aspect-ratio:1/1;border-radius:16px;background:linear-gradient(160deg,#F9F8F7,#E9E5E3);display:flex;align-items:center;justify-content:center;padding:10px}
.nn-quiz__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}
.nn-quiz__also-body{display:grid;gap:4px;justify-items:start}
.nn-quiz__also-name{margin:0;font:800 16px/1.2 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-ink)}
.nn-quiz__also-slogan{margin:0;color:var(--nn-q-accent);font-weight:700}
.nn-quiz__also-why{margin:0;font-size:14px}
.nn-quiz__also-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px}
.nn-quiz__triaxis{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px 0;border-bottom:1px solid var(--nn-q-line)}
.nn-quiz__triaxis b{display:block;font:800 14px/1.3 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-q-ink)}
.nn-quiz__triaxis span{font-size:15px}
.nn-quiz__triaxis-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.nn-quiz__self{padding:26px 0}
.nn-quiz__self p{margin:0;font-size:19px;color:var(--nn-q-ink);font-weight:600;max-width:640px}
.nn-quiz__talk{margin:4px 0 40px}

/* email */
.nn-quiz__mail{padding:36px;border-radius:22px;background:linear-gradient(150deg,#3A0A21,#650031);color:#EBD3DA}
.nn-quiz__mail-title{margin:0 0 8px;font:900 clamp(22px,3.4vw,30px)/1.05 'Archivo',sans-serif;text-transform:uppercase;color:#fff}
.nn-quiz__mail-text{margin:0 0 22px;max-width:560px}
.nn-quiz__form-mail{display:grid;gap:14px}
.nn-quiz__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nn-quiz__field{display:grid;gap:6px}
.nn-quiz__field label{font:700 12px/1.3 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F6F4F3}
.nn-quiz__field input{height:50px;padding:0 16px;border:1px solid transparent;border-radius:10px;background:#fff;color:var(--nn-q-ink);font:400 16px 'Archivo',sans-serif;width:100%}
.nn-quiz__field input:focus{outline:0;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.nn-quiz__check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:#F6F4F3}
.nn-quiz__check input{position:absolute;opacity:0;width:1px;height:1px}
.nn-quiz__check .nn-quiz__mark{border-color:#D9B9C6;background:transparent;margin-top:1px}
.nn-quiz__check input:checked + .nn-quiz__mark{background:#fff;border-color:#fff}
.nn-quiz__check input:checked + .nn-quiz__mark::after{border-color:var(--nn-q-accent)}
.nn-quiz__check input:focus-visible + .nn-quiz__mark{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}
.nn-quiz__check .nn-quiz__label{font-weight:400}
.nn-quiz__check a{color:#fff;text-decoration:underline}
.nn-quiz__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nn-quiz__send{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}
.nn-quiz__status{margin:0;font-size:14px;color:#F6F4F3}
.nn-quiz__status.is-error{color:#FFD5E0;font-weight:700}
.nn-quiz__done{margin:0;padding:18px 20px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}

.nn-quiz__foot{display:grid;gap:14px;margin-top:30px;justify-items:start}
.nn-quiz__disclaimer{margin:0;max-width:720px;font-size:12px;line-height:1.55;color:var(--nn-q-muted)}

@media (max-width:767px){
  .nn-quiz__goals{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nn-quiz__opt--tile{padding:16px;min-height:60px}
  .nn-quiz__main{grid-template-columns:1fr;gap:22px}
  .nn-quiz__shot{max-width:340px;width:100%;margin-inline:auto}
  .nn-quiz__also-row{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .nn-quiz__mail{padding:26px 20px}
  .nn-quiz__row{grid-template-columns:1fr}
  .nn-quiz__actions .nn-quiz__cta,.nn-quiz__send .nn-quiz__cta{width:100%}
  .nn-quiz__talk .nn-quiz__cta{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .nn-quiz__screen{animation:none}
  .nn-quiz__cta,.nn-quiz__opt,.nn-quiz__bar span{transition:none}
}

/* Automatski odabran proizvod na kontakt formi (dolazak sa "Naruči X"). Ista forma, druga stranica -
   svjesno ista boja/paleta kao kviz, da bude prepoznatljivo kao "kviz/narudžba" akcija. */
.gfield.nn-preselected{
  padding:14px 16px !important;
  background:#F6F4F3;
  border:1.5px solid #650031 !important;
  border-radius:12px;
  animation:nn-preselect-in .5s ease both;
}
@keyframes nn-preselect-in{from{background:#ECE8E6}to{background:#F6F4F3}}
.nn-preselected__note{
  display:flex;align-items:center;gap:8px;
  margin:0 0 10px;
  font:700 13px/1.4 'Archivo',sans-serif;
  color:#650031;
}
.nn-preselected__note::before{
  content:"";flex:0 0 auto;width:16px;height:16px;
  background:#650031 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center/9px no-repeat; /* FA check */
  border-radius:50%;
}

/* Tema zaključana na "Narudžba" kad se dolazi preko "Naruči" (ninium-order-link.js), 2026-10-27: bez strelice, s FA lokotom */
body .gform_wrapper .gfield.nn-tema-locked select.nn-locked{pointer-events:none !important;cursor:default !important;background-image:none !important;background-color:#F6F4F3 !important;color:#650031 !important;font-weight:600 !important;}
body .gform_wrapper .gfield.nn-tema-locked .ginput_container{position:relative;}
body .gform_wrapper .gfield.nn-tema-locked .ginput_container::after{content:"";position:absolute;right:17px;top:50%;width:13px;height:13px;margin-top:-7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23650031' d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;}