{"id":195,"date":"2026-07-28T09:24:58","date_gmt":"2026-07-28T09:24:58","guid":{"rendered":"https:\/\/lizamarijina.si\/?page_id=195"},"modified":"2026-08-03T08:25:45","modified_gmt":"2026-08-03T08:25:45","slug":"kviz-kako-postavljas-svojo-ceno","status":"publish","type":"page","link":"https:\/\/lizamarijina.si\/index.php\/kviz-kako-postavljas-svojo-ceno\/","title":{"rendered":"Kviz: Kako postavlja\u0161 svojo ceno?"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500;1,600&family=Jost:wght@400;500;600&display=swap');\n:root{\n  --ink:#211321;\n  --surface:#2E1E30;\n  --surface-2:#3A2740;\n  --gold:#CBA135;\n  --gold-soft:#E8CE8C;\n  --rose:#C97B84;\n  --paper:#F5EFE6;\n  --muted:#B8A6BC;\n  --line: rgba(245,239,230,0.14);\n}\n*{box-sizing:border-box;}\nbody{\n  margin:0;\n  background:var(--ink);\n  color:var(--paper);\n  font-family:'Jost', sans-serif;\n  min-height:100vh;\n  display:flex;\n  align-items:flex-start;\n  justify-content:center;\n  padding:32px 16px 60px;\n}\n.app{\n  width:100%;\n  max-width:640px;\n}\nh1,h2,h3{\n  font-family:'Cormorant Garamond', serif;\n  font-weight:600;\n  letter-spacing:.01em;\n  margin:0 0 8px;\n}\n.eyebrow{\n  font-size:12px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--gold-soft);\n  margin-bottom:10px;\n}\n.card{\n  background:var(--surface);\n  border:1px solid var(--line);\n  border-radius:18px;\n  padding:32px 28px;\n  position:relative;\n  overflow:hidden;\n}\n.card::before{\n  content:\"\";\n  position:absolute;\n  top:-60px; right:-60px;\n  width:180px; height:180px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(203,161,53,0.25), transparent 70%);\n}\n.intro h1{ font-size:38px; line-height:1.2; }\n.intro p{ color:var(--muted); line-height:1.6; font-size:15px; }\n.start-btn{\n  margin-top:22px;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  background:var(--gold);\n  color:var(--ink);\n  border:none;\n  padding:14px 22px;\n  border-radius:999px;\n  font-family:'Jost';\n  font-weight:600;\n  font-size:15px;\n  cursor:pointer;\n  transition: transform .15s ease, background .15s ease;\n}\n.start-btn:hover{ background:var(--gold-soft); transform:translateY(-1px); }\n.meta-row{\n  display:flex; gap:18px; margin-top:20px; font-size:13px; color:var(--muted);\n}\n.meta-row span{ display:flex; align-items:center; gap:6px; }\n.dot{ width:6px; height:6px; border-radius:50%; background:var(--rose); }\n.progress-wrap{ margin-bottom:18px; }\n.progress-track{\n  height:4px; background:var(--surface-2); border-radius:4px; overflow:hidden;\n}\n.progress-fill{\n  height:100%; background:linear-gradient(90deg,var(--rose),var(--gold));\n  width:0%; transition:width .35s ease;\n}\n.progress-label{\n  font-size:12px; color:var(--muted); margin-top:8px; letter-spacing:.05em;\n}\n.q-card{ display:none; }\n.q-card.active{ display:block; }\n.q-text{\n  font-family:'Cormorant Garamond', serif;\n  font-size:26px;\n  line-height:1.35;\n  font-weight:600;\n  margin:6px 0 24px;\n}\n.options{ display:flex; flex-direction:column; gap:10px; }\n.opt{\n  display:flex; align-items:center; gap:14px;\n  background:var(--surface-2);\n  border:1px solid var(--line);\n  border-radius:12px;\n  padding:14px 16px;\n  cursor:pointer;\n  transition: border-color .15s ease, background .15s ease;\n}\n.opt:hover{ border-color: var(--gold-soft); }\n.opt.selected{\n  border-color:var(--gold);\n  background: rgba(203,161,53,0.14);\n}\n.opt-num{\n  width:26px; height:26px; border-radius:50%;\n  border:1px solid var(--muted);\n  display:flex; align-items:center; justify-content:center;\n  font-size:12px; flex-shrink:0; color:var(--muted);\n}\n.opt.selected .opt-num{ border-color:var(--gold); color:var(--gold); background:rgba(203,161,53,0.2); }\n.opt-label{ font-size:14.5px; color:var(--paper); }\n.nav-row{\n  display:flex; justify-content:space-between; margin-top:26px;\n}\n.nav-btn{\n  background:none; border:1px solid var(--line); color:var(--muted);\n  padding:10px 18px; border-radius:999px; font-family:'Jost'; font-size:14px; cursor:pointer;\n}\n.nav-btn.primary{\n  background:var(--gold); color:var(--ink); border:none; font-weight:600;\n}\n.nav-btn:disabled{ opacity:.35; cursor:not-allowed; }\n.gate h2{ font-size:30px; }\n.gate p{ color:var(--muted); font-size:14.5px; line-height:1.6; }\n.field{\n  width:100%; padding:13px 14px; border-radius:10px; border:1px solid var(--line);\n  background:var(--surface-2); color:var(--paper); font-family:'Jost'; font-size:14.5px;\n  margin-bottom:12px;\n}\n.field:focus{ outline:none; border-color:var(--gold); }\n.privacy-note{ font-size:11.5px; color:var(--muted); margin-top:6px; }\n.result-tag{\n  display:inline-block; font-size:11px; letter-spacing:.12em; text-transform:uppercase;\n  color:var(--ink); background:var(--gold-soft); padding:5px 10px; border-radius:6px; margin-bottom:14px;\n}\n.result-title{ font-size:32px; }\n.result-quote{\n  font-family:'Cormorant Garamond', serif; font-style:italic; font-size:19px; color:var(--gold-soft);\n  border-left:2px solid var(--rose); padding-left:16px; margin:20px 0;\n}\n.result-body p{ color:var(--muted); line-height:1.65; font-size:14.5px; }\n.reflect-box{\n  background:var(--surface-2); border:1px solid var(--line); border-radius:12px; padding:18px; margin:20px 0;\n}\n.reflect-box h3{ font-size:15px; color:var(--gold-soft); margin-bottom:8px;}\n.share-row{ display:flex; gap:10px; margin:22px 0; flex-wrap:wrap; }\n.share-btn{\n  background:none; border:1px solid var(--line); color:var(--paper);\n  padding:10px 16px; border-radius:999px; font-size:13.5px; cursor:pointer; display:flex; align-items:center; gap:8px;\n}\n.share-btn:hover{ border-color:var(--gold-soft); }\n.cta-block{\n  margin-top:26px; padding:22px; border-radius:14px;\n  background:linear-gradient(135deg, rgba(201,123,132,0.18), rgba(203,161,53,0.14));\n  border:1px solid var(--line);\n}\n.cta-block h3{ font-size:23px; margin-bottom:8px; }\n.cta-block p{ color:var(--paper); opacity:.85; font-size:14px; line-height:1.55; margin-bottom:16px; }\n.cta-btn{\n  background:var(--gold); color:var(--ink); border:none; padding:14px 22px;\n  border-radius:999px; font-weight:600; font-size:15px; cursor:pointer; width:100%;\n}\ncanvas{ display:none; }\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst CATS = {\n  A: {\n    name: \"Cena kot tveganje zavrnitve\",\n    body: [\n      \"Pri postavljanju cene ne ocenjuje\u0161 samo vrednosti ponudbe.\",\n      \"Nezavedno ocenjuje\u0161 tudi, koliko lahko zahteva\u0161, ne da bi izgubil_a stranko, njeno naklonjenost ali prilo\u017enost za sodelovanje.\",\n      \"Zato za\u010dne\u0161 gledati skozi denarnico druge osebe. Spra\u0161uje\u0161 se, ali si lahko privo\u0161\u010di tvojo storitev, namesto da bi najprej preveril_a, koliko je to, kar prodaja\u0161, dejansko vredno.\",\n      \"Tvoja cena zato pogosto postane na\u010din prepre\u010devanja zavrnitve.\"\n    ],\n    dev: \"Poskusi lo\u010diti zavrnitev ponudbe od zavrnitve sebe. Stranka lahko re\u010de ne zaradi prora\u010duna, \u010dasa, prioritet ali zato, ker sodelovanje zanjo preprosto ni prava izbira. To \u0161e ne pomeni, da je tvoja cena napa\u010dna.\",\n    question: \"Kak\u0161no ceno bi postavil_a, \u010de zavrnitev ne bi pomenila ni\u010desar o tvoji vrednosti?\"\n  },\n  B: {\n    name: \"Cena kot dokazovanje in garanje\",\n    body: [\n      \"Globoko v sebi lahko verjame\u0161, da dober zaslu\u017eek pripada samo tistim, ki se zanj dovolj trudijo.\",\n      \"\u010ce nekaj naredi\u0161 hitro, lahkotno ali z veseljem, ima\u0161 ob\u010dutek, da ne bi smel_a veliko zara\u010dunati. Zato dodaja\u0161 ure, bonuse, razlage in dodatno delo, da bi cena postala upravi\u010dena.\",\n      \"Vendar stranka ne pla\u010duje samo tvojega \u010dasa. Pla\u010duje tudi tvoje znanje, izku\u0161nje, presojo, ustvarjalnost in sposobnost, da do rezultata pride\u0161 hitreje.\"\n    ],\n    dev: \"Lo\u010di vrednost svojega dela od koli\u010dine vlo\u017eenega napora. Ni ti treba upravi\u010diti dobre cene z dodatnim delom, garanjem ali iz\u010drpavanjem. To, da nekaj naredi\u0161 hitro in dobro, pogosto pomeni, da za tabo stojijo leta znanja, izku\u0161enj in vaje.\",\n    question: \"Ali zara\u010dunava\u0161 vrednost svojega dela ali koli\u010dino svojega trpljenja?\"\n  },\n  C: {\n    name: \"Cena kot ogledalo lastne vrednosti\",\n    body: [\n      \"Razumsko morda ve\u0161, da je tvoje delo kakovostno in dragoceno.\",\n      \"Toda ko mora\u0161 dolo\u010diti konkreten znesek, se pojavijo dvomi. Kot da storitev v trenutku, ko ji dolo\u010di\u0161 ceno, izgubi vrednost.\",\n      \"Takrat lahko za\u010dne\u0161 iskati potrditev pri konkurenci, stranki ali okolici, ker ne zaupa\u0161 povsem lastni presoji. Cena postane ogledalo tvoje samozavesti.\"\n    ],\n    dev: \"Cena ne sme temeljiti na tem, kako samozavestno se po\u010duti\u0161 v posameznem trenutku. Potrebuje\u0161 jasna merila: obseg dela, rezultat, strokovnost, odgovornost, stro\u0161ke in vrednost za stranko.\",\n    question: \"Katere dokaze o vrednosti svojega dela spregleda\u0161, ko se pojavi negotovost?\"\n  },\n  D: {\n    name: \"Cena brez jasnih meja\",\n    body: [\n      \"Meja ni zid med tabo in stranko, ampak prostor, kjer se lahko zares sre\u010data.\",\n      \"Ko je jasno, kaj cena vklju\u010duje, koliko popravkov je dogovorjenih in kdaj se dodatno delo dodatno zara\u010duna, je v sodelovanju ve\u010d varnosti, spo\u0161tovanja in miru za obe strani.\"\n    ],\n    dev: \"Cena potrebuje meje. Jasno dolo\u010di, kaj vklju\u010duje, koliko popravkov je zajetih, kak\u0161en je \u010dasovni okvir in kako se obra\u010duna dodatno delo. To ni neprijaznost. To je pogoj, da lahko s stranko sodeluje\u0161 brez zamere in iz\u010drpanosti.\",\n    question: \"Kaj bi moralo biti jasno dogovorjeno, da bi svojo ceno lahko izrekel_a z ve\u010d miru?\"\n  }\n};\nconst QUESTIONS = [\n  [\"A\",\"Pri postavljanju cene najprej pomislim, ali si jo bo stranka lahko privo\u0161\u010dila.\"],\n  [\"A\",\"Zavrnitev ponudbe hitro razumem kot znak, da je moja cena previsoka.\"],\n  [\"A\",\"Ko stranka okleva, hitro ponudim popust ali cenej\u0161o mo\u017enost.\"],\n  [\"B\",\"Spra\u0161ujem se, ali bom za ta denar naredila dovolj.\"],\n  [\"B\",\"Zdi se mi, da moram za dober zaslu\u017eek zelo trdo delati.\"],\n  [\"B\",\"\u010ce delo opravim hitro ali z lahkoto, imam ob\u010dutek, da ne bi smela veliko zara\u010dunati.\"],\n  [\"C\",\"Preden dolo\u010dim ceno, se pogosto primerjam s konkurenco.\"],\n  [\"C\",\"Ko moram izre\u010di svojo ceno, za\u010dne moje delo v mojih o\u010deh izgubljati vrednost.\"],\n  [\"C\",\"Pogosto ne vem, ali sem postavila previsoko ali prenizko ceno.\"],\n  [\"D\",\"Te\u017eko postavim ceno, ker ne vem, koliko \u010dasa in energije bo projekt zahteval.\"],\n  [\"D\",\"Pri projektih pogosto naredim ve\u010d, kot sem sprva dogovorila ali zara\u010dunala.\"],\n  [\"D\",\"Te\u017eko jasno dolo\u010dim, kaj cena vklju\u010duje in \u010desa ne.\"],\n];\nconst OPTIONS = [\n  \"0 \u2013 sploh ne velja zame\",\n  \"1 \u2013 ob\u010dasno velja zame\",\n  \"2 \u2013 pogosto velja zame\",\n  \"3 \u2013 zelo mo\u010dno velja zame\"\n];\nconst CONVERTKIT_FORM_URL = \"https:\/\/app.kit.com\/forms\/9733833\/subscriptions\";\nconst KVIZ_BACKUP_URL = \"\/?rest_route=\/liza\/v1\/kviz-lead\";\nlet state = { screen:\"intro\", current:0, answers:new Array(QUESTIONS.length).fill(null), email:\"\", name:\"\" };\nfunction subscribeToConvertKit(email, name, primary){\n  const body = new URLSearchParams();\n  body.append('email_address', email);\n  if(name) body.append('fields[first_name]', name);\n  body.append('fields[cenovni_vzorec]', primary.name);\n  return fetch(CONVERTKIT_FORM_URL, {\n    method: 'POST',\n    headers: { 'Accept': 'application\/json' },\n    body\n  }).catch(() => {});\n}\nfunction subscribeBackup(email, name, primary){\n  return fetch(KVIZ_BACKUP_URL, {\n    method: 'POST',\n    headers: { 'Content-Type': 'application\/json' },\n    body: JSON.stringify({ email: email, name: name, vzorec: primary.name, source: 'kviz-kako-postavljas-svojo-ceno' })\n  }).catch(() => {});\n}\nfunction render(){\n  const app = document.getElementById('app');\n  if(!app) return;\n  if(state.screen === 'intro') app.innerHTML = introHTML();\n  else if(state.screen === 'quiz') app.innerHTML = quizHTML();\n  else if(state.screen === 'gate') app.innerHTML = gateHTML();\n  else if(state.screen === 'result') app.innerHTML = resultHTML();\n  attachHandlers();\n}\nfunction introHTML(){\n  return `\n  <div class=\"card intro\">\n    <div class=\"eyebrow\">Brezpla\u010dni kviz \u00b7 2 minuti<\/div>\n    <h1>Kako postavlja\u0161 svojo ceno?<\/h1>\n    <p>Postavljanje cene ni samo matemati\u010dna odlo\u010ditev. Vanjo se vme\u0161ajo strah pred zavrnitvijo, ob\u010dutek krivde, negotovost in vpra\u0161anje, koliko si sploh dovoli\u0161 prejeti.<\/p>\n    <p>Odgovori iskreno na 12 kratkih trditev in odkrij, kateri vzorec najmo\u010dneje vpliva na tvoje cene \u2014 ter kaj storiti glede tega.<\/p>\n    <div class=\"meta-row\">\n      <span><span class=\"dot\"><\/span>12 trditev<\/span>\n      <span><span class=\"dot\"><\/span>Takoj\u0161en rezultat<\/span>\n      <span><span class=\"dot\"><\/span>Brez pravilnih odgovorov<\/span>\n    <\/div>\n    <button class=\"start-btn\" id=\"start-btn\">Za\u010dni kviz \u2192<\/button>\n  <\/div>`;\n}\nfunction quizHTML(){\n  const i = state.current;\n  const [cat, text] = QUESTIONS[i];\n  const pct = Math.round((i\/QUESTIONS.length)*100);\n  const opts = OPTIONS.map((label, val) => `\n    <div class=\"opt ${state.answers[i]===val?'selected':''}\" data-val=\"${val}\">\n      <div class=\"opt-num\">${val}<\/div>\n      <div class=\"opt-label\">${label}<\/div>\n    <\/div>`).join(\"\");\n  return `\n  <div class=\"card\">\n    <div class=\"progress-wrap\">\n      <div class=\"progress-track\"><div class=\"progress-fill\" style=\"width:${pct}%\"><\/div><\/div>\n      <div class=\"progress-label\">Vpra\u0161anje ${i+1} od ${QUESTIONS.length}<\/div>\n    <\/div>\n    <div class=\"q-card active\">\n      <div class=\"q-text\">${text}<\/div>\n      <div class=\"options\">${opts}<\/div>\n      <div class=\"nav-row\">\n        <button class=\"nav-btn\" id=\"back-btn\" ${i===0?'disabled':''}>\u2190 Nazaj<\/button>\n        <button class=\"nav-btn primary\" id=\"next-btn\" ${state.answers[i]===null?'disabled':''}>${i===QUESTIONS.length-1?'Poglej rezultat':'Naprej \u2192'}<\/button>\n      <\/div>\n    <\/div>\n  <\/div>`;\n}\nfunction gateHTML(){\n  return `\n  <div class=\"card gate\">\n    <div class=\"eyebrow\">Skoraj tam<\/div>\n    <h2>Tvoj rezultat je pripravljen.<\/h2>\n    <p>Vpi\u0161i ime in email, da vidi\u0161 svoj prevladujo\u010d cenovni vzorec \u2014 in dobi\u0161 kratek vodi\u010d, kako ga za\u010dne\u0161 spreminjati.<\/p>\n    <input class=\"field\" id=\"name-input\" placeholder=\"Ime\" value=\"${state.name}\">\n    <input class=\"field\" id=\"email-input\" placeholder=\"Email naslov\" value=\"${state.email}\">\n    <button class=\"nav-btn primary\" id=\"reveal-btn\" style=\"width:100%; padding:14px;\">Poka\u017ei mi rezultat \u2192<\/button>\n    <div class=\"privacy-note\">S prijavo se strinja\u0161 s prejemanjem e-novic. Odjavi\u0161 se lahko kadarkoli.<\/div>\n  <\/div>`;\n}\nfunction computeResult(){\n  const totals = {A:0,B:0,C:0,D:0};\n  QUESTIONS.forEach(([cat], i) => { totals[cat] += (state.answers[i]||0); });\n  let max = Math.max(...Object.values(totals));\n  let top = Object.keys(totals).filter(k => totals[k]===max);\n  return {totals, top};\n}\nfunction resultHTML(){\n  const {totals, top} = computeResult();\n  const primary = CATS[top[0]];\n  const multi = top.length > 1;\n  return `\n  <div class=\"card\">\n    <div class=\"result-tag\">Tvoj prevladujo\u010d vzorec<\/div>\n    <h2 class=\"result-title\">${primary.name}<\/h2>\n    ${multi ? `<p style=\"color:var(--muted); font-size:13.5px; margin-top:-4px;\">Enako visoko si ocenila tudi: ${top.slice(1).map(k=>CATS[k].name).join(\", \")} \u2014 pri tebi se prepleta ve\u010d vzorcev hkrati.<\/p>` : \"\"}\n    <div class=\"result-body\">\n      ${primary.body.map(p=>`<p>${p}<\/p>`).join(\"\")}\n      <p><strong style=\"color:var(--paper)\">Tvoja razvojna smer:<\/strong> ${primary.dev}<\/p>\n    <\/div>\n    <div class=\"reflect-box\">\n      <h3>Vpra\u0161anje zate<\/h3>\n      <p style=\"color:var(--paper); font-size:14.5px; line-height:1.6; margin:0;\">${primary.question}<\/p>\n    <\/div>\n    <div class=\"share-row\">\n      <button class=\"share-btn\" id=\"download-btn\">\u2b07 Prenesi rezultat kot sliko<\/button>\n      <button class=\"share-btn\" id=\"native-share-btn\">\u2197 Deli kviz (Instagram, WhatsApp ...)<\/button>\n    <\/div>\n    <div class=\"cta-block\">\n      <h3>Kaj sledi?<\/h3>\n      <p>Hvala, da si si vzela \u010das zase. V naslednjih dneh ti na email po\u0161ljemo ve\u010d o delavnici \"Postavi ceno brez krivde in dvoma\" \u2014 takrat bo\u0161 imela vse podrobnosti in povezavo za prijavo.<\/p>\n    <\/div>\n  <\/div>\n  <canvas id=\"share-canvas\" width=\"1080\" height=\"1080\"><\/canvas>`;\n}\nfunction drawShareCard(primary){\n  const canvas = document.getElementById('share-canvas');\n  const ctx = canvas.getContext('2d');\n  ctx.fillStyle = '#211321';\n  ctx.fillRect(0,0,1080,1080);\n  const grad = ctx.createRadialGradient(950,120,10,950,120,400);\n  grad.addColorStop(0,'rgba(203,161,53,0.35)');\n  grad.addColorStop(1,'rgba(203,161,53,0)');\n  ctx.fillStyle = grad;\n  ctx.fillRect(0,0,1080,1080);\n  ctx.fillStyle = '#E8CE8C';\n  ctx.font = '600 28px Jost, sans-serif';\n  ctx.fillText('MOJ VZOREC POSTAVLJANJA CEN', 80, 130);\n  ctx.fillStyle = '#F5EFE6';\n  ctx.font = '600 62px \"Cormorant Garamond\", serif';\n  wrapText(ctx, primary.name, 80, 230, 900, 68);\n  ctx.strokeStyle = '#C97B84';\n  ctx.lineWidth = 4;\n  ctx.beginPath();\n  ctx.moveTo(80, 420);\n  ctx.lineTo(80, 700);\n  ctx.stroke();\n  ctx.fillStyle = '#E8CE8C';\n  ctx.font = '600 38px \"Cormorant Garamond\", serif';\n  wrapText(ctx, primary.question, 110, 470, 850, 48);\n  ctx.fillStyle = '#B8A6BC';\n  ctx.font = '500 26px Jost, sans-serif';\n  ctx.fillText('kviz: Kako postavlja\u0161 svojo ceno?', 80, 990);\n}\nfunction wrapText(ctx, text, x, y, maxWidth, lineHeight){\n  const words = text.split(' ');\n  let line = '';\n  let curY = y;\n  for(let n=0;n<words.length;n++){\n    const testLine = line + words[n] + ' ';\n    if(ctx.measureText(testLine).width > maxWidth && n > 0){\n      ctx.fillText(line, x, curY);\n      line = words[n] + ' ';\n      curY += lineHeight;\n    } else {\n      line = testLine;\n    }\n  }\n  ctx.fillText(line, x, curY);\n}\nfunction attachHandlers(){\n  if(state.screen === 'intro'){\n    document.getElementById('start-btn').onclick = () => { state.screen='quiz'; render(); };\n  }\n  if(state.screen === 'quiz'){\n    document.querySelectorAll('.opt').forEach(el => {\n      el.onclick = () => {\n        state.answers[state.current] = parseInt(el.dataset.val);\n        render();\n      };\n    });\n    const back = document.getElementById('back-btn');\n    const next = document.getElementById('next-btn');\n    if(back) back.onclick = () => { if(state.current>0){ state.current--; render(); } };\n    if(next) next.onclick = () => {\n      if(state.answers[state.current]===null) return;\n      if(state.current < QUESTIONS.length-1){ state.current++; render(); }\n      else { state.screen='gate'; render(); }\n    };\n  }\n  if(state.screen === 'gate'){\n    document.getElementById('reveal-btn').onclick = () => {\n      state.name = document.getElementById('name-input').value.trim();\n      state.email = document.getElementById('email-input').value.trim();\n      if(!state.email || !state.email.includes('@')){\n        alert('Prosim, vnesi veljaven email naslov.');\n        return;\n      }\n      const {top} = computeResult();\n      const primary = CATS[top[0]];\n      subscribeToConvertKit(state.email, state.name, primary);\n      subscribeBackup(state.email, state.name, primary);\n      state.screen='result'; render();\n      drawShareCard(primary);\n    };\n  }\n  if(state.screen === 'result'){\n    const {top} = computeResult();\n    const primary = CATS[top[0]];\n    document.getElementById('download-btn').onclick = () => {\n      const canvas = document.getElementById('share-canvas');\n      const link = document.createElement('a');\n      link.download = 'moj-cenovni-vzorec.png';\n      link.href = canvas.toDataURL('image\/png');\n      link.click();\n    };\n    document.getElementById('native-share-btn').onclick = async () => {\n      const shareData = {\n        title: 'Kako postavlja\u0161 svojo ceno?',\n        text: `Moj vzorec postavljanja cen je: \"${primary.name}\". Preveri svojega tukaj \ud83d\udc47`,\n        url: window.location.href\n      };\n      if (navigator.share) {\n        try { await navigator.share(shareData); } catch(e) { }\n      } else {\n        try {\n          await navigator.clipboard.writeText(`${shareData.text} ${shareData.url}`);\n          const btn = document.getElementById('native-share-btn');\n          const original = btn.innerText;\n          btn.innerText = '\u2713 Povezava skopirana';\n          setTimeout(()=>{ btn.innerText = original; }, 1800);\n        } catch(e) {\n          alert('Deljenje ni podprto v tem brskalniku. Poskusi na telefonu.');\n        }\n      }\n    };\n  }\n}\ndocument.addEventListener('DOMContentLoaded', render);\nif(document.readyState !== 'loading'){ render(); }\n\n<\/script>\n\n<div class=\"app\" id=\"app\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":4,"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":204,"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/pages\/195\/revisions\/204"}],"wp:attachment":[{"href":"https:\/\/lizamarijina.si\/index.php\/wp-json\/wp\/v2\/media?parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}