{"id":6716,"date":"2026-06-22T11:34:08","date_gmt":"2026-06-22T10:34:08","guid":{"rendered":"https:\/\/smartgifty.com\/pricing-detailed\/"},"modified":"2026-08-26T11:55:04","modified_gmt":"2026-08-26T10:55:04","slug":"pricing-detailed","status":"publish","type":"page","link":"https:\/\/smartgifty.com\/hr\/pricing-detailed\/","title":{"rendered":"Detailed Pricing"},"content":{"rendered":"\n<!-- SmartGifty 2026 \u2013 Full pricing + pricing calculator + revenue calculator \u2013 Hrvatski (hr). Embeddable blok, 2026-08-26. -->\n<div class=\"cenik-calc-merged\">\n<style>\n  \/* zlij sekcije od roba do roba: brez zaobljenih robov in belih re\u017e *\/\n  .cenik-calc-merged .sg-calculator,\n  .cenik-calc-merged .calc-section{border-radius:0;margin:0;}\n<\/style>\n\n<!-- SmartGifty pricing 2026 \u2013 DETAILED version (prices + all descriptions). All scoped under .sg-cenik. -->\n<section class=\"sg-cenik\" aria-label=\"SmartGifty cjenik, paketi i detaljni opisi\">\n<style>\n.sg-cenik{\n  --sg-orange:#f39704; --sg-orange-d:#d48302;\n  --sg-purple:#2c007c; --sg-purple-light:#592ddf;\n  --sg-dark:#23035e; --sg-text:#414141; --sg-bg:#f7f5fb;\n  font-family:\"Archivo\",-apple-system,\"Segoe UI\",sans-serif;\n  color:var(--sg-text);\n  position:relative;\n  padding:64px 20px 80px;\n  background:\n    radial-gradient(120% 90% at 15% 0%, rgba(89,45,223,.10) 0%, rgba(89,45,223,0) 55%),\n    radial-gradient(120% 90% at 100% 20%, rgba(243,151,4,.10) 0%, rgba(243,151,4,0) 50%),\n    linear-gradient(180deg,#ffffff 0%, var(--sg-bg) 100%);\n  background-size:200% 200%,200% 200%,100% 100%;\n  animation:sgBgShift 22s ease-in-out infinite alternate;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n.sg-cenik *,.sg-cenik *::before,.sg-cenik *::after{box-sizing:border-box;}\n@keyframes sgBgShift{0%{background-position:0% 0%,100% 0%,0 0}100%{background-position:30% 60%,70% 40%,0 0}}\n\n.sg-cenik .sg-wrap{max-width:1120px;margin:0 auto;}\n\n\/* --- header --- *\/\n.sg-cenik .sg-head{text-align:center;margin-bottom:48px;}\n.sg-cenik .sg-eyebrow{\n  display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;\n  text-transform:uppercase;color:var(--sg-purple-light);\n  background:rgba(89,45,223,.10);padding:7px 16px;border-radius:999px;margin-bottom:18px;\n}\n.sg-cenik h2.sg-title{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;\n  font-size:clamp(28px,4.2vw,44px);line-height:1.12;margin:0 0 14px;\n  color:var(--sg-dark);font-weight:800;\n}\n.sg-cenik h2.sg-title em{font-style:normal;color:var(--sg-orange);}\n.sg-cenik .sg-sub{font-size:17px;max-width:620px;margin:0 auto;color:#6a6580;}\n\n\/* --- balon\u010dki --- *\/\n.sg-cenik .sg-cards{\n  display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:stretch;\n  margin-bottom:22px;\n}\n.sg-cenik .sg-card{\n  flex:1 1 300px;max-width:350px;position:relative;display:flex;flex-direction:column;\n  background:#fff;border:1px solid #ece8f5;border-radius:22px;\n  padding:34px 28px 30px;\n  box-shadow:0 10px 30px -18px rgba(44,0,124,.35);\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;\n}\n.sg-cenik .sg-card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 26px 48px -22px rgba(44,0,124,.45);\n  border-color:var(--sg-orange);\n}\n.sg-cenik .sg-card .sg-pkg{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;\n  font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;\n  color:var(--sg-purple-light);margin-bottom:14px;\n}\n.sg-cenik .sg-card .sg-desc{font-size:15px;line-height:1.5;color:#5a5570;min-height:66px;margin-bottom:18px;}\n.sg-cenik .sg-card .sg-price{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;\n  font-size:42px;font-weight:800;color:var(--sg-dark);line-height:1;letter-spacing:-.01em;\n}\n.sg-cenik .sg-card .sg-price small{font-size:22px;font-weight:700;margin-left:3px;color:var(--sg-orange);}\n.sg-cenik .sg-card .sg-price-note{font-size:12.5px;color:#8a86a0;margin:6px 0 22px;text-transform:uppercase;letter-spacing:.05em;}\n.sg-cenik .sg-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px dashed #e3def0;display:grid;gap:11px;}\n.sg-cenik .sg-card li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.4;color:#4a4660;}\n.sg-cenik .sg-card li::before{\n  content:\"\";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;\n  background:rgba(243,151,4,.16) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f39704' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\") center\/12px no-repeat;\n}\n\n\/* PRO poudarjen *\/\n.sg-cenik .sg-card.is-featured{\n  background:linear-gradient(160deg,var(--sg-purple) 0%,var(--sg-dark) 100%);\n  border:none;transform:translateY(-12px);\n  box-shadow:0 30px 55px -24px rgba(44,0,124,.7);\n}\n.sg-cenik .sg-card.is-featured:hover{transform:translateY(-18px);}\n.sg-cenik .sg-card.is-featured .sg-pkg{color:var(--sg-orange);}\n.sg-cenik .sg-card.is-featured .sg-desc,\n.sg-cenik .sg-card.is-featured li{color:#d9d2f2;}\n.sg-cenik .sg-card.is-featured .sg-price{color:#fff;}\n.sg-cenik .sg-card.is-featured .sg-price small{color:var(--sg-orange);}\n.sg-cenik .sg-card.is-featured .sg-price-note{color:#a99fd6;}\n.sg-cenik .sg-card.is-featured ul{border-top-color:rgba(255,255,255,.2);}\n.sg-cenik .sg-card.is-featured li::before{\n  background:rgba(243,151,4,.25) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f39704' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'\/%3E%3C\/svg%3E\") center\/12px no-repeat;\n}\n.sg-cenik .sg-badge{\n  position:absolute;top:-14px;left:50%;transform:translateX(-50%);\n  background:var(--sg-orange);color:#fff;font-size:12px;font-weight:800;\n  letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:999px;\n  white-space:nowrap;box-shadow:0 8px 18px -6px rgba(243,151,4,.7);\n  animation:sgPulse 2.4s ease-in-out infinite;\n}\n@keyframes sgPulse{0%,100%{box-shadow:0 8px 18px -6px rgba(243,151,4,.7)}50%{box-shadow:0 8px 26px 0 rgba(243,151,4,.55)}}\n\n.sg-cenik .sg-vat{text-align:center;font-size:13px;color:#8a86a0;margin:0 0 64px;}\n\n\/* --- tabela --- *\/\n.sg-cenik .sg-table-head{text-align:center;margin-bottom:30px;}\n.sg-cenik .sg-table-head h3{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;\n  font-size:clamp(22px,3vw,32px);color:var(--sg-dark);margin:0 0 8px;font-weight:800;\n}\n.sg-cenik .sg-table-head p{font-size:15px;color:#6a6580;margin:0;}\n.sg-cenik .sg-table-scroll{overflow-x:auto;border-radius:18px;box-shadow:0 14px 40px -22px rgba(44,0,124,.4);}\n.sg-cenik table{\n  width:100%;min-width:560px;border-collapse:collapse;background:#fff;font-size:14.5px;\n}\n.sg-cenik thead th{\n  background:linear-gradient(160deg,var(--sg-purple) 0%,var(--sg-dark) 100%);\n  color:#fff;font-weight:700;padding:18px 16px;text-align:center;\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;\n}\n.sg-cenik thead th:first-child{text-align:left;width:46%;}\n.sg-cenik thead th .col-price{display:block;font-size:13px;font-weight:600;color:var(--sg-orange);margin-top:3px;}\n.sg-cenik tbody td{padding:13px 16px;border-bottom:1px solid #f0edf7;text-align:center;}\n.sg-cenik tbody td:first-child{text-align:left;color:#4a4660;padding-right:10px;}\n.sg-cenik tbody tr:hover td{background:#faf8ff;}\n.sg-cenik tr.sg-band td{\n  background:#f3f0fb;font-weight:800;text-transform:uppercase;letter-spacing:.05em;\n  font-size:12.5px;color:var(--sg-purple-light);padding:14px 16px;text-align:left;\n}\n.sg-cenik tr.sg-band td .band-tag{font-weight:600;text-transform:none;letter-spacing:0;color:#9a93b8;margin-left:8px;}\n.sg-cenik .ico{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;transform:scale(.5);opacity:0;transition:transform .35s cubic-bezier(.2,1.4,.5,1),opacity .3s;}\n.sg-cenik tr.is-visible .ico{transform:scale(1);opacity:1;}\n.sg-cenik .ico.yes{background:rgba(243,151,4,.16);color:var(--sg-orange);}\n.sg-cenik .ico.no{background:#f0eef5;color:#c5c0d4;}\n.sg-cenik .ico svg{width:15px;height:15px;}\n\n\/* --- info \"i\" sidrna povezava --- *\/\n.sg-cenik .sg-fn{display:inline-flex;align-items:center;gap:9px;}\n.sg-cenik a.sg-info{\n  flex:0 0 auto;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--sg-purple-light);\n  background:#fff;color:var(--sg-purple-light);font:italic 700 12px\/1 \"Archivo\",serif;\n  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;\n  transition:background .2s,color .2s,border-color .2s,transform .2s;\n}\n.sg-cenik a.sg-info:hover{background:var(--sg-orange);border-color:var(--sg-orange);color:#fff;transform:scale(1.12);}\n\n\/* --- podroben opis --- *\/\n.sg-cenik .sg-desc-section{margin-top:72px;}\n.sg-cenik .sg-od-list{max-width:880px;margin:0 auto;display:grid;gap:18px;}\n.sg-cenik .sg-od-group{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;font-weight:800;\n  font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sg-purple-light);\n  margin:26px 0 2px;padding-left:4px;\n}\n.sg-cenik .sg-od-group:first-child{margin-top:0;}\n.sg-cenik .sg-od{\n  position:relative;background:#fff;border:1px solid #ece8f5;border-left:4px solid var(--sg-orange);\n  border-radius:16px;padding:24px 26px;scroll-margin-top:24px;\n  box-shadow:0 10px 30px -20px rgba(44,0,124,.4);\n}\n.sg-cenik .sg-od.b{border-left-color:var(--sg-purple-light);}\n.sg-cenik .sg-od.c{border-left-color:var(--sg-dark);}\n.sg-cenik .sg-od.x{border-left-color:#9a93b8;}\n.sg-cenik .sg-od-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;}\n.sg-cenik .sg-od h4{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;font-weight:800;\n  font-size:18px;color:var(--sg-dark);margin:0;\n}\n.sg-cenik .sg-od-tag{\n  font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;\n  background:rgba(243,151,4,.14);color:var(--sg-orange-d);padding:4px 10px;border-radius:999px;\n}\n.sg-cenik .sg-od.b .sg-od-tag{background:rgba(89,45,223,.12);color:var(--sg-purple-light);}\n.sg-cenik .sg-od.c .sg-od-tag{background:rgba(35,3,94,.10);color:var(--sg-dark);}\n.sg-cenik .sg-od.x .sg-od-tag{background:#efedf5;color:#7a749a;}\n.sg-cenik .sg-od p{margin:0 0 10px;font-size:14.5px;line-height:1.6;color:#54506b;}\n.sg-cenik .sg-od p:last-child{margin-bottom:0;}\n.sg-cenik .sg-od ul{margin:6px 0 12px;padding:0;list-style:none;display:grid;gap:7px;}\n.sg-cenik .sg-od ul li{position:relative;padding-left:22px;font-size:14px;line-height:1.5;color:#54506b;}\n.sg-cenik .sg-od ul li::before{content:\"\";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--sg-orange);}\n.sg-cenik .sg-od.b ul li::before{background:var(--sg-purple-light);}\n.sg-cenik .sg-od.c ul li::before{background:var(--sg-dark);}\n.sg-cenik .sg-od .sg-sub-h{font-weight:700;color:var(--sg-dark);margin:14px 0 4px;font-size:14.5px;}\n.sg-cenik .sg-od .sg-price-tag{\n  display:inline-block;background:var(--sg-dark);color:#fff;font-weight:700;font-size:13px;\n  padding:5px 12px;border-radius:8px;margin-top:6px;\n}\n.sg-cenik .sg-back{\n  display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:12.5px;font-weight:700;\n  color:var(--sg-purple-light);text-decoration:none;\n}\n.sg-cenik .sg-back:hover{color:var(--sg-orange);}\n.sg-cenik .sg-od.sg-flash{animation:sgFlash 1.6s ease;}\n@keyframes sgFlash{\n  0%{box-shadow:0 0 0 0 rgba(243,151,4,.55);background:#fff8ee;}\n  60%{box-shadow:0 0 0 6px rgba(243,151,4,0);background:#fff8ee;}\n  100%{box-shadow:0 10px 30px -20px rgba(44,0,124,.4);background:#fff;}\n}\n.sg-cenik .sg-foot{text-align:center;font-size:13px;color:#8a86a0;margin:34px 0 0;}\n\n\/* --- CTA dodatne storitve --- *\/\n.sg-cenik .sg-extra-cta{\n  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;\n  max-width:980px;margin:28px auto 0;padding:26px 30px;border-radius:20px;text-decoration:none;\n  background:linear-gradient(115deg,var(--sg-purple) 0%,var(--sg-dark) 70%);\n  box-shadow:0 22px 50px -24px rgba(44,0,124,.7);\n  position:relative;overflow:hidden;\n  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;\n}\n.sg-cenik .sg-extra-cta::after{\n  content:\"\";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;\n  background:radial-gradient(circle,rgba(243,151,4,.35) 0%,rgba(243,151,4,0) 70%);pointer-events:none;\n}\n.sg-cenik .sg-extra-cta:hover{transform:translateY(-4px);box-shadow:0 30px 60px -26px rgba(44,0,124,.8);}\n.sg-cenik .sg-extra-txt{display:flex;flex-direction:column;gap:6px;min-width:240px;flex:1 1 320px;position:relative;z-index:1;}\n.sg-cenik .sg-extra-txt strong{\n  font-family:\"Gilroy Extra Bold\",\"Archivo\",sans-serif;font-weight:800;font-size:19px;color:#fff;\n}\n.sg-cenik .sg-extra-txt span{font-size:14.5px;line-height:1.5;color:#cfc6ee;}\n.sg-cenik .sg-extra-btn{\n  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;position:relative;z-index:1;\n  background:var(--sg-orange);color:#fff;font-weight:800;font-size:15px;padding:14px 24px;border-radius:999px;\n  box-shadow:0 10px 22px -8px rgba(243,151,4,.7);transition:background .2s,transform .2s;\n}\n.sg-cenik .sg-extra-cta:hover .sg-extra-btn{background:var(--sg-orange-d);}\n.sg-cenik .sg-extra-btn svg{width:18px;height:18px;transition:transform .25s;}\n.sg-cenik .sg-extra-cta:hover .sg-extra-btn svg{transform:translateX(4px);}\n@media(max-width:620px){\n  .sg-cenik .sg-extra-cta{padding:22px;}\n  .sg-cenik .sg-extra-btn{width:100%;justify-content:center;}\n}\n\n\/* scroll-reveal *\/\n.sg-cenik .reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);}\n.sg-cenik .reveal.is-visible{opacity:1;transform:none;}\n.sg-cenik .sg-card.is-featured.reveal{transform:translateY(26px);}\n.sg-cenik .sg-card.is-featured.reveal.is-visible{transform:translateY(-12px);}\n\n@media(max-width:760px){\n  .sg-cenik .sg-card,.sg-cenik .sg-card.is-featured{transform:none;max-width:420px;}\n  .sg-cenik .sg-card.is-featured.reveal.is-visible{transform:none;}\n  .sg-cenik .sg-od{padding:20px 18px;}\n}\n@media(prefers-reduced-motion:reduce){\n  .sg-cenik,.sg-cenik *{animation:none!important;}\n  .sg-cenik .reveal{opacity:1;transform:none;}\n  .sg-cenik .ico{opacity:1;transform:none;}\n}\n<\/style>\n\n<div class=\"sg-wrap\">\n\n  <div class=\"sg-head\">\n    <span class=\"sg-eyebrow reveal\">Cjenik 2026<\/span>\n    <h2 class=\"sg-title reveal\">Odaberite svoj paket <em>SmartGifty<\/em> <\/h2>\n    <p class=\"sg-sub reveal\">Sustav poklon kartica za trgova\u010dke centre \u2013 tri paketa prilago\u0111ena va\u0161im potrebama.<\/p>\n  <\/div>\n\n  <!-- BALON\u010cKI -->\n  <div class=\"sg-cards\">\n\n    <div class=\"sg-card reveal\" style=\"transition-delay:.05s\">\n      <div class=\"sg-pkg\">Basic<\/div>\n      <p class=\"sg-desc\">Va\u0161a instanca na zajedni\u010dkom SmartGifty poslu\u017eitelju \u2013 brz i jednostavan ulazak u sustav poklon kartica.<\/p>\n      <div class=\"sg-price\">500&nbsp;<small>\u20ac<\/small><\/div>\n      <div class=\"sg-price-note\">Jednokratni tro\u0161ak postavljanja<\/div>\n      <ul>\n        <li>Sva 3 modula (info pult, administrator, najmoprimac)<\/li>\n        <li>Integracija pla\u0107anja i API poveznice<\/li>\n        <li>E-mail podr\u0161ka 7 dana u tjednu<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"sg-card is-featured reveal\" style=\"transition-delay:.15s\">\n      <span class=\"sg-badge\">Najpopularniji<\/span>\n      <div class=\"sg-pkg\">Pro<\/div>\n      <p class=\"sg-desc\">Samostalna instanca na vlastitom poslu\u017eitelju \u2013 potpuna neovisnost i prilagodbe po mjeri.<\/p>\n      <div class=\"sg-price\">3.000&nbsp;<small>\u20ac<\/small><\/div>\n      <div class=\"sg-price-note\">Jednokratni tro\u0161ak postavljanja<\/div>\n      <ul>\n        <li>Vlastiti poslu\u017eitelj \u2013 potpuna neovisnost<\/li>\n        <li>Prilagodba korisni\u010dkog su\u010delja<\/li>\n        <li>Integracije s pozadinskim sustavima (ERP, BI\u2026)<\/li>\n        <li>E-mail i online podr\u0161ka<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"sg-card reveal\" style=\"transition-delay:.25s\">\n      <div class=\"sg-pkg\">Advanced<\/div>\n      <p class=\"sg-desc\">Sve iz paketa Pro, nadogra\u0111eno onboarding managerom, web trgovinom i naprednom analitikom.<\/p>\n      <div class=\"sg-price\">5.900&nbsp;<small>\u20ac<\/small><\/div>\n      <div class=\"sg-price-note\">Jednokratni tro\u0161ak postavljanja<\/div>\n      <ul>\n        <li>Onboarding manager<\/li>\n        <li>Web trgovina (web predlo\u017eak)<\/li>\n        <li>BI izvje\u0161taji i AI analitika<\/li>\n        <li>Marketin\u0161ko savjetovanje<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n  <p class=\"sg-vat reveal\">Sve cijene su bez PDV-a.<\/p>\n\n  <!-- TABELA -->\n  <div class=\"sg-table-head\" id=\"sg-tabela\">\n    <h3 class=\"reveal\">\u0160to uklju\u010duje pojedini paket<\/h3>\n    <p class=\"reveal\">Pregled funkcionalnosti po paketima. Kliknite <strong>i<\/strong> za detaljan opis.<\/p>\n  <\/div>\n\n  <div class=\"sg-table-scroll reveal\">\n    <table>\n      <thead>\n        <tr>\n          <th>Funkcionalnost<\/th>\n          <th>Basic<span class=\"col-price\">500 \u20ac<\/span><\/th>\n          <th>Pro<span class=\"col-price\">3.000 \u20ac<\/span><\/th>\n          <th>Advanced<span class=\"col-price\">5.900 \u20ac<\/span><\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <!-- Sklop A -->\n        <tr class=\"sg-band\"><td colspan=\"4\">Uklju\u010deno u svim paketima <span class=\"band-tag\">\u2013 Basic, Pro, Advanced<\/span><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Postavljanje centra i onboarding modul<\/span><a class=\"sg-info\" href=\"#opis-postavitev\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Funkcionalnosti \u2013 3 modula<\/span><a class=\"sg-info\" href=\"#opis-moduli\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Integracija pla\u0107anja (vi\u0161e na\u010dina iskori\u0161tavanja)<\/span><a class=\"sg-info\" href=\"#opis-placila\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Vi\u0161e vrsta API poveznica<\/span><a class=\"sg-info\" href=\"#opis-api\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Vi\u0161ejezi\u010dna podr\u0161ka<\/span><a class=\"sg-info\" href=\"#opis-jeziki\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Ugra\u0111eni Google i Apple nov\u010danik<\/span><a class=\"sg-info\" href=\"#opis-denarnica\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Za\u0161tita poslu\u017eitelja i redovita a\u017euriranja<\/span><a class=\"sg-info\" href=\"#opis-zascita\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>E-mail podr\u0161ka 7 dana u tjednu<\/span><a class=\"sg-info\" href=\"#opis-email\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Pisane i video upute za kori\u0161tenje<\/span><a class=\"sg-info\" href=\"#opis-navodila\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Nabava kartica (PVC, ECO, papir\u2026)<\/span><a class=\"sg-info\" href=\"#opis-tisk\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Uskla\u0111enost s GDPR-om<\/span><a class=\"sg-info\" href=\"#opis-gdpr\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n\n        <!-- Sklop B -->\n        <tr class=\"sg-band\"><td colspan=\"4\">Pro i Advanced <span class=\"band-tag\">\u2013 dodatno uz Basic<\/span><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>E-mail ili online podr\u0161ka<\/span><a class=\"sg-info\" href=\"#opis-podpora\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Postavljanje samostalnog entiteta (vlastita instanca)<\/span><a class=\"sg-info\" href=\"#opis-instanca\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Mogu\u0107nost izmjene korisni\u010dkog su\u010delja<\/span><a class=\"sg-info\" href=\"#opis-vmesnik\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Mogu\u0107nost dodavanja drugih funkcionalnosti<\/span><a class=\"sg-info\" href=\"#opis-dodatne-funkc\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Pomo\u0107 pri planiranju procesa<\/span><a class=\"sg-info\" href=\"#opis-procesi\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Edukacija<\/span><a class=\"sg-info\" href=\"#opis-izobrazevanje\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Integracije s pozadinskim sustavima (ERP, ra\u010dunovodstvo, Loyalty, BI\u2026)<\/span><a class=\"sg-info\" href=\"#opis-zaledni\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Mogu\u0107nost razvoja novih API-ja<\/span><a class=\"sg-info\" href=\"#opis-novi-api\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>API za statistiku<\/span><a class=\"sg-info\" href=\"#opis-api-statistika\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n\n        <!-- Sklop C -->\n        <tr class=\"sg-band\"><td colspan=\"4\">Samo Advanced <span class=\"band-tag\">\u2013 najvi\u0161i paket<\/span><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Onboarding manager<\/span><a class=\"sg-info\" href=\"#opis-onboarding\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Web stranica za naru\u010divanje kartica (web predlo\u017eak)<\/span><a class=\"sg-info\" href=\"#opis-spletna\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>BI izvje\u0161taji<\/span><a class=\"sg-info\" href=\"#opis-bi\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>AI analitika<\/span><a class=\"sg-info\" href=\"#opis-ai\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td><span class=\"sg-fn\"><span>Marketin\u0161ko savjetovanje<\/span><a class=\"sg-info\" href=\"#opis-marketing\" aria-label=\"Prika\u017ei opis\">i<\/a><\/span><\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n  <p class=\"sg-foot\">Sve cijene su bez PDV-a.<\/p>\n\n  <!-- CTA: dodatne storitve -->\n  <a class=\"sg-extra-cta reveal\" href=\"#dodatne-opcije\">\n    <div class=\"sg-extra-txt\">\n      <strong>Trebate vi\u0161e nego \u0161to nudi paket?<\/strong>\n      <span>Nudimo i dodatne usluge koje nisu uklju\u010dene u pakete \u2013 Giftomat, web trgovinu po mjeri, dodatne centre i usluge po satnici.<\/span>\n    <\/div>\n    <span class=\"sg-extra-btn\">Pogledajte dodatne mogu\u0107nosti\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n    <\/span>\n  <\/a>\n\n  <!-- PODROBEN OPIS -->\n  <div class=\"sg-desc-section\">\n    <div class=\"sg-table-head\">\n      <h3 class=\"reveal\">Detaljan opis<\/h3>\n      <p class=\"reveal\">Sve funkcionalnosti i usluge, detaljno.<\/p>\n    <\/div>\n\n    <div class=\"sg-od-list\">\n\n      <div class=\"sg-od x reveal\" id=\"opis-karakteristike\">\n        <div class=\"sg-od-top\"><h4>Klju\u010dne zna\u010dajke sustava<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <ul>\n          <li>Zatvoreni sustav poklon kartica (closed-loop).<\/li>\n          <li>Fizi\u010dka i e-kartica te e-nov\u010danik (Apple \/ Google wallet).<\/li>\n          <li>Kiberneti\u010dka sigurnost i privatnost podataka \u2013 proveden penetracijski test.<\/li>\n          <li>Podaci u stvarnom vremenu 24\/7 i postupno tro\u0161enje sredstava.<\/li>\n          <li>Vi\u0161e dizajna kartica, zanemariv tro\u0161ak kartice.<\/li>\n          <li>Skalabilnost i mogu\u0107e integracije s pozadinskim sustavima.<\/li>\n          <li>Novac na ra\u010dunu centra, bez dodatnih transakcijskih naknada.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sg-od-group reveal\">Uklju\u010deno u svim paketima<\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-postavitev\">\n        <div class=\"sg-od-top\"><h4>Postavljanje i konfiguracija sustava<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Priprema sustava poklon kartica SmartGifty, personalizacija dokumenata i ispisa s podacima trgova\u010dkog centra, priprema korisni\u010dkih imena i lozinki za sve korisnike i najmoprimce, pisane i video upute na lokalnom jeziku te podr\u0161ka za API poveznice za iskori\u0161tavanje kod najmoprimaca.<\/p>\n        <p><strong>Basic:<\/strong> postavljanje va\u0161e instance na zajedni\u010dkom SmartGifty poslu\u017eitelju. <strong>Pro:<\/strong> postavljanje samostalne instance na va\u0161em poslu\u017eitelju \u2013 potpuna neovisnost. <strong>Advanced:<\/strong> dodatno slanje korisni\u010dkih imena, lozinki i uputa najmoprimcima e-po\u0161tom te onboarding dokumentacija.<\/p>\n        <p>Onboarding modul podr\u017eava uvo\u0111enje novog sustava; priprema jedinstvene baze s uvozom i slanjem dodatni je tro\u0161ak (200 \u20ac), ovisno o najmoprimcima.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-moduli\">\n        <div class=\"sg-od-top\"><h4>Funkcionalnosti \u2013 3 modula<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <div class=\"sg-sub-h\">Info pult<\/div>\n        <ul>\n          <li>Izdavanje kartica fizi\u010dkim i pravnim osobama, pregled izdanih kartica i stanja.<\/li>\n          <li>Pregled transakcija po trgovinama, upravljanje pravnim osobama, priprema ponuda (predra\u010duna).<\/li>\n          <li>Obrada zahtjeva za storno i izvoz izvje\u0161taja u XLS \/ CSV.<\/li>\n        <\/ul>\n        <div class=\"sg-sub-h\">Administrator &amp; ra\u010dunovodstvo<\/div>\n        <ul>\n          <li>Pregled prometa, izdanih, storniranih, neiskori\u0161tenih, neaktivnih i isteklih kartica po centru i trgovini.<\/li>\n          <li>Pregled i ure\u0111ivanje trgovina i pravnih osoba, zaliha po centru, online narud\u017ebe.<\/li>\n          <li>Ispis dokumenata za banku, izvoz u XML i potvrda ponuda (predra\u010duna).<\/li>\n        <\/ul>\n        <div class=\"sg-sub-h\">Najmoprimac<\/div>\n        <ul>\n          <li>Iskori\u0161tavanje (skeniranje barkoda, iskori\u0161tenje, ispis dokumenta o transakciji).<\/li>\n          <li>Provjera stanja kartice i pregled transakcija s filtriranim izvozom.<\/li>\n        <\/ul>\n        <p>Uz pakete <strong>Pro<\/strong> i <strong>Advanced<\/strong> na zahtjev je dostupna dodatna prilagodba prava za razli\u010dite korisnike (info pult, ra\u010dunovodstvo, administrator, trgovina).<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-placila\">\n        <div class=\"sg-od-top\"><h4>Integracija pla\u0107anja poklon karticom<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Vi\u0161e na\u010dina iskori\u0161tavanja poklon kartice kod najmoprimaca:<\/p>\n        <ul>\n          <li>Online pristup.<\/li>\n          <li>API poveznica.<\/li>\n          <li>Mobilni ure\u0111aj.<\/li>\n          <li>POS terminal (uz povezivanje s pru\u017eateljem usluge).<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-api\">\n        <div class=\"sg-od-top\"><h4>API poveznice \u2013 vi\u0161e vrsta<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <ul>\n          <li>API za povezivanje s blagajnom (izdavanje i iskori\u0161tavanje).<\/li>\n          <li>API za online naru\u010divanje poklon kartica i provjeru stanja.<\/li>\n        <\/ul>\n        <p>Dokumentacija i primjeri su uklju\u010deni.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-jeziki\">\n        <div class=\"sg-od-top\"><h4>Vi\u0161ejezi\u010dna podr\u0161ka<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Zadani jezik je engleski, a podr\u0161ka je dostupna za sve jezike \u2013 provjerite koje jezike platforma ve\u0107 nudi. Za jezik koji jo\u0161 ne nudimo, prijevode osigurava klijent, a mi ih ugra\u0111ujemo bez dodatne naplate. Ako prijevod izra\u0111uje SmartGifty, napla\u0107uju se tro\u0161kovi prevoditelja.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-denarnica\">\n        <div class=\"sg-od-top\"><h4>Apple \/ Google mobilni nov\u010danik<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Uklju\u010dena podr\u0161ka za dodavanje poklon kartica u Apple i Google nov\u010danik; iznos se a\u017eurira i pri iskori\u0161tenju poklon kartice.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-zascita\">\n        <div class=\"sg-od-top\"><h4>Za\u0161tita poslu\u017eitelja i a\u017euriranja<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <ul>\n          <li>Satna sigurnosna kopija baze i dodatna arhiva na vanjskom poslu\u017eitelju.<\/li>\n          <li>Odr\u017eavanje poslu\u017eitelja i mjese\u010dna a\u017euriranja.<\/li>\n          <li>Nadzor poslu\u017eitelja s upozorenjima o gre\u0161kama i pra\u0107enje performansi aplikacije.<\/li>\n          <li>Provjera koda i paketa.<\/li>\n        <\/ul>\n        <p>Platforma je smje\u0161tena na AWS infrastrukturi uz obveze visoke dostupnosti. Na razini aplikacije sigurnost osiguravamo kontrolom pristupa, otvrdnutim Ubuntu LTS poslu\u017eiteljima, komunikacijom isklju\u010divo putem HTTPS-a i vi\u0161efaktorskom autentikacijom za klju\u010dne ra\u010dune. Slijedimo prakse sigurnog razvoja (najmanje potrebne ovlasti, odvajanje okru\u017eenja, nadzor, zapisivanje, sigurnosne kopije, upravljanje ranjivostima) i sigurnosno testiranje alatima poput SonarQubea i Dependency-Tracka. Provodimo i neovisno penetracijsko testiranje te odr\u017eavamo procese za odgovor na incidente, oporavak podataka i kontinuirano pobolj\u0161anje.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-email\">\n        <div class=\"sg-od-top\"><h4>E-mail podr\u0161ka<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>E-mail podr\u0161ka za rad i kori\u0161tenje sustava uklju\u010dena je u fiksnu mjese\u010dnu najamninu sustava poklon kartica. Dodatna podr\u0161ka putem e-po\u0161te i online platformi dostupna je uz nadoplatu (35 \u20ac \/ sat).<\/p>\n        <div class=\"sg-sub-h\">SLA \u2013 vrijeme odziva<\/div>\n        <p>Vrijeme odziva zna\u010di vrijeme u kojem pru\u017eatelj usluge potvr\u0111uje primitak zahtjeva, provodi po\u010detnu analizu i zapo\u010dinje obradu (ne nu\u017eno vrijeme do potpunog rje\u0161enja problema).<\/p>\n        <ul>\n          <li><strong>Kriti\u010dna gre\u0161ka<\/strong> (klju\u010dna funkcionalnost ne radi): odziv unutar 3 sata tijekom redovnog radnog vremena.<\/li>\n          <li><strong>Niska \/ rutinska pote\u0161ko\u0107a<\/strong> (manja gre\u0161ka, pitanje, konfiguracija): odziv unutar 1 radnog dana.<\/li>\n        <\/ul>\n        <p>Zahtjevi zaprimljeni izvan redovnog radnog vremena smatraju se zaprimljenima sljede\u0107i radni dan.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-navodila\">\n        <div class=\"sg-od-top\"><h4>Pisane i video upute<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Pisane i video upute na engleskom uklju\u010dene su u cijenu osnovnog postavljanja sustava. Pisane upute na drugim jezicima (ako jo\u0161 nisu dostupne): 100 \u20ac.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-tisk\">\n        <div class=\"sg-od-top\"><h4>Tisak i nabava poklon kartica<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Tisak poklon kartica mo\u017eemo urediti mi ili mo\u017eete odabrati dobavlja\u010da. Cijene ovise o materijalu (PVC, BIO PVC, papir), vrsti tiska (CMYK i\/ili sitotisak \u2013 metalne boje, UV zavr\u0161na obrada) i koli\u010dini. Broj dizajna nije bitan sve dok su materijal i na\u010din tiska isti; minimalna koli\u010dina po dizajnu je 200 komada.<\/p>\n        <p>Uz narud\u017ebu nabave kartica generiranje kodova za tisak je besplatno; u suprotnom priprema za\u0161ti\u0107ene baze i unos u sustav stoji 120 \u20ac po narud\u017ebi.<\/p>\n        <div class=\"sg-sub-h\">Okvirne cijene tiska (CMYK, s barkodom)<\/div>\n        <ul>\n          <li>5.000 komada \u2013 0,20 \u20ac \/ kom<\/li>\n          <li>10.000 komada \u2013 0,14 \u20ac \/ kom<\/li>\n          <li>15.000 komada \u2013 0,13 \u20ac \/ kom<\/li>\n          <li>20.000 komada \u2013 0,12 \u20ac \/ kom<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od a reveal\" id=\"opis-gdpr\">\n        <div class=\"sg-od-top\"><h4>Uskla\u0111enost s GDPR-om<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <p>Uskla\u0111enost s GDPR-om zahtijeva zakonitu, po\u0161tenu i transparentnu obradu osobnih podataka. Klju\u010dni koraci uklju\u010duju pribavljanje izri\u010dite privole, osiguravanje prava pojedinca (pristup, brisanje, prenosivost), definiranje pravnih osnova za obradu, imenovanje slu\u017ebenika za za\u0161titu podataka (ako je potrebno) i visoku razinu sigurnosti podataka. Svaka interakcija sa sustavom primjereno se bilje\u017ei.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od-group reveal\">Pro i Advanced<\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-podpora\">\n        <div class=\"sg-od-top\"><h4>E-mail ili online podr\u0161ka<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Podr\u0161ka putem e-po\u0161te ili online platformi dostupna je tijekom redovnog radnog vremena pru\u017eatelja usluge, a u hitnim slu\u010dajevima i izvan redovnog radnog vremena, ovisno o broju licenci i kupljenom paketu. Dodatna podr\u0161ka putem e-po\u0161te ili online platformi obra\u010dunava se zasebno po va\u017ee\u0107oj satnici; podr\u0161ka izvan redovnog radnog vremena obra\u010dunava se po 30 % vi\u0161oj satnici.<\/p>\n        <p>Broj uklju\u010denih sati podr\u0161ke ovisi o ukupnom broju licenci po klijentu (ne po lokaciji) \u2013 od 0,5 h za 16\u201330 licenci do 3 h za 400+ licenci.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-instanca\">\n        <div class=\"sg-od-top\"><h4>Postavljanje samostalnog entiteta<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Omogu\u0107uje postavljanje samostalnog entiteta (instance sustava SmartGifty) na vlastitom virtualnom poslu\u017eitelju, \u010dime trgova\u010dki centar dobiva potpunu neovisnost i fleksibilnost sustava po mjeri.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-vmesnik\">\n        <div class=\"sg-od-top\"><h4>Prilagodba korisni\u010dkog su\u010delja<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <ul>\n          <li>Priprema i personalizacija korisni\u010dkog su\u010delja SmartGifty prema poslovnim potrebama.<\/li>\n          <li>Mogu\u0107nost izmjene ovlasti po korisni\u010dkim modulima.<\/li>\n          <li>Konfiguracija poslu\u017eitelja sa svim alatima za nadzor i sigurnosne kopije.<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-dodatne-funkc\">\n        <div class=\"sg-od-top\"><h4>Dodavanje drugih funkcionalnosti<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Mogu\u0107nost pro\u0161irenja sustava dodatnim funkcionalnostima po mjeri, prilago\u0111enima specifi\u010dnim potrebama i procesima klijenta.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-procesi\">\n        <div class=\"sg-od-top\"><h4>Pomo\u0107 pri planiranju procesa<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Savjetovanje i pomo\u0107 pri planiranju razli\u010ditih poslovnih procesa pri uvo\u0111enju sustava poklon kartica.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-izobrazevanje\">\n        <div class=\"sg-od-top\"><h4>Edukacija osoblja i najmoprimaca<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <ul>\n          <li>Edukacija za osoblje centra i najmoprimce, online ili u\u017eivo (jednokratno).<\/li>\n          <li>Kod izvedbe u\u017eivo napla\u0107uju se dodatni putni tro\u0161kovi i mogu\u0107i tro\u0161kovi smje\u0161taja.<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-zaledni\">\n        <div class=\"sg-od-top\"><h4>Integracije s pozadinskim sustavima<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Integracija s pozadinskim sustavima kao \u0161to su blagajne, ra\u010dunovodstveni sustavi, interni programi vjernosti, BI alati i drugo.<\/p>\n        <p><strong>Trgova\u010dki lanac:<\/strong> kod vi\u0161e trgova\u010dkih centara pregled potro\u0161nje po centrima u jednom korisni\u010dkom su\u010delju \u2013 prikladno za tvrtke s vi\u0161e trgovina u razli\u010ditim centrima.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-novi-api\">\n        <div class=\"sg-od-top\"><h4>Razvoj novih API-ja<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <p>Razvoj API poveznica po mjeri za specifi\u010dne potrebe klijenta i povezivanje sa sustavima tre\u0107ih strana.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od b reveal\" id=\"opis-api-statistika\">\n        <div class=\"sg-od-top\"><h4>API za statistiku<\/h4><span class=\"sg-od-tag\">Pro \u00b7 Advanced<\/span><\/div>\n        <ul>\n          <li>API za provjeru stanja putem web stranice.<\/li>\n          <li>API za naru\u010divanje e-kartica i fizi\u010dkih kartica putem web stranice (fizi\u010dke i pravne osobe).<\/li>\n          <li>API za iskori\u0161tavanje i izdavanje poklon kartica.<\/li>\n          <li>API za statistiku prodaje i iskori\u0161tavanja poklon kartica.<\/li>\n          <li>API za povezivanje s pozadinskim ra\u010dunovodstvenim sustavima.<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od-group reveal\">Samo Advanced<\/div>\n\n      <div class=\"sg-od c reveal\" id=\"opis-onboarding\">\n        <div class=\"sg-od-top\"><h4>Onboarding manager<\/h4><span class=\"sg-od-tag\">Advanced<\/span><\/div>\n        <ul>\n          <li>Priprema i slanje upitnika najmoprimcima te prikupljanje odgovora.<\/li>\n          <li>Popis opreme i zahtjeva najmoprimaca.<\/li>\n          <li>Priprema sadr\u017eaja i slanje e-poruka o projektu uvo\u0111enja poklon kartica (interni alat za slanje) \u2013 prezentacija, upute.<\/li>\n          <li>Osobna komunikacija sa svakim zainteresiranim najmoprimcem i demonstracija sustava \u2013 jedan posjet centru.<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od c reveal\" id=\"opis-spletna\">\n        <div class=\"sg-od-top\"><h4>Web trgovina \u2013 SmartGifty predlo\u017eak<\/h4><span class=\"sg-od-tag\">Advanced<\/span><\/div>\n        <p>Standardizirana web trgovina SmartWebshop: postavljanje i pokretanje na jednom jeziku, prilagodba stranica i dokumenata podacima trgova\u010dkog centra.<\/p>\n        <ul>\n          <li><strong>Pozadina:<\/strong> postavljanje baze, unos podataka klijenta, implementacija modula pla\u0107anja, povezivanje sa sustavom SmartGifty.<\/li>\n          <li><strong>Su\u010delje:<\/strong> unos sadr\u017eaja i fotografija (priprema klijent prema uputama), upravljanje poveznicama, prilagodba boja i fontova prema smjernicama brenda.<\/li>\n          <li><strong>Poslu\u017eitelj:<\/strong> dodavanje zapisa domene, konfiguracija DNS-a, testiranje i pokretanje.<\/li>\n        <\/ul>\n        <div class=\"sg-sub-h\">Dodatne usluge<\/div>\n        <ul>\n          <li>Marketin\u0161ka podr\u0161ka.<\/li>\n          <li>Objava na 2. jeziku.<\/li>\n          <li>Personalizacija poklon kartica u\u010ditavanjem fotografije.<\/li>\n          <li>Naknadno slanje e-poklon kartice (postavljanje datuma i vremena).<\/li>\n        <\/ul>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od c reveal\" id=\"opis-bi\">\n        <div class=\"sg-od-top\"><h4>Statistika i BI izvje\u0161taji<\/h4><span class=\"sg-od-tag\">Advanced<\/span><\/div>\n        <ul>\n          <li>Prodaja poklon kartica za sve centre ili pojedini centar u odabranom razdoblju.<\/li>\n          <li>Broj i vrijednost izdanih i iskori\u0161tenih kartica po centru i razdoblju.<\/li>\n          <li>Pregled trgovina s najvi\u0161e \/ najmanje iskori\u0161tenja u odabranom razdoblju.<\/li>\n          <li>Vrijednost izdanih kartica po vrsti kupca (fizi\u010dke, pravne osobe).<\/li>\n          <li>Promet i zaliha papirnatih poklon bonova.<\/li>\n        <\/ul>\n        <p>Personalizirani mjese\u010dni izvje\u0161taji i statistike po mjeri dostupni su prema dogovoru.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od c reveal\" id=\"opis-ai\">\n        <div class=\"sg-od-top\"><h4>AI analitika<\/h4><span class=\"sg-od-tag\">Advanced<\/span><\/div>\n        <p>Web su\u010delje za inteligentnu vizualizaciju: konverzacijski AI asistent koji razumije va\u0161e podatke o poklon karticama i automatski ih pretvara u pregledne, sadr\u017eajno bogate grafikone.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od c reveal\" id=\"opis-marketing\">\n        <div class=\"sg-od-top\"><h4>Marketin\u0161ko savjetovanje<\/h4><span class=\"sg-od-tag\">Advanced<\/span><\/div>\n        <p>Na temelju vi\u0161egodi\u0161njeg iskustva u uvo\u0111enju poklon kartica u trgova\u010dkim centrima nudimo marketin\u0161ku podr\u0161ku pri pripremi materijala, smjernice za ogla\u0161avanje i ozna\u010davanje u centru te dobre prakse za kartice, omotnice i komunikaciju. Marketin\u0161ko savjetovanje: 60 \u20ac \/ sat.<\/p>\n        <a class=\"sg-back\" href=\"#sg-tabela\">\u2191 Natrag na tablicu<\/a>\n      <\/div>\n\n      <div class=\"sg-od-group reveal\" id=\"dodatne-opcije\">Dodatne mogu\u0107nosti i usluge<\/div>\n\n      <div class=\"sg-od x reveal\" id=\"opis-urne\">\n        <div class=\"sg-od-top\"><h4>Satnice za usluge<\/h4><span class=\"sg-od-tag\">Svi paketi<\/span><\/div>\n        <ul>\n          <li>Dodatna online ili edukacija korisnika u\u017eivo: 40 \u20ac \/ sat.<\/li>\n          <li>Dodatna e-mail i online podr\u0161ka: 35 \u20ac \/ sat.<\/li>\n          <li>Priprema barkodova za tisak (ako kartice tiska tre\u0107a strana): 150 \u20ac.<\/li>\n          <li>Razvoj dodatnih funkcionalnosti sustava: 80 \u20ac \/ sat.<\/li>\n          <li>Marketin\u0161ko savjetovanje: 60 \u20ac \/ sat.<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sg-od x reveal\" id=\"opis-dodatni-center\">\n        <div class=\"sg-od-top\"><h4>Dodatni trgova\u010dki centar u lancu<\/h4><span class=\"sg-od-tag\">Jednokratni tro\u0161ak<\/span><\/div>\n        <ul>\n          <li>Postavljanje i priprema dodatnog centra unutar lanca (samostalna jedinica pod postoje\u0107im brendom).<\/li>\n          <li>Uvoz najmoprimaca \/ korisnika te priprema korisni\u010dkih imena i lozinki.<\/li>\n          <li>Slanje pristupnih podataka s uputama najmoprimcima e-po\u0161tom (e-poruku priprema klijent).<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"sg-od x reveal\" id=\"opis-trgovina-narocilo\">\n        <div class=\"sg-od-top\"><h4>Web trgovina po mjeri<\/h4><span class=\"sg-od-tag\">Po mjeri<\/span><\/div>\n        <p>Web trgovina razvijena po mjeri: prikupljanje zahtjeva, dizajn po mjeri, programiranje pozadine i su\u010delja, povezivanje sa sustavom SmartGifty i vo\u0111enje projekta.<\/p>\n        <span class=\"sg-price-tag\">Cjenovni raspon: 10.000 \u20ac \u2013 30.000 \u20ac<\/span>\n      <\/div>\n\n      <div class=\"sg-od x reveal\" id=\"opis-darilomat\">\n        <div class=\"sg-od-top\"><h4>Giftomat<\/h4><span class=\"sg-od-tag\">Dodatna oprema<\/span><\/div>\n        <p>Samostalni automat za prodaju poklon kartica u trgova\u010dkom centru koji mo\u017ee zamijeniti info pult ili ga dopuniti kao dodatni prodajni kanal. Jednostavan za kori\u0161tenje i izvrstan za promociju poklon kartica.<\/p>\n        <ul>\n          <li>Automatizirana kupnja i pla\u0107anje s vi\u0161e bankovnih kartica.<\/li>\n          <li>Izbor izme\u0111u vi\u0161e dizajna kartica.<\/li>\n          <li>Dostava i instalacija na lokaciji.<\/li>\n        <\/ul>\n        <span class=\"sg-price-tag\">Cijena: 6.000 \u20ac \u2013 12.000 \u20ac (ovisno o modelu i koli\u010dini)<\/span>\n        <div class=\"sg-sub-h\">Podr\u0161ka i mogu\u0107nosti<\/div>\n        <ul>\n          <li>Redovita tehni\u010dka podr\u0161ka na daljinu (1 h \/ mjesec) i godi\u0161nja provjera na lokaciji: 120 \u20ac \/ mjesec.<\/li>\n          <li>Dodatna podr\u0161ka na lokaciji kod nepravilnog kori\u0161tenja \/ o\u0161te\u0107enja: 80 \u20ac \/ h + putni tro\u0161kovi.<\/li>\n          <li>Nadogradnja za gotovinska pla\u0107anja (prilagodba hardvera i softvera): otprilike 2.000 \u20ac.<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n    <p class=\"sg-foot\">Sve cijene su bez PDV-a.<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n  var root=document.currentScript ? document.currentScript.closest('.sg-cenik') : document.querySelector('.sg-cenik');\n  if(!root) return;\n  var YES='<span class=\"ico yes\" aria-label=\"uklju\u010deno\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>';\n  var NO='<span class=\"ico no\" aria-label=\"nije uklju\u010deno\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span>';\n  root.querySelectorAll('td[data-v]').forEach(function(td){ td.innerHTML = td.getAttribute('data-v')==='1'?YES:NO; });\n\n  \/* gladek scroll od i-ikone (in \"nazaj na tabelo\") do cilja + highlight *\/\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      var id=a.getAttribute('href').slice(1);\n      var t=root.querySelector('#'+CSS.escape(id));\n      if(!t) return; \/\/ pusti privzeto, \u010de cilj ni v bloku\n      e.preventDefault();\n      t.scrollIntoView({behavior:reduce?'auto':'smooth',block:'center'});\n      if(t.classList.contains('sg-od')){\n        t.classList.remove('sg-flash');\n        void t.offsetWidth; \/\/ restart animacije\n        t.classList.add('sg-flash');\n      }\n    });\n  });\n\n  var targets=root.querySelectorAll('.reveal, .reveal-row');\n  if(!('IntersectionObserver' in window)){ targets.forEach(function(t){t.classList.add('is-visible');}); return; }\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target); } });\n  },{threshold:.12,rootMargin:'0px 0px -6% 0px'});\n  targets.forEach(function(t){ io.observe(t); });\n})();\n<\/script>\n<\/section>\n<style>\n.sg-calculator {\n  --bg: #120033;\n  --panel: #1a0042;\n  --text: #e8ecff;\n  --muted: rgba(232, 236, 255, 0.72);\n  --border: rgba(232, 236, 255, 0.12);\n  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);\n  --accent: #f39704;\n  --accent2: #ffb84d;\n  --danger: #ff6b6b;\n}\n\n.sg-calculator, .sg-calculator *, .sg-calculator *::before, .sg-calculator *::after {\n  box-sizing: border-box;\n}\n\n.sg-calculator {\n  margin: 0;\n  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\n    \"Segoe UI Emoji\";\n  color: var(--text);\n  background: radial-gradient(1200px 800px at 20% 10%, rgba(120, 60, 255, 0.2), transparent 55%),\n    radial-gradient(900px 700px at 90% 25%, rgba(180, 100, 255, 0.15), transparent 60%),\n    linear-gradient(180deg, #08001a, var(--bg));\n  padding: 20px 0;\n  border-radius: 14px;\n}\n\n.sg-calculator .container {\n  width: min(980px, calc(100% - 32px));\n  margin: 20px auto;\n  display: grid;\n  gap: 18px;\n}\n\n.sg-calculator .header {\n  padding: 10px 2px;\n}\n\n.sg-calculator .title {\n  margin: 0;\n  letter-spacing: -0.02em;\n  font-size: 28px;\n  color: #ffffff !important;\n}\n\n.sg-calculator .subtitle {\n  margin: 8px 0 0;\n  color: #ffffff;\n  line-height: 1.5;\n}\n\n.sg-calculator .calculator-description p,\n.sg-calculator .calculator-description ul,\n.sg-calculator .calculator-description h2,\n.sg-calculator .calculator-description h3 {\n  margin: 0 0 12px;\n  color: #ffffff;\n}\n\n.sg-calculator .calculator-description ul {\n  padding-left: 20px;\n}\n\n.sg-calculator .calculator-description h2,\n.sg-calculator .calculator-description h3 {\n  color: #ffffff;\n  font-size: 18px;\n  font-weight: 700 !important;\n}\n\n.sg-calculator .calculator-description h3 strong {\n  font-weight: 700 !important;\n}\n\n.sg-calculator .calculator-description .section-heading {\n  font-size: 18px;\n  font-weight: 700;\n  color: #ffffff;\n}\n\n.sg-calculator .calculator-description .section-heading strong {\n  font-weight: 700;\n}\n\n.sg-calculator .card {\n  background: #1e004d;\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  box-shadow: var(--shadow);\n  padding: 16px;\n}\n\n.sg-calculator .field {\n  display: grid;\n  gap: 6px;\n}\n\n.sg-calculator .label {\n  font-size: 12px;\n  color: var(--muted);\n}\n\n.sg-calculator .input {\n  width: 100%;\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.14);\n  border-radius: 10px;\n  padding: 11px 12px;\n  font-size: 16px;\n  color: var(--text);\n  outline: none;\n}\n\n.sg-calculator .input:focus {\n  border-color: rgba(140, 80, 255, 0.5);\n  box-shadow: 0 0 0 4px rgba(140, 80, 255, 0.12);\n}\n\n.sg-calculator .hint {\n  font-size: 12px;\n  color: rgba(232, 236, 255, 0.55);\n}\n\n.sg-calculator .status {\n  margin-top: 12px;\n  font-size: 13px;\n  color: var(--muted);\n  min-height: 18px;\n}\n\n.sg-calculator .status.error {\n  color: var(--danger);\n}\n\n.sg-calculator .resultRow {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n}\n\n.sg-calculator .resultStat {\n  padding: 14px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: 12px;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.sg-calculator .resultStat--accent {\n  background: linear-gradient(180deg, rgba(180, 100, 255, 0.12), rgba(180, 100, 255, 0.04));\n  border-color: rgba(180, 100, 255, 0.2);\n}\n\n.sg-calculator .resultLabel {\n  font-size: 12px;\n  color: var(--muted);\n}\n\n.sg-calculator .resultValue {\n  font-size: 24px;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n}\n\n.sg-calculator .resultValue.small {\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.sg-calculator .resultValue.accent {\n  color: #ffffff;\n}\n\n.sg-calculator .tableWrap {\n  margin-top: 12px;\n  overflow: auto;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n}\n\n.sg-calculator .centerInputs {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 14px;\n  margin-top: 12px;\n}\n\n.sg-calculator .table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: 0;\n}\n\n.sg-calculator .table th,\n.sg-calculator .table td {\n  padding: 10px 12px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  color: #ffffff;\n  font-weight: 400;\n}\n\n.sg-calculator .table tfoot td {\n  border-bottom: none;\n  border-top: 1px solid rgba(255, 255, 255, 0.14);\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.sg-calculator .sumRow td {\n  font-weight: 400;\n}\n\n.sg-calculator .table th {\n  position: sticky;\n  top: 0;\n  background: #140038;\n  text-align: left;\n  font-size: 12px;\n  color: rgba(232, 236, 255, 0.78);\n}\n\n.sg-calculator .table td.num,\n.sg-calculator .table th.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.sg-calculator .muted {\n  color: rgba(232, 236, 255, 0.55);\n}\n\n.sg-calculator .site-footer {\n  margin-top: 8px;\n  padding: 28px 16px 40px;\n  border-top: 1px solid var(--border);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.sg-calculator .site-footer__link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sg-calculator .site-footer__logo {\n  display: block;\n  max-width: min(200px, 55vw);\n  height: auto;\n  opacity: 0.98;\n  mix-blend-mode: screen;\n}\n\n.sg-calculator .site-footer__link:hover .site-footer__logo {\n  opacity: 1;\n}\n\n@media (max-width: 600px) {\n  .sg-calculator .container {\n    width: min(100%, calc(100% - 20px));\n    margin: 12px auto 16px;\n    gap: 14px;\n  }\n\n  .sg-calculator .card {\n    padding: 12px;\n  }\n\n  .sg-calculator .header {\n    padding: 4px 2px;\n  }\n\n  .sg-calculator .title {\n    font-size: 22px;\n    line-height: 1.1;\n  }\n\n  .sg-calculator .calculator-description h2,\n  .sg-calculator .calculator-description h3 {\n    font-size: 16px;\n  }\n\n  .sg-calculator .calculator-description p,\n  .sg-calculator .calculator-description ul,\n  .sg-calculator .calculator-description h2,\n  .sg-calculator .calculator-description h3 {\n    margin-bottom: 10px;\n  }\n\n  .sg-calculator .centerInputs {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .sg-calculator .resultRow {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .sg-calculator .resultStat {\n    padding: 12px;\n  }\n\n  .sg-calculator .resultValue {\n    font-size: 22px;\n  }\n\n  .sg-calculator .resultValue.small {\n    font-size: 15px;\n  }\n\n  .sg-calculator .tableWrap {\n    overflow: visible;\n    border: none;\n    margin-top: 14px;\n  }\n\n  .sg-calculator .table,\n  .sg-calculator .table thead,\n  .sg-calculator .table tbody,\n  .sg-calculator .table tfoot,\n  .sg-calculator .table tr,\n  .sg-calculator .table th,\n  .sg-calculator .table td {\n    display: block;\n    width: 100%;\n  }\n\n  .sg-calculator .table thead {\n    display: none;\n  }\n\n  .sg-calculator .table tbody {\n    display: grid;\n    gap: 10px;\n  }\n\n  .sg-calculator .table tbody tr {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.04);\n    overflow: hidden;\n  }\n\n  .sg-calculator .table td {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n    padding: 10px 12px;\n    text-align: left;\n  }\n\n  .sg-calculator .table td::before {\n    content: attr(data-label);\n    color: var(--muted);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .sg-calculator .table td.num,\n  .sg-calculator .table th.num {\n    text-align: left;\n  }\n\n  .sg-calculator .table tfoot {\n    margin-top: 10px;\n  }\n\n  .sg-calculator .table tfoot tr {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.04);\n    overflow: hidden;\n  }\n\n  .sg-calculator .table tfoot td {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n    padding: 10px 12px;\n    border-top: none;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n  }\n\n  .sg-calculator .table tfoot td:last-child {\n    border-bottom: none;\n  }\n\n  .sg-calculator .table tfoot td::before {\n    color: var(--muted);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n\n  .sg-calculator .table tfoot td:first-child::before {\n    content: \"Redak\";\n  }\n\n  .sg-calculator .table tfoot td:nth-child(2)::before {\n    content: \"Licence\";\n  }\n\n  .sg-calculator .table tfoot td:nth-child(3)::before {\n    content: \"Me\u0111uzbroj\";\n  }\n\n  .sg-calculator .site-footer {\n    padding: 20px 16px 28px;\n  }\n}\n<\/style>\n\n<div class=\"sg-calculator\">\n  <main class=\"container\">\n    <header class=\"header\">\n      <h1 class=\"title\">SmartGifty kalkulator cijene<\/h1>\n      <div class=\"subtitle calculator-description\">\n        <p>\n          Kako biste jednostavno izra\u010dunali jednokratni tro\u0161ak postavljanja i mjese\u010dnu pretplatu, pripremili smo kalkulator u koji unosite broj najmoprimaca koji koriste <strong>Smartgifty<\/strong> sustav.\n        <\/p>\n\n        <p class=\"section-heading\"><strong>Po\u010detno postavljanje sustava: 3.000 \u20ac<\/strong><\/p>\n        <p>Pojedinosti o opsegu i sadr\u017eaju ovog postavljanja navedene su u prezentaciji.<\/p>\n\n        <p class=\"section-heading\"><strong>Izra\u010dun mjese\u010dnih licenci<\/strong><\/p>\n        <p>\n          Za izra\u010dun mjese\u010dnog iznosa unesite broj najmoprimaca. Imajte na umu da su zadano potrebne dvije dodatne licence:\n        <\/p>\n        <ul>\n          <li><strong>Info pult:<\/strong> Za izdavanje kartica.<\/li>\n          <li><strong>Administrator:<\/strong> Za cjelovit nadzor nad sustavom.<\/li>\n        <\/ul>\n\n        <p><em>Napomena: Svaka dodatna to\u010dka izdavanja (primjerice web stranica ili automat) zahtijeva vlastitu licencu.<\/em><\/p>\n      <\/div>\n    <\/header>\n\n    <section class=\"card\">\n      <label class=\"field\">\n        <span class=\"label\">Broj trgova\u010dkih centara<\/span>\n        <input id=\"sg-centers\" class=\"input\" type=\"number\" min=\"1\" max=\"8\" step=\"1\" value=\"1\" placeholder=\"2\">\n        <span class=\"hint\">Unesite broj centara<\/span>\n      <\/label>\n      <div id=\"sg-centerInputs\" class=\"centerInputs\"><\/div>\n      <div id=\"sg-status\" class=\"status\" role=\"status\" aria-live=\"polite\"><\/div>\n    <\/section>\n\n    <section class=\"card\">\n      <div class=\"resultRow\">\n        <div class=\"resultStat\">\n          <div class=\"resultLabel\">Me\u0111uzbroj<\/div>\n          <div id=\"sg-subtotal\" class=\"resultValue\" style=\"font-weight: 400;\">\u2014<\/div>\n        <\/div>\n        <div class=\"resultStat\">\n          <div class=\"resultLabel\">Popust<\/div>\n          <div id=\"sg-discountPct\" class=\"resultValue small\">\u2014<\/div>\n        <\/div>\n        <div class=\"resultStat resultStat--accent\">\n          <div class=\"resultLabel\">Ukupno<\/div>\n          <div id=\"sg-suma\" class=\"resultValue accent\">\u2014<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tableWrap\">\n        <table class=\"table\">\n          <thead>\n            <tr>\n              <th>Centar<\/th>\n              <th class=\"num\">Trgovine<\/th>\n              <th class=\"num\">Me\u0111uzbroj<\/th>\n              <th class=\"num\">Me\u0111uzbroj (s popustom)<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody id=\"sg-breakdown\">\n            <tr>\n              <td colspan=\"4\" class=\"muted\">Unesite broj centara, zatim broj licenci po centru.<\/td>\n            <\/tr>\n          <\/tbody>\n          <tfoot>\n            <tr class=\"sumRow\">\n              <td><strong>Zbroj<\/strong><\/td>\n              <td id=\"sg-sumQty\" class=\"num\">\u2014<\/td>\n              <td id=\"sg-sumTotal\" class=\"num\">\u2014<\/td>\n              <td id=\"sg-sumTotalDiscounted\" class=\"num\">\u2014<\/td>\n            <\/tr>\n          <\/tfoot>\n        <\/table>\n      <\/div>\n    <\/section>\n  <\/main>\n<\/div>\n\n<script>\n\/* SmartGifty pricing calculator \u2013 robusten init (deluje tudi, \u010de CMS vstavi HTML po nalaganju skripte) *\/\n(function () {\n  var BASE_FEE_PER_CENTER = 400;\n  var MAX_CENTERS = 8;\n\n  var TIERS = [\n    { from: 1, to: 15, price: 18 },\n    { from: 16, to: 30, price: 16 },\n    { from: 31, to: 50, price: 14 },\n    { from: 51, to: 70, price: 13 },\n    { from: 71, to: 100, price: 12 },\n    { from: 101, to: 150, price: 11 },\n    { from: 151, to: 200, price: 10.5 },\n    { from: 201, to: 250, price: 10 },\n    { from: 251, to: 300, price: 9.5 },\n    { from: 301, to: 350, price: 9 },\n    { from: 351, to: 400, price: 8.5 },\n    { from: 401, to: 450, price: 8 }\n  ];\n\n  var CENTER_DISCOUNTS = { 1: 0, 2: 20, 3: 22, 4: 25, 5: 30, 6: 35, 7: 42, 8: 50 };\n\n  var T = {\n    centerLabel: \"Licence (centar %n%)\",\n    centerPlaceholder: \"npr. 10\",\n    empty: \"Unesite broj centara, zatim broj licenci po pojedinom centru.\",\n    hint: \"Unesite broj trgova\u010dkih centara (1\u20138). Za vi\u0161e od 8 trgova\u010dkih centara kontaktirajte nas za ponudu po mjeri i posebne komercijalne uvjete.\",\n    badNumbers: \"U svako polje centra unesite samo nenegativne cijele brojeve.\",\n    rowCenter: \"Centar %n%\",\n    colCenter: \"Centar\",\n    colLicences: \"Licence\",\n    colSubtotal: \"Me\u0111uzbroj\",\n    colSubtotalDiscount: \"Me\u0111uzbroj (s popustom)\",\n    locale: \"hr-HR\"\n  };\n\n  var DASH = \"\u2014\";\n\n  function fmtEur(v) {\n    var n = Number(v);\n    if (!Number.isFinite(n)) return DASH;\n    return new Intl.NumberFormat(T.locale, { style: \"currency\", currency: \"EUR\" }).format(n);\n  }\n\n  function fmtNum(v) {\n    var n = Number(v);\n    if (!Number.isFinite(n)) return DASH;\n    return new Intl.NumberFormat(T.locale, { maximumFractionDigits: 4 }).format(n);\n  }\n\n  \/* Vsota ene ali ve\u010d \u0161tevil, lo\u010denih s presledkom\/vejico\/podpi\u010djem. null = neveljaven vnos. *\/\n  function parseCounts(value) {\n    if (typeof value !== \"string\") return null;\n    var raw = value.trim();\n    if (raw === \"\") return 0;\n    var parts = raw.split(\/[\\s,;]+\/);\n    var sum = 0;\n    for (var i = 0; i < parts.length; i++) {\n      var part = parts[i].trim();\n      if (!part) continue;\n      if (\/^\\d{1,3}(\\.\\d{3})+$\/.test(part)) part = part.replace(\/\\.\/g, \"\");\n      var n = Number(part);\n      if (!Number.isFinite(n) || !Number.isInteger(n) || n < 0) return null;\n      sum += n;\n    }\n    return sum;\n  }\n\n  function licenceSubtotal(stores) {\n    var total = 0;\n    for (var i = 0; i < TIERS.length; i++) {\n      var t = TIERS[i];\n      var qty = Math.max(0, Math.min(stores, t.to) - t.from + 1);\n      if (qty > 0) total += qty * t.price;\n    }\n    var last = TIERS[TIERS.length - 1];\n    if (stores > last.to) total += (stores - last.to) * last.price;\n    return total;\n  }\n\n  function centerTotal(stores) {\n    return stores > 0 ? BASE_FEE_PER_CENTER + licenceSubtotal(stores) : 0;\n  }\n\n  function init(root) {\n    if (!root || root.getAttribute(\"data-sg-init\") === \"1\") return;\n    root.setAttribute(\"data-sg-init\", \"1\");\n\n    function el(id) { return root.querySelector(\"#\" + id) || document.getElementById(id); }\n\n    var ui = {\n      centers: el(\"sg-centers\"),\n      centerInputs: el(\"sg-centerInputs\"),\n      status: el(\"sg-status\"),\n      subtotal: el(\"sg-subtotal\"),\n      discountPct: el(\"sg-discountPct\"),\n      suma: el(\"sg-suma\"),\n      breakdown: el(\"sg-breakdown\"),\n      sumQty: el(\"sg-sumQty\"),\n      sumTotal: el(\"sg-sumTotal\"),\n      sumTotalDiscounted: el(\"sg-sumTotalDiscounted\")\n    };\n    if (!ui.centers || !ui.centerInputs) { root.removeAttribute(\"data-sg-init\"); return; }\n\n    var lastCount = null;\n\n    function setStatus(msg, isError) {\n      ui.status.textContent = msg || \"\";\n      ui.status.classList[isError ? \"add\" : \"remove\"](\"error\");\n    }\n\n    function emptyRow() {\n      var tr = document.createElement(\"tr\");\n      var td = document.createElement(\"td\");\n      td.colSpan = 4;\n      td.className = \"muted\";\n      td.textContent = T.empty;\n      tr.appendChild(td);\n      return tr;\n    }\n\n    function clearResult() {\n      ui.subtotal.textContent = DASH;\n      ui.discountPct.textContent = DASH;\n      ui.suma.textContent = DASH;\n      ui.breakdown.replaceChildren(emptyRow());\n      ui.sumQty.textContent = DASH;\n      ui.sumTotal.textContent = DASH;\n      ui.sumTotalDiscounted.textContent = DASH;\n    }\n\n    \/* Polja gradimo z createElement \u2013 nekateri CMS-i pobegnejo HTML v innerHTML. *\/\n    function renderCenterInputs(count, prev) {\n      prev = prev || [];\n      ui.centerInputs.replaceChildren();\n      if (!count) return;\n      for (var i = 1; i <= count; i++) {\n        var label = document.createElement(\"label\");\n        label.className = \"field center-block\";\n\n        var span = document.createElement(\"span\");\n        span.className = \"label\";\n        span.textContent = T.centerLabel.replace(\"%n%\", i);\n\n        var input = document.createElement(\"input\");\n        input.className = \"input center-stores\";\n        input.type = \"text\";\n        input.setAttribute(\"inputmode\", \"numeric\");\n        input.placeholder = T.centerPlaceholder;\n        input.setAttribute(\"data-center\", String(i));\n        input.value = prev[i - 1] || \"\";\n\n        label.appendChild(span);\n        label.appendChild(input);\n        ui.centerInputs.appendChild(label);\n      }\n    }\n\n    function storeValues() {\n      return Array.prototype.map.call(\n        ui.centerInputs.querySelectorAll(\".center-stores\"),\n        function (i) { return i.value; }\n      );\n    }\n\n    function parseCenters() {\n      var n = Number(String(ui.centers.value).trim());\n      if (!Number.isInteger(n) || n < 1 || n > MAX_CENTERS) return null;\n      return n;\n    }\n\n    function cell(text, cls, label) {\n      var td = document.createElement(\"td\");\n      td.textContent = text;\n      if (cls) td.className = cls;\n      if (label) td.setAttribute(\"data-label\", label);\n      return td;\n    }\n\n    function update() {\n      var count = parseCenters();\n\n      if (count == null) {\n        if (lastCount !== 0) { renderCenterInputs(0); lastCount = 0; }\n        clearResult();\n        setStatus(T.hint, false);\n        return;\n      }\n\n      if (count !== lastCount) {\n        renderCenterInputs(count, storeValues());\n        lastCount = count;\n      }\n\n      var counts = storeValues().map(parseCounts);\n      if (counts.indexOf(null) !== -1) {\n        clearResult();\n        setStatus(T.badNumbers, true);\n        return;\n      }\n\n      var rows = [];\n      var subtotal = 0;\n      for (var i = 0; i < counts.length; i++) {\n        var stores = counts[i] || 0;\n        var total = centerTotal(stores);\n        subtotal += total;\n        rows.push({ index: i + 1, stores: stores, subtotal: total });\n      }\n\n      var pct = CENTER_DISCOUNTS[count] || 0;\n      var factor = 1 - pct \/ 100;\n      var final = subtotal * factor;\n\n      ui.subtotal.textContent = fmtEur(subtotal);\n      ui.discountPct.textContent = pct > 0 ? pct + \"%\" : DASH;\n      ui.suma.textContent = fmtEur(final);\n      setStatus(\"\", false);\n\n      var qty = rows.reduce(function (a, r) { return a + r.stores; }, 0);\n      ui.sumQty.textContent = fmtNum(qty);\n      ui.sumTotal.textContent = fmtEur(subtotal);\n      ui.sumTotalDiscounted.textContent = fmtEur(final);\n\n      var frag = document.createDocumentFragment();\n      rows.forEach(function (r) {\n        var tr = document.createElement(\"tr\");\n        tr.appendChild(cell(T.rowCenter.replace(\"%n%\", r.index), null, T.colCenter));\n        tr.appendChild(cell(fmtNum(r.stores), \"num\", T.colLicences));\n        tr.appendChild(cell(fmtEur(r.subtotal), \"num\", T.colSubtotal));\n        tr.appendChild(cell(fmtEur(r.subtotal * factor), \"num\", T.colSubtotalDiscount));\n        frag.appendChild(tr);\n      });\n      ui.breakdown.replaceChildren(frag);\n    }\n\n    \/* Delegirano \u2013 pre\u017eivi tudi, \u010de CMS zamenja notranji DOM. *\/\n    root.addEventListener(\"input\", function (e) {\n      if (e.target === ui.centers || e.target.classList.contains(\"center-stores\")) update();\n    });\n    root.addEventListener(\"change\", function (e) {\n      if (e.target === ui.centers || e.target.classList.contains(\"center-stores\")) update();\n    });\n\n    clearResult();\n    update();\n  }\n\n  function boot() {\n    var roots = document.querySelectorAll(\".sg-calculator\");\n    for (var i = 0; i < roots.length; i++) init(roots[i]);\n    return roots.length > 0;\n  }\n\n  if (!boot() && typeof MutationObserver === \"function\") {\n    var mo = new MutationObserver(function () { if (boot()) mo.disconnect(); });\n    mo.observe(document.documentElement, { childList: true, subtree: true });\n    setTimeout(function () { mo.disconnect(); }, 20000);\n  }\n  document.addEventListener(\"DOMContentLoaded\", boot);\n})();\n<\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4\"><\/script>\n\n<style>\n.calc-section {\n  background:\n    radial-gradient(1200px 800px at 20% 10%, rgba(120,60,255,0.2), transparent 55%),\n    radial-gradient(900px 700px at 90% 25%, rgba(180,100,255,0.15), transparent 60%),\n    linear-gradient(180deg, #08001a, #120033);\n  padding: 80px 20px;\n  color: #e8ecff;\n  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n  border-radius: 14px;\n  margin-top: 30px;\n}\n\n.calc-container {\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.calc-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.calc-header h2 {\n  font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n  font-weight: 800;\n  color: #ffffff;\n  letter-spacing: -0.02em;\n  margin-bottom: 10px;\n}\n\n.calc-header p {\n  font-size: 1rem;\n  color: rgba(232,236,255,0.72);\n  max-width: 520px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n.calc-card {\n  background: #1e004d;\n  border: 1px solid rgba(232,236,255,0.12);\n  border-radius: 16px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.35);\n  padding: 28px 24px;\n  margin-bottom: 20px;\n}\n\n.calc-fields {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 18px;\n}\n\n.calc-field { display: grid; gap: 6px; }\n.calc-field.full { grid-column: 1 \/ -1; }\n\n.calc-label {\n  font-size: 0.82rem;\n  color: rgba(232,236,255,0.72);\n  font-weight: 500;\n}\n\n.calc-select,\n.calc-input {\n  width: 100%;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.14);\n  border-radius: 10px;\n  padding: 13px 14px;\n  font-size: 1rem;\n  color: #e8ecff;\n  font-family: inherit;\n  outline: none;\n  transition: border-color 0.2s, box-shadow 0.2s;\n  -webkit-appearance: none;\n}\n\n.calc-select {\n  background-image: url(\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' fill='none'><path d='M1 1.5l5 5 5-5' stroke='#f39704' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 36px;\n  cursor: pointer;\n}\n\n.calc-select option { background: #1e004d; color: #e8ecff; }\n\n.calc-input:focus,\n.calc-select:focus {\n  border-color: rgba(243,151,4,0.5);\n  box-shadow: 0 0 0 4px rgba(243,151,4,0.12);\n}\n\n.calc-input::placeholder { color: rgba(232,236,255,0.35); }\n\n.calc-checkbox-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 4px;\n}\n\n.calc-checkbox {\n  width: 20px;\n  height: 20px;\n  accent-color: #f39704;\n  cursor: pointer;\n}\n\n.calc-checkbox-label {\n  font-size: 0.92rem;\n  color: rgba(232,236,255,0.72);\n  cursor: pointer;\n}\n\n.calc-btn {\n  width: 100%;\n  background: linear-gradient(135deg, #f39704, #c2740a);\n  color: #ffffff;\n  border: none;\n  border-radius: 12px;\n  padding: 16px;\n  font-size: 1.05rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: transform 0.15s, box-shadow 0.2s;\n  font-family: inherit;\n  margin-top: 8px;\n}\n\n.calc-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 8px 24px rgba(243,151,4,0.35);\n}\n\n.results-summary {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  margin-bottom: 20px;\n}\n\n.result-stat {\n  padding: 18px 16px;\n  border: 1px solid rgba(255,255,255,0.08);\n  border-radius: 14px;\n  background: rgba(255,255,255,0.04);\n}\n\n.result-stat--accent {\n  background: linear-gradient(180deg, rgba(243,151,4,0.15), rgba(243,151,4,0.05));\n  border-color: rgba(243,151,4,0.25);\n}\n\n.result-stat-label {\n  font-size: 0.78rem;\n  color: rgba(232,236,255,0.72);\n  margin-bottom: 4px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  font-weight: 600;\n}\n\n.result-stat-value {\n  font-size: 1.5rem;\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  color: #ffffff;\n}\n\n.result-stat-value.accent { color: #f39704; }\n\n.calc-table-wrap {\n  overflow: auto;\n  border: 1px solid rgba(232,236,255,0.12);\n  border-radius: 14px;\n  margin-bottom: 20px;\n}\n\n.calc-chart-wrap {\n  margin-top: 18px;\n  padding: 14px 12px;\n  border: 1px solid rgba(232,236,255,0.12);\n  border-radius: 14px;\n  background: rgba(255,255,255,0.02);\n  position: relative;\n  height: 340px;\n}\n\n.calc-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.calc-table th,\n.calc-table td {\n  padding: 12px 16px;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n  color: #ffffff;\n  font-size: 0.92rem;\n}\n\n.calc-table th {\n  background: rgba(20,0,56,0.8);\n  text-align: left;\n  font-size: 0.78rem;\n  color: rgba(232,236,255,0.72);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.calc-table td.num,\n.calc-table th.num {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n.calc-table tfoot td {\n  border-bottom: none;\n  border-top: 2px solid rgba(243,151,4,0.25);\n  background: rgba(243,151,4,0.06);\n  font-weight: 700;\n}\n\n.benefits-card {\n  background: linear-gradient(135deg, rgba(243,151,4,0.08), rgba(243,151,4,0.03));\n  border: 1px solid rgba(243,151,4,0.15);\n  border-radius: 16px;\n  padding: 28px 24px;\n}\n\n.benefits-title {\n  font-size: 1rem;\n  font-weight: 700;\n  color: #ffffff;\n  margin-bottom: 16px;\n}\n\n.benefits-list {\n  list-style: none;\n  display: grid;\n  gap: 14px;\n  padding: 0;\n  margin: 0;\n}\n\n.benefits-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 0.92rem;\n  color: rgba(232,236,255,0.72);\n  line-height: 1.5;\n}\n\n.benefit-icon {\n  flex-shrink: 0;\n  width: 28px;\n  height: 28px;\n  background: rgba(243,151,4,0.15);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.benefit-icon svg { width: 15px; height: 15px; fill: #f39704; }\n\n@media (max-width: 640px) {\n  .calc-section { padding: 60px 16px; }\n  .calc-fields { grid-template-columns: 1fr; }\n  .results-summary { grid-template-columns: 1fr; }\n  .calc-card { padding: 20px 16px; }\n\n  .calc-table-wrap { border: none; overflow: visible; }\n  .calc-table, .calc-table thead, .calc-table tbody,\n  .calc-table tfoot, .calc-table tr, .calc-table th, .calc-table td {\n    display: block; width: 100%;\n  }\n  .calc-table thead { display: none; }\n  .calc-table tbody { display: grid; gap: 10px; }\n  .calc-table tbody tr {\n    border: 1px solid rgba(232,236,255,0.12);\n    border-radius: 12px;\n    background: rgba(255,255,255,0.04);\n    overflow: hidden;\n  }\n  .calc-table td {\n    display: flex; justify-content: space-between;\n    align-items: baseline; gap: 12px; text-align: right;\n  }\n  .calc-table td::before {\n    content: attr(data-label);\n    color: rgba(232,236,255,0.72);\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    text-align: left;\n  }\n  .calc-table td.num { text-align: right; }\n  .calc-table tfoot { margin-top: 10px; }\n  .calc-table tfoot tr {\n    border: 1px solid rgba(243,151,4,0.2);\n    border-radius: 12px;\n    background: rgba(243,151,4,0.06);\n    overflow: hidden;\n  }\n  .calc-table tfoot td { border-top: none; border-bottom: 1px solid rgba(255,255,255,0.08); }\n  .calc-table tfoot td:last-child { border-bottom: none; }\n  .calc-table tfoot td::before {\n    color: rgba(232,236,255,0.72);\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n  }\n}\n<\/style>\n\n<section class=\"calc-section\">\n  <div class=\"calc-container\">\n    <div class=\"calc-header\">\n      <h2>SmartGifty kalkulator rasta prihoda<\/h2>\n      <p>Procijenite dodatnu dobit koju sustav digitalnih poklon kartica mo\u017ee donijeti va\u0161em poslovanju u sljede\u0107ih 5 godina.<\/p>\n    <\/div>\n\n    <div class=\"calc-card\">\n      <div class=\"calc-fields\">\n        <div class=\"calc-field full\">\n          <label class=\"calc-label\" for=\"calcType\">Vrsta djelatnosti<\/label>\n          <select id=\"calcType\" class=\"calc-select\" onchange=\"window.sgUpdateUI()\">\n            <option value=\"\">&#8212; Odaberite vrstu djelatnosti &#8212;<\/option>\n            <option value=\"shopping_center\">Trgova\u010dki centar<\/option>\n            <option value=\"multi_location\">Tvrtka s vi\u0161e lokacija<\/option>\n          <\/select>\n        <\/div>\n\n        <div id=\"giftCardStatusSection\" class=\"calc-field full\" style=\"display:none\">\n          <label class=\"calc-label\">Status poklon kartica<\/label>\n          <div style=\"display:grid;gap:10px;margin-top:8px\">\n            <label style=\"display:flex;align-items:center;gap:10px;cursor:pointer\">\n              <input type=\"radio\" name=\"giftCardStatus\" value=\"none\" onchange=\"window.sgUpdateUI()\" style=\"width:18px;height:18px;accent-color:#f39704;cursor:pointer\">\n              <span style=\"color:#e8ecff;font-size:0.92rem\">Jo\u0161 nemamo poklon kartice<\/span>\n            <\/label>\n            <label style=\"display:flex;align-items:center;gap:10px;cursor:pointer\">\n              <input type=\"radio\" name=\"giftCardStatus\" value=\"vouchers\" onchange=\"window.sgUpdateUI()\" style=\"width:18px;height:18px;accent-color:#f39704;cursor:pointer\">\n              <span style=\"color:#e8ecff;font-size:0.92rem\">Imamo poklon bonove<\/span>\n            <\/label>\n            <label style=\"display:flex;align-items:center;gap:10px;cursor:pointer\">\n              <input type=\"radio\" name=\"giftCardStatus\" value=\"cards\" onchange=\"window.sgUpdateUI()\" style=\"width:18px;height:18px;accent-color:#f39704;cursor:pointer\">\n              <span style=\"color:#e8ecff;font-size:0.92rem\">Ve\u0107 imamo poklon kartice<\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <div id=\"scNumLocations\" class=\"calc-field\" style=\"display:none\">\n          <label class=\"calc-label\" for=\"calcSCLocations\">Broj lokacija trgova\u010dkih centara<\/label>\n          <input id=\"calcSCLocations\" class=\"calc-input\" type=\"number\" min=\"1\" max=\"10\" step=\"1\" value=\"1\" placeholder=\"npr. 1\" onchange=\"window.sgUpdateUI()\">\n        <\/div>\n\n        <div id=\"scNumStoresSection\" style=\"display:none\"><\/div>\n\n        <div id=\"mlNumLocations\" class=\"calc-field\" style=\"display:none\">\n          <label class=\"calc-label\" for=\"calcMLLocations\">Broj lokacija<\/label>\n          <input id=\"calcMLLocations\" class=\"calc-input\" type=\"number\" min=\"1\" max=\"100\" step=\"1\" value=\"1\" placeholder=\"npr. 5\">\n        <\/div>\n\n        <div id=\"yearlyRevenueSection\" class=\"calc-field full\" style=\"display:none\">\n          <label class=\"calc-label\" for=\"calcYearlyRevenue\">Godi\u0161nji prihod (\u20ac)<\/label>\n          <input id=\"calcYearlyRevenue\" class=\"calc-input\" type=\"text\" inputmode=\"numeric\" placeholder=\"npr. 500000\">\n        <\/div>\n\n        <div class=\"calc-field full\">\n          <button class=\"calc-btn\" type=\"button\" onclick=\"window.sgCalcRun()\">Izra\u010dunaj moju 5-godi\u0161nju projekciju<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"calc-results\" id=\"calcResults\" style=\"display:none\">\n      <div class=\"results-summary\">\n        <div class=\"result-stat\">\n          <div class=\"result-stat-label\">Prihod 1. godine<\/div>\n          <div class=\"result-stat-value\" id=\"resYear1\">\u2014<\/div>\n        <\/div>\n        <div class=\"result-stat\">\n          <div class=\"result-stat-label\">Prihod 5. godine<\/div>\n          <div class=\"result-stat-value\" id=\"resYear5\">\u2014<\/div>\n        <\/div>\n        <div class=\"result-stat result-stat--accent\">\n          <div class=\"result-stat-label\">Ukupno 5 godina<\/div>\n          <div class=\"result-stat-value accent\" id=\"resTotal\">\u2014<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"calc-card\">\n        <div class=\"calc-table-wrap\">\n          <table class=\"calc-table\">\n            <thead>\n              <tr>\n                <th>Godina<\/th>\n                <th class=\"num\">Stopa rasta<\/th>\n                <th class=\"num\">Prihod od poklon kartica<\/th>\n                <th class=\"num\">Kumulativ<\/th>\n              <\/tr>\n            <\/thead>\n            <tbody id=\"calcTableBody\"><\/tbody>\n            <tfoot>\n              <tr>\n                <td data-label=\"\"><strong>Ukupno (5 godina)<\/strong><\/td>\n                <td class=\"num\" data-label=\"Stopa rasta\">\u2014<\/td>\n                <td class=\"num\" id=\"calcFootRevenue\" data-label=\"Prihod od poklon kartica\">\u2014<\/td>\n                <td class=\"num\" id=\"calcFootCum\" data-label=\"Kumulativ\">\u2014<\/td>\n              <\/tr>\n            <\/tfoot>\n          <\/table>\n        <\/div>\n\n        <div class=\"calc-chart-wrap\">\n          <canvas id=\"calc-revenue-chart\" aria-label=\"Godi\u0161nji prihod i kumulativ\"><\/canvas>\n        <\/div>\n      <\/div>\n\n      <div class=\"benefits-card\">\n        <div class=\"benefits-title\">Iza brojki \u2014 za\u0161to SmartGifty?<\/div>\n        <ul class=\"benefits-list\">\n          <li>\n            <span class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/span>\n            <span><strong>Sna\u017ean marketin\u0161ki alat<\/strong> \u2014 pobolj\u0161ajte iskustvo postoje\u0107ih kupaca personaliziranim digitalnim poklon karticama.<\/span>\n          <\/li>\n          <li>\n            <span class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/span>\n            <span><strong>Privucite nove kupce<\/strong> \u2014 poklon kartice jedan su od naju\u010dinkovitijih na\u010dina da vam dovedu prve kupce.<\/span>\n          <\/li>\n          <li>\n            <span class=\"benefit-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/span>\n            <span><strong>U\u0161tedite vrijeme i novac digitalizacijom<\/strong> \u2014 uklonite papirnate bonove, smanjite administraciju i dobijte analitiku u stvarnom vremenu.<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  function sgRevenueInit() {\n    var revenueChart = null;\n\n    \/* Vsi uporabniku vidni nizi na enem mestu (prevod = zamenjava tega bloka). *\/\n    var T = {\n      storesPerLocation: 'Broj trgovina po lokaciji',\n      storesInCenter: 'Broj trgovina u centru',\n      noteLabel: 'Napomena:',\n      bracketNote: ' Prihod se izra\u010dunava po razredima: 1\u201350 trgovina = 115.000 \\u20AC, 51\u2013100 trgovina = 255.000 \\u20AC, 101\u2013150 trgovina = 360.000 \\u20AC, 150+ trgovina = 450.000 \\u20AC.',\n      locationStores: 'Lokacija %n% \u2013 broj trgovina',\n      storesPlaceholder: 'npr. 50',\n      errType: 'Odaberite vrstu djelatnosti.',\n      errStatus: 'Odaberite status va\u0161ih poklon kartica.',\n      errStores: 'Unesite valjan broj trgovina za lokaciju %n%',\n      errRevenue: 'Unesite valjan godi\u0161nji prihod.',\n      baseline: 'Polazi\u0161te',\n      yearN: 'Godina %n%',\n      colYear: 'Godina',\n      colGrowth: 'Stopa rasta',\n      colRevenue: 'Prihod od poklon kartica',\n      colCum: 'Kumulativ',\n      axisYearly: 'Godi\u0161nji prihod',\n      locale: 'hr-HR'\n    };\n\n    function renderRevenueChart(rows, growthRates) {\n      var canvas = document.getElementById('calc-revenue-chart');\n      if (!canvas || typeof Chart === 'undefined' || !rows || !rows.length) {\n        if (revenueChart) { revenueChart.destroy(); revenueChart = null; }\n        return;\n      }\n      var labels = rows.map(function (r) { return T.yearN.replace('%n%', r.year); });\n      var revenues = rows.map(function (r) { return r.revenue; });\n      var cums = rows.map(function (r) { return r.cum; });\n\n      if (revenueChart) { revenueChart.destroy(); revenueChart = null; }\n\n      revenueChart = new Chart(canvas, {\n        type: 'bar',\n        data: {\n          labels: labels,\n          datasets: [\n            {\n              type: 'bar',\n              label: T.colRevenue,\n              data: revenues,\n              backgroundColor: 'rgba(243, 151, 4, 0.85)',\n              borderColor: '#f39704',\n              borderWidth: 1,\n              borderRadius: 6,\n              yAxisID: 'y',\n              order: 2,\n            },\n            {\n              type: 'line',\n              label: T.colCum,\n              data: cums,\n              borderColor: '#ffb84d',\n              backgroundColor: 'rgba(255, 184, 77, 0.2)',\n              borderWidth: 2,\n              tension: 0.3,\n              pointRadius: 4,\n              pointBackgroundColor: '#ffb84d',\n              yAxisID: 'yCum',\n              order: 1,\n            },\n          ],\n        },\n        options: {\n          responsive: true,\n          maintainAspectRatio: false,\n          interaction: { mode: 'index', intersect: false },\n          plugins: {\n            legend: {\n              labels: { color: '#e8ecff' },\n            },\n            tooltip: {\n              callbacks: {\n                label: function (ctx) {\n                  return ctx.dataset.label + ': ' + sgFmtEur(ctx.parsed.y);\n                },\n              },\n            },\n          },\n          scales: {\n            x: {\n              ticks: { color: '#e8ecff' },\n              grid: { color: 'rgba(232,236,255,0.08)' },\n            },\n            y: {\n              position: 'left',\n              ticks: { color: '#e8ecff', callback: function (v) { return sgFmtEur(v); } },\n              grid: { color: 'rgba(232,236,255,0.08)' },\n              title: { display: true, text: T.axisYearly, color: '#e8ecff' },\n            },\n            yCum: {\n              position: 'right',\n              ticks: { color: '#ffb84d', callback: function (v) { return sgFmtEur(v); } },\n              grid: { drawOnChartArea: false },\n              title: { display: true, text: T.colCum, color: '#ffb84d' },\n            },\n          },\n        },\n      });\n    }\n\n    function sgParseNum(val) {\n      if (typeof val !== 'string') val = String(val);\n      var raw = val.trim().replace(\/\\s\/g, '');\n      if (!raw) return null;\n      var lastComma = raw.lastIndexOf(',');\n      var lastDot = raw.lastIndexOf('.');\n      if (lastComma !== -1 && lastDot !== -1) {\n        raw = lastComma > lastDot\n          ? raw.replace(\/\\.\/g, '').replace(',', '.')\n          : raw.replace(\/,\/g, '');\n      } else if (lastComma !== -1) {\n        raw = \/^\\d{1,3}(,\\d{3})+$\/.test(raw) ? raw.replace(\/,\/g, '') : raw.replace(',', '.');\n      } else if (lastDot !== -1 && \/^\\d{1,3}(\\.\\d{3})+$\/.test(raw)) {\n        raw = raw.replace(\/\\.\/g, '');\n      }\n      var n = Number(raw);\n      return Number.isFinite(n) && n >= 0 ? n : null;\n    }\n\n    function sgFmtEur(n) {\n      if (!Number.isFinite(n)) return '\\u2014';\n      return new Intl.NumberFormat(T.locale, { style: 'currency', currency: 'EUR', maximumFractionDigits: 0 }).format(n);\n    }\n\n    window.sgUpdateUI = function () {\n      var type = document.getElementById('calcType').value;\n      var giftCardStatus = document.querySelector('input[name=\"giftCardStatus\"]:checked');\n      var status = giftCardStatus ? giftCardStatus.value : '';\n\n      document.getElementById('giftCardStatusSection').style.display = 'none';\n      document.getElementById('scNumLocations').style.display = 'none';\n      document.getElementById('scNumStoresSection').style.display = 'none';\n      document.getElementById('mlNumLocations').style.display = 'none';\n      document.getElementById('yearlyRevenueSection').style.display = 'none';\n\n      if (!type) return;\n\n      document.getElementById('giftCardStatusSection').style.display = 'block';\n\n      if (!status) return;\n\n      if (type === 'shopping_center') {\n        if (status === 'none') {\n          document.getElementById('scNumLocations').style.display = 'block';\n\n          var numLocations = parseInt(document.getElementById('calcSCLocations').value) || 1;\n          var storesSection = document.getElementById('scNumStoresSection');\n\n          if (numLocations > 1) {\n            var html = '<div class=\"calc-field full\">';\n            html += '<label class=\"calc-label\">' + T.storesPerLocation + '<\/label>';\n            html += '<p style=\"font-size:0.75rem;color:rgba(232,236,255,0.72);margin-top:4px;line-height:1.4\">';\n            html += '<strong>' + T.noteLabel + '<\/strong>' + T.bracketNote;\n            html += '<\/p>';\n            html += '<\/div>';\n            for (var i = 1; i <= Math.min(numLocations, 10); i++) {\n              html += '<div class=\"calc-field\">';\n              html += '<label class=\"calc-label\" for=\"scStores' + i + '\">' + T.locationStores.replace('%n%', i) + '<\/label>';\n              html += '<input id=\"scStores' + i + '\" class=\"calc-input\" type=\"number\" min=\"1\" step=\"1\" value=\"50\" placeholder=\"' + T.storesPlaceholder + '\">';\n              html += '<\/div>';\n            }\n            storesSection.innerHTML = html;\n            storesSection.style.display = 'block';\n          } else {\n            var html = '<div class=\"calc-field full\">';\n            html += '<label class=\"calc-label\" for=\"scStores1\">' + T.storesInCenter + '<\/label>';\n            html += '<p style=\"font-size:0.75rem;color:rgba(232,236,255,0.72);margin-top:4px;margin-bottom:8px;line-height:1.4\">';\n            html += '<strong>' + T.noteLabel + '<\/strong>' + T.bracketNote;\n            html += '<\/p>';\n            html += '<input id=\"scStores1\" class=\"calc-input\" type=\"number\" min=\"1\" step=\"1\" value=\"50\" placeholder=\"' + T.storesPlaceholder + '\">';\n            html += '<\/div>';\n            storesSection.innerHTML = html;\n            storesSection.style.display = 'block';\n          }\n        } else {\n          document.getElementById('yearlyRevenueSection').style.display = 'block';\n        }\n      }\n\n      if (type === 'multi_location') {\n        document.getElementById('mlNumLocations').style.display = 'block';\n\n        if (status === 'vouchers' || status === 'cards') {\n          document.getElementById('yearlyRevenueSection').style.display = 'block';\n        }\n      }\n    };\n\n    function getSCBaselineRevenue(numStores) {\n      if (numStores <= 50) return 115000;\n      if (numStores <= 100) return 255000;\n      if (numStores <= 150) return 360000;\n      return 450000;\n    }\n\n    window.sgCalcRun = function () {\n      var type = document.getElementById('calcType').value;\n      var giftCardStatus = document.querySelector('input[name=\"giftCardStatus\"]:checked');\n      var status = giftCardStatus ? giftCardStatus.value : '';\n\n      if (!type) { alert(T.errType); return; }\n      if (!status) { alert(T.errStatus); return; }\n\n      var yearlyRevenue = 0;\n      var growthRates = [];\n\n      if (type === 'shopping_center') {\n        if (status === 'none') {\n          var numLocations = parseInt(document.getElementById('calcSCLocations').value) || 1;\n          var totalStores = 0;\n          for (var i = 1; i <= Math.min(numLocations, 10); i++) {\n            var storesInput = document.getElementById('scStores' + i);\n            if (storesInput) {\n              var stores = parseInt(storesInput.value) || 0;\n              if (stores <= 0) { alert(T.errStores.replace('%n%', i)); return; }\n              totalStores += stores;\n            }\n          }\n          yearlyRevenue = getSCBaselineRevenue(totalStores);\n          growthRates = [0, 0.50, 0.45, 0.40, 0.35];\n        } else if (status === 'vouchers') {\n          yearlyRevenue = sgParseNum(document.getElementById('calcYearlyRevenue').value);\n          if (!yearlyRevenue || yearlyRevenue <= 0) { alert(T.errRevenue); return; }\n          growthRates = [0.30, 0.24, 0.18, 0.12, 0.06];\n        } else if (status === 'cards') {\n          yearlyRevenue = sgParseNum(document.getElementById('calcYearlyRevenue').value);\n          if (!yearlyRevenue || yearlyRevenue <= 0) { alert(T.errRevenue); return; }\n          growthRates = [0.18, 0.15, 0.12, 0.09, 0.06];\n        }\n      }\n\n      if (type === 'multi_location') {\n        var numLocations = parseInt(document.getElementById('calcMLLocations').value) || 1;\n        if (status === 'none') {\n          yearlyRevenue = 2500 * numLocations;\n          growthRates = [0.20, 0.20, 0.20, 0.20, 0.20];\n        } else {\n          yearlyRevenue = sgParseNum(document.getElementById('calcYearlyRevenue').value);\n          if (!yearlyRevenue || yearlyRevenue <= 0) { alert(T.errRevenue); return; }\n          growthRates = [0.20, 0.20, 0.20, 0.20, 0.20];\n        }\n      }\n\n      var rows = [], cum = 0, totRevenue = 0;\n      var currentRevenue = yearlyRevenue;\n\n      for (var y = 1; y <= 5; y++) {\n        var yearRevenue = currentRevenue * (1 + growthRates[y - 1]);\n        cum += yearRevenue;\n        totRevenue += yearRevenue;\n        rows.push({ year: y, revenue: yearRevenue, cum: cum });\n        currentRevenue = yearRevenue;\n      }\n\n      document.getElementById('resYear1').textContent = sgFmtEur(rows[0].revenue);\n      document.getElementById('resYear5').textContent = sgFmtEur(rows[4].revenue);\n      document.getElementById('resTotal').textContent = sgFmtEur(totRevenue);\n\n      var html = '';\n      for (var i = 0; i < rows.length; i++) {\n        var r = rows[i];\n        var growthPct = growthRates[i] === 0 ? T.baseline : ('+' + (growthRates[i] * 100).toFixed(0) + '%');\n        html += '<tr>'\n          + '<td data-label=\"' + T.colYear + '\">' + T.yearN.replace('%n%', r.year) + '<\/td>'\n          + '<td class=\"num\" data-label=\"' + T.colGrowth + '\">' + growthPct + '<\/td>'\n          + '<td class=\"num\" data-label=\"' + T.colRevenue + '\">' + sgFmtEur(r.revenue) + '<\/td>'\n          + '<td class=\"num\" data-label=\"' + T.colCum + '\">' + sgFmtEur(r.cum) + '<\/td>'\n          + '<\/tr>';\n      }\n      document.getElementById('calcTableBody').innerHTML = html;\n      document.getElementById('calcFootRevenue').textContent = sgFmtEur(totRevenue);\n      document.getElementById('calcFootCum').textContent = sgFmtEur(cum);\n\n      document.getElementById('calcResults').style.display = 'block';\n      renderRevenueChart(rows, growthRates);\n      document.getElementById('calcResults').scrollIntoView({ behavior: 'smooth', block: 'start' });\n    };\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', sgRevenueInit);\n  } else {\n    sgRevenueInit();\n  }\n})();\n<\/script>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cjenik 2026 Odaberite svoj paket SmartGifty Sustav poklon kartica za trgova\u010dke centre \u2013 tri paketa prilago\u0111ena va\u0161im potrebama. Basic Va\u0161a instanca na zajedni\u010dkom SmartGifty poslu\u017eitelju \u2013 brz i jednostavan ulazak u sustav poklon kartica. 500&nbsp;\u20ac Jednokratni tro\u0161ak postavljanja Sva 3 modula (info pult, administrator, najmoprimac) Integracija pla\u0107anja i API poveznice E-mail podr\u0161ka 7 dana u &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/smartgifty.com\/hr\/pricing-detailed\/\"> <span class=\"screen-reader-text\">Detailed Pricing<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-privacy-copy.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6716","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6716\/"}],"collection":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/"}],"about":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/types\/page\/"}],"author":[{"embeddable":true,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/users\/3\/"}],"replies":[{"embeddable":true,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/comments\/?post=6716"}],"version-history":[{"count":10,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6716\/revisions\/"}],"predecessor-version":[{"id":7208,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6716\/revisions\/7208\/"}],"wp:attachment":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/media\/?parent=6716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}