{"id":6851,"date":"2026-07-30T11:54:53","date_gmt":"2026-07-30T10:54:53","guid":{"rendered":"https:\/\/smartgifty.com\/cenik-calculator-2\/"},"modified":"2026-08-26T08:14:03","modified_gmt":"2026-08-26T07:14:03","slug":"cenik-calculator","status":"publish","type":"page","link":"https:\/\/smartgifty.com\/hr\/cenik-calculator\/","title":{"rendered":"Cjenik kalkulator"},"content":{"rendered":"\n<!-- SmartGifty 2026 \u2013 Basic pricing + 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 cenik 2026 \u2013 embeddable blok. Vse scopano pod .sg-cenik. -->\n<section class=\"sg-cenik\" aria-label=\"SmartGifty cjenik i paketi\">\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;}\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.sg-cenik .sg-foot{text-align:center;font-size:13px;color:#8a86a0;margin:26px 0 0;}\n\n\/* --- info ikona + popover --- *\/\n.sg-cenik tbody td:first-child{padding-right:10px;}\n.sg-cenik .sg-fn{display:inline-flex;align-items:center;gap:9px;}\n.sg-cenik a.sg-info{\n  -webkit-appearance:none;appearance:none;box-shadow:none;outline:none;text-decoration:none;\n  flex:0 0 auto;width:19px;height:19px;min-width:0;border-radius:50%;border:1.5px solid var(--sg-purple-light);\n  background:#fff;color:var(--sg-purple-light);font:700 12px\/1 \"Archivo\",serif;font-style:italic;\n  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;\n  transition:background .2s,color .2s,border-color .2s,transform .2s;\n}\n.sg-cenik a.sg-info:hover,.sg-cenik a.sg-info[aria-expanded=\"true\"]{\n  background:var(--sg-orange);border-color:var(--sg-orange);color:#fff;transform:scale(1.1);\n}\n.sg-cenik .sg-pop{\n  position:absolute;z-index:30;max-width:288px;width:max-content;\n  background:#fff;color:#4a4660;border:1px solid #ece8f5;border-radius:12px;\n  padding:13px 15px;font-size:13px;line-height:1.5;text-align:left;\n  box-shadow:0 18px 40px -14px rgba(44,0,124,.45);\n  opacity:0;transform:translateY(6px) scale(.96);pointer-events:none;\n  transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1);\n}\n.sg-cenik .sg-pop.is-open{opacity:1;transform:none;pointer-events:auto;}\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}\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      <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      <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      <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\n  <!-- TABELA -->\n  <div class=\"sg-table-head\">\n    <h3 class=\"reveal\">\u0160to uklju\u010duje pojedini paket<\/h3>\n    <p class=\"reveal\">Pregled funkcionalnosti po paketima.<\/p>\n  <\/div>\n\n  <div class=\"sg-table-scroll reveal\">\n    <table>\n      <thead>\n        <tr>\n          <th>Funkcionalnost<\/th>\n          <th>Basic<\/th>\n          <th>Pro<\/th>\n          <th>Advanced<\/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 data-info=\"System setup and configuration, including reports, user accounts, and support with the rollout of the new system (onboarding module).\">Postavljanje centra i onboarding modul<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Three modules: Info Point (card issuance and overview), Administration &amp; Accounting (transactions and reports), and Tenant (redemptions and transaction overview).\">Funkcionalnosti \u2013 3 modula<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Multiple ways to redeem gift cards: web access, API integration, mobile device, or POS terminal.\">Integracija pla\u0107anja (vi\u0161e na\u010dina iskori\u0161tavanja)<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"APIs for POS integration (issuance and redemption), online ordering, and card balance checks; documentation and examples are included.\">Vi\u0161e vrsta API poveznica<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"English is the default language, and all other languages are supported. The client provides any missing translations, which we add at no extra charge.\">Vi\u0161ejezi\u010dna podr\u0161ka<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Add gift cards to Apple Wallet and Google Wallet; the balance is also updated when the card is redeemed.\">Ugra\u0111eni Google i Apple nov\u010danik<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"AWS hosting, hourly database backups, monitoring, monthly updates, HTTPS-only access, multi-factor authentication, and independent penetration testing.\">Za\u0161tita poslu\u017eitelja i redovita a\u017euriranja<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Email support for system operation and use is included in the monthly subscription. Additional support via email and online platforms is available for an extra charge.\">E-mail podr\u0161ka 7 dana u tjednu<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Written and video guides in English are included in the setup fee. Guides in other languages are available by arrangement.\">Pisane i video upute za kori\u0161tenje<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Gift card printing in various materials (PVC, BIO PVC, paper) and finishes; the price depends on the material, print specification, and quantity.\">Nabava kartica (PVC, ECO, papir\u2026)<\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Lawful, fair, and transparent processing of personal data, including consent management, individual rights, interaction logs, and a high level of security.\">Uskla\u0111enost s GDPR-om<\/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 data-info=\"Support via email or online platforms during business hours; the scope depends on the number of licences and the selected package, and additional hours are billed separately.\">E-mail ili online podr\u0161ka<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"A standalone instance on a dedicated virtual server gives the center full independence and enables custom system adaptations.\">Postavljanje samostalnog entiteta (vlastita instanca)<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Customization of the SmartGifty user interface to company requirements, including permissions for individual user modules.\">Mogu\u0107nost prilagodbe korisni\u010dkog su\u010delja<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Extension of the system with custom functionality based on the client\u2019s requirements.\">Mogu\u0107nost dodavanja drugih funkcionalnosti<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Consulting and assistance with planning business processes during system implementation.\">Pomo\u0107 pri planiranju procesa<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"One online or in-person training session for center and tenant staff. Travel and accommodation costs apply to in-person training where required.\">Edukacija<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Integration with backend systems such as POS, accounting systems, internal loyalty programs, and BI tools.\">Integracije s pozadinskim sustavima (ERP, ra\u010dunovodstvo, Loyalty, BI\u2026)<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Development of custom API integrations for specific client requirements.\">Mogu\u0107nost razvoja novih API-ja<\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"API for gift card sales and redemption statistics, including connections to backend accounting systems.\">API za statistiku<\/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 data-info=\"Preparation and distribution of tenant questionnaires, inventory of equipment and requirements, project communication by email, and one on-site visit.\">Onboarding manager<\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Standardized SmartGifty online store: setup and publication, payment module, system integration, and customization of content and colors.\">Web stranica za naru\u010divanje kartica (web predlo\u017eak)<\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Statistics and BI reporting for sold, issued, and redeemed gift cards by center and period, including customized monthly reports.\">BI izvje\u0161taji<\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"A conversational AI assistant that understands gift card data and automatically turns it into clear, information-rich charts and visualizations.\">AI analitika<\/td><td data-v=\"0\"><\/td><td data-v=\"0\"><\/td><td data-v=\"1\"><\/td><\/tr>\n        <tr class=\"reveal-row\"><td data-info=\"Marketing support for materials, advertising, and signage in the shopping center, based on extensive gift card experience.\">Marketin\u0161ko savjetovanje<\/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\">Dodatne mogu\u0107nosti i usluge dostupne su na zahtjev.<\/p>\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  \/* --- info ikone + popover --- *\/\n  var pop=document.createElement('div');\n  pop.className='sg-pop';pop.setAttribute('role','tooltip');\n  root.appendChild(pop);\n  var current=null;\n\n  function closePop(){\n    if(!current)return;\n    current.setAttribute('aria-expanded','false');\n    pop.classList.remove('is-open');current=null;\n  }\n  function openPop(btn){\n    pop.textContent=btn.getAttribute('data-info')||'';\n    pop.classList.add('is-open');\n    btn.setAttribute('aria-expanded','true');\n    current=btn;\n    \/\/ pozicija relativno na .sg-cenik (ki je position:relative)\n    var rr=root.getBoundingClientRect(), br=btn.getBoundingClientRect();\n    var pw=pop.offsetWidth, ph=pop.offsetHeight;\n    var left=br.left-rr.left+br.width\/2-pw\/2;\n    left=Math.max(12,Math.min(left,root.clientWidth-pw-12));\n    var top=br.bottom-rr.top+9;\n    if(top+ph>root.clientHeight-8){ top=br.top-rr.top-ph-9; } \/\/ ni prostora spodaj -> nad ikono\n    pop.style.left=left+'px';pop.style.top=top+'px';\n  }\n\n  root.querySelectorAll('td[data-info]').forEach(function(td){\n    var info=td.getAttribute('data-info');\n    var btn=document.createElement('a');\n    btn.href='javascript:void(0)';btn.setAttribute('role','button');btn.className='sg-info';\n    btn.setAttribute('aria-label','Opis funkcionalnosti');\n    btn.setAttribute('aria-expanded','false');\n    btn.setAttribute('data-info',info);btn.textContent='i';\n    var span=document.createElement('span');\n    span.className='sg-fn';\n    span.innerHTML='<span>'+td.innerHTML+'<\/span>';\n    span.appendChild(btn);\n    td.innerHTML='';td.appendChild(span);\n    btn.addEventListener('click',function(e){\n      e.stopPropagation();\n      if(current===btn){closePop();}else{closePop();openPop(btn);}\n    });\n  });\n  document.addEventListener('click',function(e){ if(current && !pop.contains(e.target)) closePop(); });\n  document.addEventListener('keydown',function(e){ if(e.key==='Escape') closePop(); });\n  window.addEventListener('resize',closePop);\n  var sc=root.querySelector('.sg-table-scroll'); if(sc) sc.addEventListener('scroll',closePop);\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:.15,rootMargin:'0px 0px -8% 0px'});\n  targets.forEach(function(t){ io.observe(t); });\n})();\n<\/script>\n<\/section>\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. Sva 3 modula (info pult, administrator, najmoprimac) Integracija pla\u0107anja i API poveznice E-mail podr\u0161ka 7 dana u tjednu Najpopularniji Pro Samostalna &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/smartgifty.com\/hr\/cenik-calculator\/\"> <span class=\"screen-reader-text\">Cjenik kalkulator<\/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-6851","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6851\/"}],"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=6851"}],"version-history":[{"count":4,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6851\/revisions\/"}],"predecessor-version":[{"id":7202,"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/pages\/6851\/revisions\/7202\/"}],"wp:attachment":[{"href":"https:\/\/smartgifty.com\/hr\/wp-json\/wp\/v2\/media\/?parent=6851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}