{"id":870,"date":"2026-06-27T15:34:18","date_gmt":"2026-06-27T14:34:18","guid":{"rendered":"https:\/\/ramondacomp.com\/?page_id=870"},"modified":"2026-07-11T17:28:00","modified_gmt":"2026-07-11T16:28:00","slug":"home-page","status":"publish","type":"page","link":"https:\/\/ramondacomp.com\/","title":{"rendered":"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"870\" class=\"elementor elementor-870\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5042568 e-flex e-con-boxed e-con e-parent\" data-id=\"5042568\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bba9228 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bba9228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n   RAMONDA COMPUTERS \u2014 NAVIGACIJA (v12: uklonjeno \"Trazi preporuku\"\r\n   dugme iz desktop nava i iz mobilnog menija)\r\n   ============================================================ -->\r\n\r\n<script>(function(){try{document.documentElement.classList.add('ramonda-html-page');if(document.body)document.body.classList.add('ramonda-custom-page');}catch(e){}})();<\/script>\r\n\r\n<style>\r\n\/* WP\/ELEMENTOR FIX *\/\r\nhtml.ramonda-html-page,html.ramonda-html-page body,body.ramonda-custom-page{margin:0!important;padding:0!important;background:#06070e!important;overflow-x:hidden!important;}\r\nbody.ramonda-custom-page #page,body.ramonda-custom-page .site,body.ramonda-custom-page .site-content,body.ramonda-custom-page #content,body.ramonda-custom-page .content-area,body.ramonda-custom-page main,body.ramonda-custom-page article,body.ramonda-custom-page .entry-content,body.ramonda-custom-page .page-content,body.ramonda-custom-page .elementor,body.ramonda-custom-page .elementor-section,body.ramonda-custom-page .elementor-container,body.ramonda-custom-page .elementor-column,body.ramonda-custom-page .elementor-widget-wrap,body.ramonda-custom-page .elementor-widget,body.ramonda-custom-page .elementor-widget-container{margin:0!important;padding-top:0!important;padding-bottom:0!important;border-top:0!important;background:#06070e!important;max-width:none!important;}\r\nbody.ramonda-custom-page .entry-content,body.ramonda-custom-page .page-content,body.ramonda-custom-page .elementor-widget-container{width:100%!important;}\r\nbody.ramonda-custom-page #masthead,body.ramonda-custom-page .site-header,body.ramonda-custom-page header.site-header,body.ramonda-custom-page .elementor-location-header,body.ramonda-custom-page .wp-site-blocks > header{display:none!important;}\r\nbody.ramonda-custom-page #wpadminbar{display:block!important;}\r\n\/* FONTOVI + VARIJABLE *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\nbody.pc-modal-open{overflow:hidden!important;}\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:66px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;padding-top:0!important;background:#06070e!important;color:var(--white)!important;font-family:var(--fb)!important;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n\/* NAV *\/\r\n.ramonda-page .nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;transition:background .3s,border-color .3s;border-bottom:1px solid rgba(196,113,255,.08);background:rgba(7,8,18,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}\r\n.ramonda-page .nav.up{background:rgba(6,7,14,.97);border-bottom-color:rgba(255,255,255,.06);}\r\n.ramonda-page .nav-in{display:flex;align-items:center;width:100%;max-width:var(--max);margin:0 auto;padding:0 24px;gap:20px;}\r\n.ramonda-page .logo{font-family:var(--fd);font-size:.92rem;font-weight:700;display:flex;align-items:center;gap:11px;flex-shrink:0;}\r\n.ramonda-page .logo-txt{background:linear-gradient(135deg,var(--accent),var(--accent-d));-webkit-background-clip:text;color:transparent!important;background-clip:text!important;}\r\n.ramonda-page .nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center;}\r\n.ramonda-page .nav-links a{position:relative;font-size:.875rem;font-weight:500;color:var(--gray);padding:9px 14px;border-radius:8px;transition:color .2s,background .2s;}\r\n.ramonda-page .nav-links a:hover{color:var(--white);background:rgba(255,255,255,.06);}\r\n.ramonda-page .nav-links a.active{color:var(--white);}\r\n.ramonda-page .nav-links a.active::after{content:\"\";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-d));box-shadow:0 0 8px var(--glow-soft);}\r\n.ramonda-page .nav-ig-link{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:8px;color:var(--gray);font-size:.875rem;transition:color .2s,background .2s;text-decoration:none;flex-shrink:0;}\r\n.ramonda-page .nav-ig-link:hover{color:var(--white);background:rgba(255,255,255,.06);}\r\n\/* HAMBURGER *\/\r\n.ramonda-page .nav-toggle{position:absolute;opacity:0;pointer-events:none;}\r\n.ramonda-page .hbg{display:none;flex-direction:column;gap:5px;padding:12px;margin-left:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;}\r\n.ramonda-page .hbg span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s;pointer-events:none;}\r\n.ramonda-page .nav-toggle:checked ~ .nav .hbg span:nth-child(1){transform:translateY(7px) rotate(45deg);}\r\n.ramonda-page .nav-toggle:checked ~ .nav .hbg span:nth-child(2){opacity:0;}\r\n.ramonda-page .nav-toggle:checked ~ .nav .hbg span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}\r\n\/* MOBILNI MENI *\/\r\n.ramonda-page .mob-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--bg2);z-index:1001;padding:24px 22px;flex-direction:column;gap:4px;overflow-y:auto;}\r\n.ramonda-page .nav-toggle:checked ~ .mob-menu{display:flex;}\r\n.ramonda-page .mob-menu a{font-size:1.05rem;font-weight:500;color:var(--gray);padding:15px 16px;border-radius:var(--r);border-bottom:1px solid var(--border);transition:color .2s,background .2s;}\r\n.ramonda-page .mob-menu a:hover{color:var(--white);background:var(--card);}\r\n\/* ELEMENTOR CONFLICT FIX *\/\r\n.ramonda-page .nav{background:rgba(7,8,18,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;top:0!important;}\r\n.ramonda-page .nav.up{background:rgba(6,7,14,.97)!important;}\r\nbody.admin-bar .ramonda-page .nav{top:32px!important;}\r\nbody.admin-bar .ramonda-page .mob-menu{top:calc(var(--nav-h) + 32px)!important;}\r\n@media(max-width:782px){body.admin-bar .ramonda-page .nav{top:46px!important;}body.admin-bar .ramonda-page .mob-menu{top:calc(var(--nav-h) + 46px)!important;}}\r\n@media(max-width:900px){.ramonda-page .nav-ig-link{display:none;}}\r\n@media(max-width:768px){.ramonda-page .nav-links{display:none;}.ramonda-page .hbg{display:flex;}}\r\n\/* scroll-margin da sekcije ne budu presecene (radi i kod obicnog # skoka) *\/\r\n#hero,#gravura,#konfigurator,#ponuda,#racunari,#utisci,#faq,#forma,#ramonda-forma{scroll-margin-top:90px!important;}\r\n<\/style>\r\n\r\n<div id=\"ramonda-page\" class=\"ramonda-page\">\r\n\r\n<input type=\"checkbox\" id=\"ram-nav-toggle\" class=\"nav-toggle\">\r\n\r\n<nav class=\"nav\" id=\"ram-nav\">\r\n  <div class=\"nav-in\">\r\n    <a class=\"logo\" href=\"#hero\" data-sec=\"hero\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">\r\n      <span class=\"logo-txt\">Ramonda Computers<\/span>\r\n    <\/a>\r\n    <div class=\"nav-links\">\r\n      <a href=\"#hero\" data-nav=\"pocetna\" data-sec=\"hero\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Po\u010detna<\/a>\r\n      <a href=\"#konfigurator\" data-nav=\"konfigurator\" data-sec=\"konfigurator\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Konfigurator<\/a>\r\n      <a href=\"#ponuda\" data-nav=\"ponuda\" data-sec=\"ponuda,racunari\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Ponuda<\/a>\r\n      <a href=\"#gravura\" data-nav=\"gravura\" data-sec=\"gravura\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Gravura<\/a>\r\n      <a href=\"#utisci\" data-nav=\"utisci\" data-sec=\"utisci\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Utisci<\/a>\r\n      <a href=\"#faq\" data-nav=\"faq\" data-sec=\"faq\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">FAQ<\/a>\r\n      <a class=\"nav-ig-link\" href=\"https:\/\/www.instagram.com\/ramonda_computers\/\" rel=\"noopener\" target=\"_blank\"><svg fill=\"none\" height=\"15\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\" width=\"15\"><rect height=\"20\" rx=\"5\" ry=\"5\" width=\"20\" x=\"2\" y=\"2\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\"><\/line><\/svg><\/a>\r\n    <\/div>\r\n    <label for=\"ram-nav-toggle\" aria-label=\"Meni\" class=\"hbg\"><span><\/span><span><\/span><span><\/span><\/label>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<nav class=\"mob-menu\" id=\"ram-mob-menu\">\r\n  <a href=\"#hero\" data-sec=\"hero\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Po\u010detna<\/a>\r\n  <a href=\"#konfigurator\" data-sec=\"konfigurator\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Konfigurator<\/a>\r\n  <a href=\"#ponuda\" data-sec=\"ponuda,racunari\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Ponuda<\/a>\r\n  <a href=\"#gravura\" data-sec=\"gravura\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Gravura<\/a>\r\n  <a href=\"#utisci\" data-sec=\"utisci\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">Utisci<\/a>\r\n  <a href=\"#faq\" data-sec=\"faq\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">FAQ<\/a>\r\n  <a href=\"tel:+381653321627\" style=\"font-weight:700;color:var(--accent)\" onclick=\"var t=document.getElementById('ram-nav-toggle');if(t)t.checked=false;document.body.style.overflow='';\">\ud83d\udcde 065 332 1627<\/a>\r\n<\/nav>\r\n\r\n<script>\r\n(function(){\r\n  function closeMenu(){\r\n    document.querySelectorAll(\".ramonda-page .nav-toggle\").forEach(function(x){ x.checked = false; });\r\n    document.body.style.overflow = \"\";\r\n  }\r\n\r\n  \/\/ OSIGURAC #1: cim se promeni # u adresi (znaci da je skok obavljen),\r\n  \/\/ meni se zatvara \u2014 radi cak i ako nijedan drugi handler ne odradi posao\r\n  window.addEventListener(\"hashchange\", closeMenu);\r\n\r\n  \/\/ OSIGURAC #2: delegacija u capture fazi \u2014 zatvara meni na svaki klik\r\n  \/\/ bilo kog linka unutar mobilnog menija ili nava\r\n  document.addEventListener(\"click\", function(e){\r\n    var a = e.target && e.target.closest ? e.target.closest(\".ramonda-page .mob-menu a, .ramonda-page .nav a\") : null;\r\n    if(!a) return;\r\n    closeMenu();\r\n    var href = a.getAttribute(\"href\") || \"\";\r\n    if(href.indexOf(\"#\") !== 0) return; \/\/ eksterni \/ tel: \u2014 pusti default\r\n    var secList = a.getAttribute(\"data-sec\") || href.replace(\"#\",\"\");\r\n    var first = String(secList||\"\").split(\",\")[0].trim();\r\n    if(first === \"hero\"){\r\n      e.preventDefault();\r\n      setTimeout(function(){ window.scrollTo({ top:0, behavior:\"smooth\" }); }, 60);\r\n      return;\r\n    }\r\n    var target = findSec(secList);\r\n    if(target){\r\n      e.preventDefault();\r\n      setTimeout(function(){\r\n        scrollToEl(target);\r\n        if(secList.indexOf(\"forma\") !== -1){\r\n          setTimeout(function(){\r\n            var tel = document.getElementById(\"ramondaTel\") || document.getElementById(\"heroTel\");\r\n            if(tel) tel.focus();\r\n          }, 700);\r\n        }\r\n      }, 60);\r\n    }\r\n    \/\/ ako sekcija ne postoji, pusti default href (npr. \/konfigurator\/)\r\n  }, true);\r\n\r\n  function realOffset(){\r\n    var off = 90;\r\n    var bar = document.getElementById(\"wpadminbar\");\r\n    if(bar && getComputedStyle(bar).position === \"fixed\") off += bar.offsetHeight;\r\n    return off;\r\n  }\r\n  function findSec(list){\r\n    var ids = String(list||\"\").split(\",\");\r\n    for(var i=0;i<ids.length;i++){\r\n      var el = document.getElementById(ids[i].trim());\r\n      if(el) return el;\r\n    }\r\n    return null;\r\n  }\r\n  function scrollToEl(el){\r\n    var y = el.getBoundingClientRect().top + window.pageYOffset - realOffset();\r\n    window.scrollTo({ top: Math.max(0,y), behavior: \"smooth\" });\r\n  }\r\n\r\n  \/\/ kompatibilnost sa starim pozivima ako negde postoje\r\n  window.ramNav = function(e, el, secList){ closeMenu(); };\r\n  window.ramCloseMob = function(){ closeMenu(); };\r\n\r\n  \/\/ scroll efekat na nav\r\n  document.addEventListener(\"scroll\", function(){\r\n    document.querySelectorAll(\".ramonda-page .nav\").forEach(function(n){\r\n      n.classList.toggle(\"up\", window.scrollY > 40);\r\n    });\r\n  }, {passive:true});\r\n\r\n  document.addEventListener(\"change\", function(e){\r\n    if(e.target && e.target.classList && e.target.classList.contains(\"nav-toggle\")){\r\n      document.body.style.overflow = e.target.checked ? \"hidden\" : \"\";\r\n    }\r\n  }, true);\r\n\r\n  \/\/ SCROLL-SPY (aktivna stavka)\r\n  var links = document.querySelectorAll(\".ramonda-page .nav-links [data-nav], .ramonda-page .mob-menu [data-nav]\");\r\n  var spyOrder = [\"konfigurator\",\"ponuda\",\"gravura\",\"utisci\",\"faq\"];\r\n  var spyEls = { konfigurator:[\"konfigurator\"], ponuda:[\"ponuda\",\"racunari\"], gravura:[\"gravura\"], utisci:[\"utisci\"], faq:[\"faq\"] };\r\n  function elFor(k){ var a=spyEls[k]; for(var i=0;i<a.length;i++){var el=document.getElementById(a[i]); if(el)return el;} return null; }\r\n  function setActive(k){ links.forEach(function(a){ a.classList.toggle(\"active\", a.getAttribute(\"data-nav\")===k); }); }\r\n  function spy(){\r\n    if(window.scrollY < 120){ setActive(\"pocetna\"); return; }\r\n    var offset = realOffset() + 20, current = \"pocetna\";\r\n    for(var i=0;i<spyOrder.length;i++){\r\n      var el = elFor(spyOrder[i]);\r\n      if(el && el.getBoundingClientRect().top - offset <= 0){ current = spyOrder[i]; }\r\n    }\r\n    setActive(current);\r\n  }\r\n  document.addEventListener(\"scroll\", spy, {passive:true});\r\n  window.addEventListener(\"load\", spy);\r\n  spy();\r\n})();\r\n<\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-190cc74 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"190cc74\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"https:\/\/ramondacomp.com\/#forma\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:70px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page img{max-width:100%;display:block;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page input,.ramonda-page select,.ramonda-page textarea{font-family:var(--fb);}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3,.ramonda-page h4,.ramonda-page h5,.ramonda-page h6{color:var(--white);}\r\n<\/style>\r\n<style>\r\n\/* ============================================================\r\n   FIX: PRAZAN CRNI POJAS ISPOD SEKCIJE\r\n   Elementor sekcija\/kontejner koji dr\u017ei ovaj widget verovatno ima\r\n   pode\u0161en min-height (\"Fit to screen\" \/ VH visina), pa je sekcija\r\n   vi\u0161a od sadr\u017eaja i vi\u0161ak se vidi kao crni pojas. Ovo obara\r\n   min-height na svim omota\u010dima i skida donje razmake.\r\n   ============================================================ *\/\r\n.elementor-section:has(.ramonda-page),\r\n.elementor-container:has(.ramonda-page),\r\n.elementor-column:has(.ramonda-page),\r\n.elementor-widget:has(.ramonda-page),\r\n.elementor-widget-container:has(.ramonda-page),\r\n.e-con:has(.ramonda-page),\r\n.e-con-inner:has(.ramonda-page){\r\n  min-height:0!important;\r\n  height:auto!important;\r\n  margin-bottom:0!important;\r\n  padding-bottom:0!important;\r\n}\r\n.elementor-widget-html:has(.ramonda-page) > .elementor-widget-container{\r\n  margin:0!important;\r\n  padding:0!important;\r\n}\r\n\/* ============================================================ *\/\r\n<\/style>\r\n<style>\r\n.ramonda-page .hero{min-height:100dvh;padding-top:var(--nav-h);position:relative;overflow:hidden;display:flex;align-items:center;}\r\n.ramonda-page .hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,14,.92) 0%,rgba(6,7,14,.55) 45%,rgba(6,7,14,.25) 100%),linear-gradient(180deg,rgba(6,7,14,.35) 0%,transparent 30%,rgba(6,7,14,.85) 100%),url('https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-10_32_24-PM.png') center right \/ cover no-repeat,var(--bg);pointer-events:none;}\r\n.ramonda-page .hero-grid,.ramonda-page .hero-glow{display:none;}\r\n.ramonda-page .hero-glow{position:absolute;top:15%;right:10%;width:420px;height:420px;background:radial-gradient(circle,rgba(196,113,255,.14) 0%,transparent 65%);pointer-events:none;animation:pulseGlow 5s ease-in-out infinite;}\r\n@keyframes pulseGlow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.7}}\r\n.ramonda-page .hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;max-width:var(--max);margin:0 auto;padding:60px 24px;min-height:calc(100dvh - var(--nav-h));}\r\n.ramonda-page .hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;color:var(--green);background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.22);padding:6px 14px;border-radius:100px;margin-bottom:22px;box-shadow:0 0 10px rgba(52,211,153,.2);}\r\n.ramonda-page .hero-badge::before{content:\"\";width:6px;height:6px;background:var(--green);border-radius:50%;animation:dot 2s infinite;box-shadow:0 0 6px rgba(52,211,153,.7);}\r\n@keyframes dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}\r\n.ramonda-page .hero-h1{font-family:var(--fd);font-size:clamp(2rem,4.2vw,3.5rem);font-weight:700;line-height:1.06;letter-spacing:-.03em;margin-bottom:18px;color:var(--white)!important;text-shadow:0 2px 18px rgba(0,0,0,.6);}\r\n.ramonda-page .hero-h1 em{font-style:normal;color:transparent!important;background:linear-gradient(135deg,var(--accent),var(--accent-d))!important;-webkit-background-clip:text!important;background-clip:text!important;text-shadow:none;}\r\n.ramonda-page .hero-p{font-size:1.05rem;color:var(--gray)!important;line-height:1.74;margin-bottom:32px;max-width:460px;text-shadow:0 1px 10px rgba(0,0,0,.55);}\r\n.ramonda-page .hero-perks{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;}\r\n.ramonda-page .hero-perk{display:flex;align-items:center;gap:12px;font-size:.94rem;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.55);}\r\n.ramonda-page .perk-ic{width:28px;height:28px;background:rgba(196,113,255,.13);border:1px solid rgba(196,113,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;}\r\n.ramonda-page .hero-tel{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--gray);margin-top:4px;}\r\n.ramonda-page .hero-tel a{font-weight:700;font-size:1.05rem;color:var(--blue);transition:color .2s;}\r\n.ramonda-page .trust-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px;padding:10px 14px;background:rgba(6,7,14,.55);backdrop-filter:blur(4px);border:1px solid var(--border2);border-radius:var(--r);}\r\n.ramonda-page .tb-item{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;color:var(--gray);}\r\n.ramonda-page .tb-item svg{color:var(--accent);flex-shrink:0;}\r\n.ramonda-page .tb-dot{width:3px;height:3px;background:var(--muted);border-radius:50%;}\r\n.ramonda-page .form-card{background:var(--card);border:1px solid var(--border-p);border-radius:var(--rl);padding:32px;box-shadow:0 0 0 1px rgba(196,113,255,.1),0 28px 72px rgba(0,0,0,.55),0 0 40px rgba(196,113,255,.08);position:relative;overflow:hidden;}\r\n.ramonda-page .form-card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-d),var(--accent),transparent);box-shadow:0 0 16px var(--glow);border-radius:var(--rl) var(--rl) 0 0;}\r\n.ramonda-page .form-title{font-family:var(--fd);font-size:1.05rem;font-weight:700;margin-bottom:5px;color:var(--white)!important;}\r\n.ramonda-page .form-lead{font-size:.83rem;color:var(--gray)!important;margin-bottom:22px;}\r\n.ramonda-page .form-badge-top{margin-bottom:12px;}\r\n.ramonda-page .fbadge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff!important;background:linear-gradient(135deg,var(--accent),var(--accent-d));box-shadow:0 0 10px var(--glow-soft);}\r\n.ramonda-page .inp-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:8px;display:block;}\r\n.ramonda-page .qs-field{display:flex;flex-direction:column;min-width:0;margin-bottom:14px;}\r\n.ramonda-page .inp-hero{width:100%;background:rgba(255,255,255,.05);border:2px solid var(--border2);border-radius:var(--r);color:var(--white);font-size:1.15rem;font-weight:700;font-family:var(--fb);padding:16px 18px;outline:none;transition:border-color .2s,box-shadow .2s;min-height:58px;}\r\n.ramonda-page .inp-hero::placeholder{color:var(--muted);font-weight:400;}\r\n.ramonda-page .inp-hero:focus{border-color:var(--accent);background:rgba(196,113,255,.05);box-shadow:0 0 0 4px rgba(196,113,255,.16),0 0 22px rgba(196,113,255,.18);}\r\n.ramonda-page .inp-hero.inp-invalid{border-color:#ef4444!important;}\r\n.ramonda-page .inp-err{display:none;font-size:.78rem;color:#f87171!important;margin-top:7px;line-height:1.45;}\r\n.ramonda-page .inp-err.show{display:block;}\r\n.ramonda-page .btn-qs{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;border:none;padding:16px 22px;border-radius:var(--r);font-weight:700;font-size:1rem;font-family:var(--fb);cursor:pointer;transition:filter .2s,transform .15s,box-shadow .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 14px var(--glow-soft);min-height:56px;}\r\n.ramonda-page .btn-qs:hover{filter:brightness(1.1);transform:translateY(-2px);}\r\n.ramonda-page .btn-qs:disabled{opacity:.7;cursor:wait;transform:none;}\r\n.ramonda-page .form-meta{display:flex;flex-direction:column;gap:7px;margin:14px 0;padding:10px 12px;background:rgba(196,113,255,.06);border-radius:var(--r);}\r\n.ramonda-page .fm-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--gray)!important;}\r\n.ramonda-page .fm-item svg{color:var(--green);flex-shrink:0;}\r\n.ramonda-page .or-div{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.78rem;}\r\n.ramonda-page .or-div::before,.ramonda-page .or-div::after{content:\"\";flex:1;height:1px;background:var(--border2);}\r\n.ramonda-page .btn-wizard{width:100%;padding:14px;background:rgba(196,113,255,.09);color:var(--white);border:1px solid rgba(196,113,255,.28);border-radius:var(--r);font-size:.94rem;font-weight:600;font-family:var(--fb);cursor:pointer;transition:all .22s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;}\r\n.ramonda-page .btn-wizard:hover{background:rgba(196,113,255,.18);border-color:var(--accent);box-shadow:0 0 16px var(--glow-soft);transform:translateY(-1px);}\r\n.ramonda-page .form-hint{text-align:center;font-size:.78rem;color:var(--muted)!important;margin-top:12px;line-height:1.5;}\r\n.ramonda-page .qs-done{display:none;text-align:center;padding:28px 0;}\r\n.ramonda-page .qs-done.show{display:block;}\r\n.ramonda-page .qs-done h3{font-family:var(--fd);font-size:1rem;margin-bottom:8px;color:var(--accent)!important;}\r\n.ramonda-page .qs-done p{color:var(--gray)!important;font-size:.88rem;}\r\n.ramonda-page .form-err{font-size:.8rem;color:#f87171;margin-top:10px;padding:9px 12px;background:rgba(248,113,113,.08);border-radius:var(--r);border:1px solid rgba(248,113,113,.2);line-height:1.5;}\r\n\r\n\/* ============================================================\r\n   FIX: uklonjene tamne trake (border-top\/bottom) oko ben-strip\r\n   i uskla\u0111ena pozadina sa pozadinom stranice (--bg umesto --card),\r\n   pa nema vi\u0161e debelih crnih pravougaonika iznad \"Ra\u010dunari po meri\"\r\n   ni ispod \"Dostava za celu Srbiju\".\r\n   ============================================================ *\/\r\n.ramonda-page .ben-strip{background:var(--bg);border-top:none;border-bottom:none;padding:22px 0;}\r\n.ramonda-page .ben-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .ben-item{display:flex;align-items:center;gap:13px;}\r\n.ramonda-page .ben-ic{width:44px;height:44px;background:rgba(196,113,255,.11);border:1px solid rgba(196,113,255,.2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 0 10px var(--glow-soft);}\r\n.ramonda-page .ben-text strong{display:block;font-size:.875rem;font-weight:600;color:var(--white)!important;}\r\n.ramonda-page .ben-text span{font-size:.78rem;color:var(--gray)!important;}\r\n.ramonda-page #ramonda-forma{scroll-margin-top:120px;}\r\n.ramonda-page .hero{margin-top:0!important;padding-top:var(--nav-h)!important;background:#06070e!important;}\r\n.ramonda-page .hero-in{padding-top:60px!important;}\r\nbody.admin-bar .ramonda-page .hero{padding-top:calc(var(--nav-h) + 32px)!important;}\r\n.ramonda-page .h1-desktop{display:block;}.ramonda-page .h1-mobile{display:none;}.ramonda-page .hero-p-br{display:none;}\r\n@media(max-width:782px){body.admin-bar .ramonda-page .hero{padding-top:calc(var(--nav-h) + 46px)!important;}}\r\n@media(max-width:768px){\r\n  .ramonda-page .hero{min-height:auto!important;display:block!important;}\r\n  .ramonda-page .hero-bg{background:linear-gradient(180deg,rgba(6,7,14,.75) 0%,rgba(6,7,14,.55) 40%,rgba(6,7,14,.9) 100%),url('https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-Jul-5-2026-10_32_24-PM.png') center \/ cover no-repeat,var(--bg);}\r\n  .ramonda-page .hero-in{grid-template-columns:1fr;gap:36px;padding:32px 20px 24px!important;min-height:auto!important;}\r\n  .ramonda-page .hero-h1{font-size:1.85rem;}\r\n  .ramonda-page .h1-desktop{display:none;}.ramonda-page .h1-mobile{display:block;}\r\n  .ramonda-page .hero-p{font-size:.92rem;margin-bottom:16px;}.ramonda-page .hero-p-br{display:block;}\r\n  .ramonda-page .hero-perks{display:none;}.ramonda-page .hero-tel{display:none;}\r\n  .ramonda-page .ben-strip{padding:14px 0;}\r\n  .ramonda-page .ben-wrap{grid-template-columns:repeat(2,1fr);gap:14px;}\r\n}\r\n@media(max-width:520px){\r\n  .ramonda-page .hero-h1{font-size:1.55rem;}\r\n  .ramonda-page .hero-in{padding:24px 14px 24px!important;}\r\n  .ramonda-page .form-card{padding:20px 16px;border-radius:14px;}\r\n  .ramonda-page .form-title{font-size:.98rem;}\r\n  .ramonda-page .inp-hero{min-height:54px;font-size:1.05rem;padding:14px 16px;}\r\n  .ramonda-page .btn-qs{min-height:54px;font-size:.98rem;}\r\n  .ramonda-page .ben-wrap{grid-template-columns:1fr;}\r\n  .ramonda-page .tb-dot{display:none;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\">\r\n\r\n<section class=\"hero\" id=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-glow\"><\/div>\r\n  <div class=\"hero-in\">\r\n    <div class=\"hero-left\">\r\n      <div class=\"hero-badge\">331+ ocena na KP \u00b7 0 negativnih<\/div>\r\n      <h1 class=\"hero-h1\">\r\n        <span class=\"h1-desktop\">Ne zna\u0161 koji<br\/>ra\u010dunar da<br\/><em>izabere\u0161?<\/em><\/span>\r\n        <span class=\"h1-mobile\">Ne zna\u0161 koji<br\/><em>ra\u010dunar da kupi\u0161?<\/em><\/span>\r\n      <\/h1>\r\n      <div class=\"trust-bar\">\r\n        <span class=\"tb-item\"><svg fill=\"none\" height=\"13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"13\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>7+ god. iskustva<\/span>\r\n        <span class=\"tb-dot\"><\/span>\r\n        <span class=\"tb-item\"><svg fill=\"none\" height=\"13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"13\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>Garancija 12 mes.<\/span>\r\n        <span class=\"tb-dot\"><\/span>\r\n        <span class=\"tb-item\"><svg fill=\"none\" height=\"13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"13\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon><\/svg>331+ ocena na KP, 0 negativnih<\/span>\r\n      <\/div>\r\n      <p class=\"hero-p\">Ostavi broj - predlo\u017ei\u0107emo ti ra\u010dunar po meri.<br class=\"hero-p-br\"\/>Za gaming, posao, \u0161kolu ili ozbiljan rad.<\/p>\r\n      <ul class=\"hero-perks\">\r\n        <li class=\"hero-perk\"><span class=\"perk-ic\">\ud83c\udfaf<\/span>Ra\u010dunari po meri bud\u017eeta i namene<\/li>\r\n        <li class=\"hero-perk\"><span class=\"perk-ic\">\ud83d\udee1<\/span>Garancija 12 meseci na sve ra\u010dunare<\/li>\r\n        <li class=\"hero-perk\"><span class=\"perk-ic\">\u2699<\/span>7+ godina iskustva, testiranje pre isporuke<\/li>\r\n        <li class=\"hero-perk\"><span class=\"perk-ic\">\ud83d\ude98<\/span>Dostava za celu Srbiju, li\u010dno preuzimanje<\/li>\r\n      <\/ul>\r\n      <div class=\"hero-tel\"><span>Ili pozovi direktno:<\/span><a href=\"tel:+381653321627\" id=\"tel-hero\">065 332 1627<\/a><\/div>\r\n    <\/div>\r\n    <div id=\"ramonda-forma\">\r\n      <div class=\"form-card\">\r\n        <div class=\"form-badge-top\"><span class=\"fbadge\">\u26a1 Najbr\u017ei put do ponude<\/span><\/div>\r\n        <h2 class=\"form-title\">Ostavi broj - dobija\u0161 konkretan predlog ra\u010dunara<\/h2>\r\n        <p class=\"form-lead\">Poziv, Viber ili WhatsApp - ti bira\u0161 na\u010din kontakta.<\/p>\r\n        <div id=\"ramonda-qs-body\">\r\n          <input autocomplete=\"off\" id=\"ramonda-hp\" name=\"ramonda_web\" style=\"display:none!important;visibility:hidden;position:absolute;left:-9999px\" tabindex=\"-1\" type=\"text\"\/>\r\n          <div class=\"qs-field\">\r\n            <label class=\"inp-label\" for=\"ramondaTel\">Tvoj broj telefona<\/label>\r\n            <input autocomplete=\"tel\" class=\"inp-hero\" id=\"ramondaTel\" inputmode=\"tel\" placeholder=\"065 332 1627\" type=\"tel\" aria-describedby=\"ramondaErrTel\"\/>\r\n            <p class=\"inp-err\" id=\"ramondaErrTel\" role=\"alert\">Unesi ispravan broj telefona (npr. 065 332 1627).<\/p>\r\n          <\/div>\r\n          <button class=\"btn-qs\" id=\"ramondaBtnQS\" type=\"button\">Po\u0161alji mi predlog <svg fill=\"none\" height=\"15\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n          <div class=\"form-meta\">\r\n            <div class=\"fm-item\"><svg fill=\"none\" height=\"12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"12\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\u0160aljemo konkretan predlog po meri<\/div>\r\n            <div class=\"fm-item\"><svg fill=\"none\" height=\"12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"12\"><rect height=\"11\" rx=\"2\" width=\"18\" x=\"3\" y=\"11\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>Broj koristimo samo za kontakt oko konfiguracije, bez spama<\/div>\r\n          <\/div>\r\n          <div class=\"or-div\"><span>ili<\/span><\/div>\r\n          <button class=\"btn-wizard racunar-za-tebe-btn\" type=\"button\"><svg fill=\"none\" height=\"13\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"13\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M19.07 4.93a10 10 0 1 1-14.14 0\"><\/path><\/svg>Detaljniji upitnik (opciono)<\/button>\r\n        <\/div>\r\n        <div class=\"qs-done\" id=\"ramonda-qs-done\"><span style=\"font-size:2.4rem;margin-bottom:12px;display:block\">\u2705<\/span><h3>Primljeno! Kontaktiramo te uskoro.<\/h3><p>Proveri Viber i SMS poruke.<\/p><\/div>\r\n        <p class=\"form-hint\">Broj koristimo samo za kontakt. Bez spama, bez obaveze.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"ben-strip\">\r\n  <div class=\"ben-wrap\">\r\n    <div class=\"ben-item\"><div class=\"ben-ic\">\ud83c\udfaf<\/div><div class=\"ben-text\"><strong>Ra\u010dunari po meri<\/strong><span>Za tvoj bud\u017eet i namenu<\/span><\/div><\/div>\r\n    <div class=\"ben-item\"><div class=\"ben-ic\">\ud83d\udee1<\/div><div class=\"ben-text\"><strong>Garancija 12 meseci<\/strong><span>Na sve ra\u010dunare i komponente<\/span><\/div><\/div>\r\n    <div class=\"ben-item\"><div class=\"ben-ic\">\ud83d\udd2c<\/div><div class=\"ben-text\"><strong>Testiranje pre isporuke<\/strong><span>Svaki ra\u010dunar prolazi proveru<\/span><\/div><\/div>\r\n    <div class=\"ben-item\"><div class=\"ben-ic\">\ud83d\ude98<\/div><div class=\"ben-text\"><strong>Dostava za celu Srbiju<\/strong><span>Li\u010dno, Beograd ili kurir<\/span><\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  if (window.__ramondaHeroInit) return;\r\n  window.__ramondaHeroInit = true;\r\n\r\n  function $(id){ return document.getElementById(id); }\r\n\r\n  function validPhone(t){\r\n    var d = String(t || \"\").replace(\/[\\s\\-\\\/().]\/g, \"\");\r\n    return \/^(\\+?\\d{8,14})$\/.test(d);\r\n  }\r\n\r\n  function showErr(inpEl, errEl){\r\n    if(inpEl){ inpEl.classList.add(\"inp-invalid\"); inpEl.focus(); }\r\n    if(errEl){ errEl.classList.add(\"show\"); }\r\n  }\r\n  function clearErr(inpEl, errEl){\r\n    if(inpEl){ inpEl.classList.remove(\"inp-invalid\"); }\r\n    if(errEl){ errEl.classList.remove(\"show\"); }\r\n  }\r\n\r\n  function serverErr(msg){\r\n    var body = $(\"ramonda-qs-body\");\r\n    if(!body) return;\r\n    var old = $(\"ramonda-srv-err\");\r\n    if(old) old.remove();\r\n    var p = document.createElement(\"p\");\r\n    p.id = \"ramonda-srv-err\";\r\n    p.className = \"form-err\";\r\n    p.textContent = msg;\r\n    var btn = $(\"ramondaBtnQS\");\r\n    if(btn) btn.insertAdjacentElement(\"afterend\", p);\r\n    else body.appendChild(p);\r\n  }\r\n  function clearServerErr(){\r\n    var old = $(\"ramonda-srv-err\");\r\n    if(old) old.remove();\r\n  }\r\n\r\n  function submitForm(){\r\n    console.log(\"[Ramonda] klik na dugme registrovan\");\r\n\r\n    var telEl = $(\"ramondaTel\"),\r\n        btn   = $(\"ramondaBtnQS\"),\r\n        errTel= $(\"ramondaErrTel\");\r\n\r\n    if(!telEl){ console.warn(\"[Ramonda] polje telefon nije nadjeno\"); return; }\r\n\r\n    var hp = $(\"ramonda-hp\");\r\n    if(hp && hp.value) return;\r\n\r\n    clearErr(telEl, errTel);\r\n    clearServerErr();\r\n\r\n    var tel = telEl.value.trim();\r\n    if(!validPhone(tel)){\r\n      showErr(telEl, errTel);\r\n      return;\r\n    }\r\n\r\n    var btnOrig = btn ? btn.innerHTML : \"\";\r\n    if(btn){ btn.disabled = true; btn.innerHTML = \"\u0160aljem...\"; }\r\n\r\n    if(typeof gtag === \"function\") gtag(\"event\", \"forma_poslata\", { event_category: \"konverzija\", event_label: \"hero_quick\" });\r\n    if(typeof fbq === \"function\") fbq(\"track\", \"Lead\");\r\n\r\n    var fd = new FormData();\r\n    fd.append(\"action\", \"pc_form_submit\");\r\n    fd.append(\"telefon\", tel);\r\n    fd.append(\"quick_submit\", \"1\");\r\n\r\n    fetch(\"\/wp-admin\/admin-ajax.php\", { method: \"POST\", body: fd })\r\n      .then(function(r){\r\n        if(!r.ok) throw new Error(\"HTTP \" + r.status);\r\n        return r.json();\r\n      })\r\n      .then(function(res){\r\n        if(res && res.success){\r\n          var body = $(\"ramonda-qs-body\"), done = $(\"ramonda-qs-done\");\r\n          if(body) body.style.display = \"none\";\r\n          if(done) done.classList.add(\"show\");\r\n        } else {\r\n          console.warn(\"[Ramonda] pc_form_submit odgovor:\", res);\r\n          if(btn){ btn.disabled = false; btn.innerHTML = btnOrig; }\r\n          serverErr(\"Do\u0161lo je do gre\u0161ke pri slanju. Pozovi nas na 065 332 1627 ili poku\u0161aj ponovo.\");\r\n        }\r\n      })\r\n      .catch(function(e){\r\n        console.error(\"[Ramonda] pc_form_submit gre\u0161ka:\", e);\r\n        if(btn){ btn.disabled = false; btn.innerHTML = btnOrig; }\r\n        serverErr(\"Ne mogu da po\u0161aljem zahtev. Pozovi nas na 065 332 1627 ili poku\u0161aj ponovo.\");\r\n      });\r\n  }\r\n\r\n  var alreadyOpened = false;\r\n  function shouldOpenForm(){\r\n    return window.location.hash === \"#forma\" || window.location.hash === \"#formular\";\r\n  }\r\n  function scrollToForm(){\r\n    var forma = $(\"ramonda-forma\");\r\n    if(forma) forma.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n  function openWizardForm(){\r\n    if(!shouldOpenForm() || alreadyOpened) return;\r\n    scrollToForm();\r\n    setTimeout(function(){\r\n      var dugme = document.querySelector(\".racunar-za-tebe-btn\");\r\n      if(!dugme) return;\r\n      alreadyOpened = true;\r\n      dugme.click();\r\n    }, 700);\r\n  }\r\n\r\n  \/* ============================================================\r\n     FIX: prazan crni pojas ispod sekcije\r\n     Obara min-height\/height i donje razmake na SVIM omota\u010dima\r\n     ovog widgeta (Elementor sekcija sa \"Fit to screen\" visinom\r\n     pravi prazan prostor ispod sadr\u017eaja).\r\n     ============================================================ *\/\r\n  function fixSectionHeight(){\r\n    var page = document.querySelector(\".ramonda-page\");\r\n    if(!page) return;\r\n    var n = page.parentElement;\r\n    while(n && n !== document.body && n !== document.documentElement){\r\n      n.style.setProperty(\"min-height\", \"0\", \"important\");\r\n      n.style.setProperty(\"height\", \"auto\", \"important\");\r\n      n.style.setProperty(\"margin-bottom\", \"0\", \"important\");\r\n      n.style.setProperty(\"padding-bottom\", \"0\", \"important\");\r\n      n = n.parentElement;\r\n    }\r\n    console.log(\"[Ramonda] fixSectionHeight primenjen\");\r\n  }\r\n\r\n  function init(){\r\n    console.log(\"[Ramonda] skripta ucitana\");\r\n\r\n    fixSectionHeight();\r\n\r\n    var btn = $(\"ramondaBtnQS\");\r\n    if(btn){ btn.addEventListener(\"click\", submitForm); console.log(\"[Ramonda] dugme povezano\"); }\r\n    else { console.warn(\"[Ramonda] dugme ramondaBtnQS nije nadjeno\"); }\r\n\r\n    var t = $(\"ramondaTel\");\r\n    if(t){\r\n      t.addEventListener(\"input\", function(){ clearErr(this, $(\"ramondaErrTel\")); });\r\n      t.addEventListener(\"keydown\", function(e){\r\n        if(e.key === \"Enter\"){ e.preventDefault(); submitForm(); }\r\n      });\r\n    }\r\n\r\n    var telHero = $(\"tel-hero\");\r\n    if(telHero) telHero.addEventListener(\"click\", function(){\r\n      if(typeof gtag === \"function\") gtag(\"event\", \"klik_telefon\");\r\n    });\r\n\r\n    setTimeout(openWizardForm, 300);\r\n    window.addEventListener(\"load\", function(){\r\n      fixSectionHeight();\r\n      setTimeout(openWizardForm, 600);\r\n    });\r\n    window.addEventListener(\"hashchange\", function(){\r\n      alreadyOpened = false;\r\n      setTimeout(openWizardForm, 250);\r\n    });\r\n  }\r\n\r\n  if(document.readyState === \"loading\"){\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd41624 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cd41624\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"gravura\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Ramonda Gravura - Sekcija v22\r\n  ID sekcije: #gravura\r\n\r\n  Glavna izmena u v22:\r\n  - Motiv se vise ne pojavljuje odjednom: otkriva se progresivno, red po red,\r\n    tacno ispod laserske linije dok se ona spusta (clip-path reveal).\r\n  - Sinhronizacija radi cisto preko CSS-a: laser ciklus traje 3.2s, a otkrivanje\r\n    motiva traje isto 3.2s segmenta unutar 32s ciklusa (10 motiva x 3.2s),\r\n    sa istim ease-in-out tempom - laser i ivica otkrivanja se krecu zajedno.\r\n  - Delay vrednosti motiva su poravnate na multiple od 3.2s (pocetak spusta lasera).\r\n  - Stari motiv nestaje pri dnu (dok se laser gasi), novi krece sa sledecim prolazom.\r\n  - JavaScript ispod sluzi samo za uklanjanje Elementor razmaka izmedju sekcija.\r\n-->\r\n\r\n<style>\r\nhtml,\r\nbody {\r\n  overflow-x: clip;\r\n}\r\n\r\n@supports not (overflow-x: clip) {\r\n  html,\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n}\r\n\r\n\/* ============================================================\r\n   FIX: RAZMACI \/ LINIJE IZMEDJU ELEMENTOR SEKCIJA\r\n   ============================================================ *\/\r\nbody,\r\n.elementor {\r\n  background: #06070e !important;\r\n}\r\n\r\n.elementor-widget:not(:last-child) {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.e-con {\r\n  --widgets-spacing: 0 0 !important;\r\n  --widgets-spacing-row: 0 !important;\r\n  --widgets-spacing-column: 0 !important;\r\n}\r\n\r\n.e-con,\r\n.e-con-inner {\r\n  row-gap: 0 !important;\r\n}\r\n\r\n.elementor-section {\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.elementor-widget-html > .elementor-widget-container {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n}\r\n\r\n.elementor-widget-html:has(.ramonda-page),\r\n.elementor-widget-container:has(> .ramonda-page),\r\n.elementor-column:has(.ramonda-page),\r\n.elementor-container:has(.ramonda-page) {\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n.e-con:has(.ramonda-page),\r\n.e-con:has(#gravura),\r\n.elementor-section:has(.ramonda-page) > .elementor-container,\r\n.elementor-section:has(#gravura) > .elementor-container {\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n\/* ============================================================\r\n   GLAVNA SEKCIJA\r\n   ============================================================ *\/\r\n#gravura {\r\n  --ac: #c471ff;\r\n  --ac2: rgba(196, 113, 255, .11);\r\n  --ac3: rgba(196, 113, 255, .28);\r\n  --bg: #111228;\r\n  --s1: #13152a;\r\n  --b1: #1e2040;\r\n  --b3: #2a2d4a;\r\n  --t: #eaeaf4;\r\n  --t2: #7a7a9a;\r\n  --t3: #5a5a78;\r\n\r\n  font-family: \"Segoe UI\", system-ui, sans-serif;\r\n  background: var(--bg);\r\n  box-sizing: border-box;\r\n  display: block;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw !important;\r\n  margin-right: -50vw !important;\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: hidden;\r\n  scroll-margin-top: 90px;\r\n}\r\n\r\n#gravura *,\r\n#gravura *::before,\r\n#gravura *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.elementor-widget-html:has(#gravura),\r\n.elementor-element:has(#gravura),\r\n.elementor-widget-container:has(#gravura),\r\n.elementor-column:has(#gravura),\r\n.elementor-container:has(#gravura),\r\n.e-con:has(#gravura) {\r\n  margin-top: 0 !important;\r\n  margin-bottom: 0 !important;\r\n  padding-top: 0 !important;\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n#gravura .gh-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 52px clamp(20px, 5vw, 56px) 34px !important;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: clamp(28px, 4vw, 52px);\r\n  align-items: center;\r\n}\r\n\r\n#gravura .gh-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  border: 1px solid var(--ac3);\r\n  border-radius: 999px;\r\n  padding: 5px 14px;\r\n  margin-bottom: 20px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: var(--ac);\r\n}\r\n\r\n#gravura .gh-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--ac);\r\n  flex-shrink: 0;\r\n  animation: ghg-dot 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ghg-dot {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: .3;\r\n  }\r\n}\r\n\r\n#gravura .gh-h1 {\r\n  font-family: \"Oswald\", sans-serif;\r\n  font-size: clamp(30px, 4.5vw, 48px);\r\n  font-weight: 700;\r\n  line-height: 1.08;\r\n  letter-spacing: .3px;\r\n  color: var(--t);\r\n  margin: 0 0 16px !important;\r\n}\r\n\r\n#gravura .gh-h1 span {\r\n  color: var(--ac);\r\n}\r\n\r\n#gravura .gh-p {\r\n  font-size: clamp(13px, 1.5vw, 14.5px);\r\n  line-height: 1.7;\r\n  color: var(--t2);\r\n  margin: 0 0 10px !important;\r\n  max-width: 440px;\r\n}\r\n\r\n#gravura .gh-sub {\r\n  font-size: 12.5px;\r\n  color: var(--t3);\r\n  margin: 0 !important;\r\n  max-width: 440px;\r\n  line-height: 1.55;\r\n}\r\n\r\n#gravura .gh-btns {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 26px !important;\r\n}\r\n\r\n#gravura .gh-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  background: var(--ac);\r\n  color: #fff;\r\n  border: 1px solid var(--ac);\r\n  border-radius: 10px;\r\n  padding: 13px 22px;\r\n  font-family: \"Oswald\", sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  letter-spacing: .4px;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  transition: background .14s, border-color .14s, transform .1s;\r\n  outline: none;\r\n}\r\n\r\n#gravura .gh-btn:hover {\r\n  background: #d48eff;\r\n  border-color: #d48eff;\r\n}\r\n\r\n#gravura .gh-btn:active {\r\n  transform: scale(.98);\r\n}\r\n\r\n#gravura .gh-btn:focus-visible {\r\n  outline: 2px solid var(--ac);\r\n  outline-offset: 3px;\r\n}\r\n\r\n#gravura .gh-trust {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 8px;\r\n  margin-top: 16px !important;\r\n  max-width: 440px;\r\n  font-size: 12px;\r\n  line-height: 1.55;\r\n  color: var(--t3);\r\n}\r\n\r\n#gravura .gh-trust svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  flex-shrink: 0;\r\n  margin-top: 1px;\r\n  stroke: var(--ac);\r\n  fill: none;\r\n  stroke-width: 2;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  opacity: .8;\r\n}\r\n\r\n#gravura .gh-right {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* ============================================================\r\n   ILUSTRACIJA KUCISTA + GRAVURA\r\n   ============================================================ *\/\r\n#gravura .gh-case {\r\n  width: clamp(170px, 21vw, 215px);\r\n  aspect-ratio: 200 \/ 260;\r\n  background: #09091a;\r\n  border: 1px solid var(--b3);\r\n  border-radius: 14px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  flex-shrink: 0;\r\n  box-shadow:\r\n    0 24px 60px rgba(0, 0, 0, .65),\r\n    0 0 0 1px rgba(196, 113, 255, .07),\r\n    inset 0 1px 0 rgba(255, 255, 255, .04);\r\n}\r\n\r\n#gravura .gh-tx {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: repeating-linear-gradient(\r\n    0deg,\r\n    transparent,\r\n    transparent 3px,\r\n    rgba(255, 255, 255, .011) 3px,\r\n    rgba(255, 255, 255, .011) 4px\r\n  );\r\n}\r\n\r\n#gravura .gh-sh {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(130deg, rgba(255, 255, 255, .045) 0%, transparent 42%);\r\n}\r\n\r\n#gravura .gh-power {\r\n  position: absolute;\r\n  top: 11px;\r\n  right: 13px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(196, 113, 255, .35);\r\n  background: rgba(196, 113, 255, .08);\r\n}\r\n\r\n#gravura .gh-power::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 3px;\r\n  height: 3px;\r\n  border-radius: 50%;\r\n  background: rgba(196, 113, 255, .5);\r\n  box-shadow: 0 0 4px rgba(196, 113, 255, .6);\r\n  animation: ghg-power 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ghg-power {\r\n  0%,\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n\r\n  50% {\r\n    opacity: .3;\r\n  }\r\n}\r\n\r\n#gravura .gh-topstrip {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 28px;\r\n  background: rgba(255, 255, 255, .018);\r\n  border-bottom: 1px solid rgba(255, 255, 255, .04);\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 10px;\r\n  gap: 5px;\r\n}\r\n\r\n#gravura .gh-io {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 1px;\r\n  background: rgba(255, 255, 255, .07);\r\n}\r\n\r\n#gravura .gh-io.wide {\r\n  width: 10px;\r\n}\r\n\r\n#gravura .gh-ledge {\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 0;\r\n  bottom: 22px;\r\n  width: 4px;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(196, 113, 255, .08) 0%,\r\n    rgba(196, 113, 255, .20) 50%,\r\n    rgba(196, 113, 255, .08) 100%\r\n  );\r\n}\r\n\r\n#gravura .gh-zone {\r\n  position: absolute;\r\n  top: 38px;\r\n  left: 14px;\r\n  right: 14px;\r\n  bottom: 32px;\r\n  border: 1px dashed rgba(196, 113, 255, .18);\r\n  border-radius: 5px;\r\n}\r\n\r\n#gravura .gh-co {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  border-color: var(--ac);\r\n  border-style: solid;\r\n  border-width: 0;\r\n  opacity: .55;\r\n}\r\n\r\n#gravura .gh-co.tl {\r\n  top: 38px;\r\n  left: 14px;\r\n  border-top-width: 2px;\r\n  border-left-width: 2px;\r\n  border-radius: 2px 0 0 0;\r\n}\r\n\r\n#gravura .gh-co.tr {\r\n  top: 38px;\r\n  right: 14px;\r\n  border-top-width: 2px;\r\n  border-right-width: 2px;\r\n  border-radius: 0 2px 0 0;\r\n}\r\n\r\n#gravura .gh-co.br {\r\n  right: 14px;\r\n  bottom: 32px;\r\n  border-right-width: 2px;\r\n  border-bottom-width: 2px;\r\n  border-radius: 0 0 2px 0;\r\n}\r\n\r\n#gravura .gh-co.bl {\r\n  bottom: 32px;\r\n  left: 14px;\r\n  border-bottom-width: 2px;\r\n  border-left-width: 2px;\r\n  border-radius: 0 0 0 2px;\r\n}\r\n\r\n#gravura .gh-label {\r\n  position: absolute;\r\n  top: 38px;\r\n  right: 14px;\r\n  bottom: 32px;\r\n  left: 14px;\r\n  text-align: center;\r\n  font-family: \"Oswald\", sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(16px, 2.3vw, 23px);\r\n  color: rgba(175, 175, 175, .40);\r\n  letter-spacing: 4px;\r\n  pointer-events: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#gravura .gh-label-in {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: rotate(-5deg);\r\n}\r\n\r\n\/* ------------------------------------------------------------\r\n   MOTIV: progresivno otkrivanje ispod lasera (clip-path reveal)\r\n\r\n   Ciklus lasera: 3.2s (spust traje 0% - 76% = 2.432s).\r\n   Ciklus motiva: 32s = 10 slotova x 3.2s.\r\n   Otkrivanje motiva: 0% - 7.6% od 32s = 2.432s, isti ease-in-out\r\n   tempo kao laser, pa se ivica otkrivanja krece zajedno sa linijom.\r\n   ------------------------------------------------------------ *\/\r\n#gravura .gh-mark {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  clip-path: inset(0 0 100% 0);\r\n  animation: ghg-mark 32s ease-in-out infinite;\r\n  animation-delay: var(--gh-delay);\r\n  will-change: clip-path, opacity;\r\n}\r\n\r\n#gravura .gh-mark.gh-text-long {\r\n  font-size: .82em;\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n#gravura .gh-mark svg {\r\n  width: clamp(56px, 8vw, 72px);\r\n  height: clamp(56px, 8vw, 72px);\r\n  stroke: rgba(175, 175, 175, .40);\r\n  fill: none;\r\n  stroke-width: 1.3;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n@keyframes ghg-mark {\r\n  \/* laser krece sa vrha - motiv skriven, otkriva se od gore *\/\r\n  0% {\r\n    opacity: 1;\r\n    clip-path: inset(0 0 100% 0);\r\n  }\r\n\r\n  \/* laser stize do dna (76% od 3.2s = 7.6% od 32s) - motiv ceo otkriven *\/\r\n  7.6% {\r\n    opacity: 1;\r\n    clip-path: inset(0 0 0 0);\r\n  }\r\n\r\n  \/* motiv stoji dok se laser gasi pri dnu *\/\r\n  8.6% {\r\n    opacity: 1;\r\n    clip-path: inset(0 0 0 0);\r\n  }\r\n\r\n  \/* stari motiv nestaje pre sledeceg prolaza *\/\r\n  9.7% {\r\n    opacity: 0;\r\n    clip-path: inset(0 0 0 0);\r\n  }\r\n\r\n  10%,\r\n  100% {\r\n    opacity: 0;\r\n    clip-path: inset(0 0 100% 0);\r\n  }\r\n}\r\n\r\n#gravura .gh-laser {\r\n  position: absolute;\r\n  left: 14px;\r\n  right: 14px;\r\n  height: 1.5px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    var(--ac) 30%,\r\n    rgba(196, 113, 255, .9) 50%,\r\n    var(--ac) 70%,\r\n    transparent\r\n  );\r\n  box-shadow: 0 0 8px 2px rgba(196, 113, 255, .4);\r\n  animation: ghg-laser 3.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ghg-laser {\r\n  0% {\r\n    top: 38px;\r\n    opacity: 1;\r\n  }\r\n\r\n  76% {\r\n    top: calc(100% - 34px);\r\n    opacity: 1;\r\n  }\r\n\r\n  86% {\r\n    top: calc(100% - 34px);\r\n    opacity: 0;\r\n  }\r\n\r\n  100% {\r\n    top: 38px;\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n#gravura .gh-botstrip {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 22px;\r\n  border-top: 1px solid rgba(255, 255, 255, .04);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 3px;\r\n  padding: 0 14px;\r\n}\r\n\r\n#gravura .gh-vent {\r\n  flex: 1;\r\n  height: 3px;\r\n  border-radius: 1px;\r\n  background: rgba(255, 255, 255, .06);\r\n}\r\n\r\n\/* ============================================================\r\n   MINI PRIMERI\r\n   ============================================================ *\/\r\n#gravura .gh-examples {\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 6px clamp(20px, 5vw, 56px) 36px !important;\r\n  scroll-margin-top: 90px;\r\n}\r\n\r\n#gravura .gh-ex-grid {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  gap: clamp(16px, 3vw, 34px);\r\n}\r\n\r\n#gravura .gh-ex {\r\n  text-align: center;\r\n}\r\n\r\n#gravura .gh-mini {\r\n  width: clamp(96px, 11vw, 126px);\r\n  aspect-ratio: 200 \/ 260;\r\n  background: #09091a;\r\n  border: 1px solid var(--b3);\r\n  border-radius: 11px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin: 0 auto;\r\n  box-shadow:\r\n    0 14px 34px rgba(0, 0, 0, .5),\r\n    0 0 0 1px rgba(196, 113, 255, .06),\r\n    inset 0 1px 0 rgba(255, 255, 255, .04);\r\n}\r\n\r\n#gravura .gh-mini::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(130deg, rgba(255, 255, 255, .04) 0%, transparent 45%);\r\n}\r\n\r\n#gravura .gh-mini-zone {\r\n  position: absolute;\r\n  top: 12px;\r\n  right: 9px;\r\n  bottom: 12px;\r\n  left: 9px;\r\n  border: 1px dashed rgba(196, 113, 255, .16);\r\n  border-radius: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#gravura .gh-mini-motiv {\r\n  transform: rotate(-5deg);\r\n  font-family: \"Oswald\", sans-serif;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  letter-spacing: 2.5px;\r\n  color: rgba(175, 175, 175, .42);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 0 4px;\r\n}\r\n\r\n#gravura .gh-mini-motiv svg {\r\n  width: 44px;\r\n  height: 44px;\r\n  stroke: rgba(175, 175, 175, .42);\r\n  fill: none;\r\n  stroke-width: 1.4;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#gravura .gh-ex-name {\r\n  display: block;\r\n  margin-top: 9px;\r\n  font-size: 11.5px;\r\n  font-weight: 600;\r\n  color: var(--t2);\r\n  letter-spacing: .3px;\r\n}\r\n\r\n#gravura .gh-ex-note {\r\n  text-align: center;\r\n  font-size: 11.5px;\r\n  color: var(--t3);\r\n  margin: 18px auto 0 !important;\r\n  max-width: 520px;\r\n  line-height: 1.55;\r\n}\r\n\r\n\/* ============================================================\r\n   KARTICE\r\n   ============================================================ *\/\r\n#gravura .gh-cards {\r\n  max-width: 1280px;\r\n  margin: 0 auto !important;\r\n  padding: 0 clamp(20px, 5vw, 56px) 56px !important;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 14px;\r\n}\r\n\r\n#gravura .gh-card {\r\n  background: var(--s1);\r\n  border: 1px solid var(--b1);\r\n  border-radius: 12px;\r\n  padding: 16px 16px 15px;\r\n  transition: border-color .15s;\r\n}\r\n\r\n#gravura .gh-card:hover {\r\n  border-color: var(--ac3);\r\n}\r\n\r\n#gravura .gh-card-ic {\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 9px;\r\n  background: var(--ac2);\r\n  border: 1px solid var(--ac3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 11px;\r\n}\r\n\r\n#gravura .gh-card-ic svg {\r\n  width: 17px;\r\n  height: 17px;\r\n  stroke: var(--ac);\r\n  fill: none;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n#gravura .gh-card strong {\r\n  display: block;\r\n  font-size: 13.5px;\r\n  font-weight: 700;\r\n  color: var(--t);\r\n  margin-bottom: 5px;\r\n  letter-spacing: .2px;\r\n}\r\n\r\n#gravura .gh-card span {\r\n  display: block;\r\n  font-size: 12px;\r\n  color: var(--t2);\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  #gravura .gh-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  #gravura {\r\n    margin-top: 0 !important;\r\n    margin-bottom: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  #gravura .gh-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    padding: 42px 22px 26px !important;\r\n  }\r\n\r\n  #gravura .gh-case {\r\n    width: 172px;\r\n  }\r\n\r\n  #gravura .gh-mark svg {\r\n    width: 58px;\r\n    height: 58px;\r\n  }\r\n\r\n  #gravura .gh-eyebrow {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  #gravura .gh-h1 {\r\n    margin-bottom: 14px !important;\r\n  }\r\n\r\n  #gravura .gh-btns {\r\n    margin-top: 22px !important;\r\n  }\r\n\r\n  #gravura .gh-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  #gravura .gh-examples {\r\n    padding: 2px 22px 30px !important;\r\n  }\r\n\r\n  #gravura .gh-mini {\r\n    width: 88px;\r\n  }\r\n\r\n  #gravura .gh-mini-motiv {\r\n    font-size: 10.5px;\r\n    letter-spacing: 1.8px;\r\n  }\r\n\r\n  #gravura .gh-mini-motiv svg {\r\n    width: 36px;\r\n    height: 36px;\r\n  }\r\n\r\n  #gravura .gh-ex-name {\r\n    font-size: 10.5px;\r\n  }\r\n\r\n  #gravura .gh-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 10px;\r\n    padding-bottom: 44px !important;\r\n  }\r\n\r\n  #gravura .gh-card {\r\n    padding: 13px 13px 12px;\r\n  }\r\n\r\n  #gravura .gh-card-ic {\r\n    width: 30px;\r\n    height: 30px;\r\n    margin-bottom: 9px;\r\n  }\r\n\r\n  #gravura .gh-card strong {\r\n    font-size: 12.5px;\r\n  }\r\n\r\n  #gravura .gh-card span {\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  #gravura .gh-laser,\r\n  #gravura .gh-dot,\r\n  #gravura .gh-power::after,\r\n  #gravura .gh-mark {\r\n    animation: none;\r\n  }\r\n\r\n  #gravura .gh-mark {\r\n    opacity: 0;\r\n  }\r\n\r\n  #gravura .gh-mark:first-child {\r\n    opacity: 1;\r\n    clip-path: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"gravura\" aria-label=\"Gravura ku\u0107i\u0161ta po tvojoj ideji\">\r\n  <div class=\"gh-inner\">\r\n    <div>\r\n      <div class=\"gh-eyebrow\">\r\n        <div class=\"gh-dot\" aria-hidden=\"true\"><\/div>\r\n        Custom gravura ku\u0107i\u0161ta\r\n      <\/div>\r\n\r\n      <h2 class=\"gh-h1\">\r\n        Gravura ku\u0107i\u0161ta<br>\r\n        <span>po tvojoj ideji.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"gh-p\">\r\n        Dodaj ra\u010dunaru li\u010dni detalj - logo, inicijale, gaming motiv, nacionalni motiv\r\n        ili potpuno custom dizajn po \u017eelji. Gravura ide kao dodatak uz konfiguraciju\r\n        Ramonda ra\u010dunara.\r\n      <\/p>\r\n\r\n      <p class=\"gh-sub\">\r\n        Slike gravure su primeri kako mo\u017ee da izgleda finalni rezultat.\r\n        Motiv i pozicija gravure se dogovaraju posebno.\r\n      <\/p>\r\n\r\n      <div class=\"gh-btns\">\r\n        <a href=\"https:\/\/ramondacomp.com\/?page_id=808\" class=\"gh-btn\">\r\n          <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n          <\/svg>\r\n          Pogledaj kako bi izgledalo\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <p class=\"gh-trust\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/>\r\n          <path d=\"M8.5 12l2.5 2.5 4.5-5\"\/>\r\n        <\/svg>\r\n        Pre izrade se proverava da li je motiv pogodan za gravuru i da li mo\u017ee lepo da izgleda na ku\u0107i\u0161tu.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gh-right\">\r\n      <div class=\"gh-case\" role=\"img\" aria-label=\"Ilustracija ra\u010dunarskog ku\u0107i\u0161ta sa gravurom\">\r\n        <div class=\"gh-tx\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-sh\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"gh-topstrip\" aria-hidden=\"true\">\r\n          <div class=\"gh-io wide\"><\/div>\r\n          <div class=\"gh-io\"><\/div>\r\n          <div class=\"gh-io\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gh-power\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-ledge\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-zone\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"gh-co tl\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-co tr\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-co br\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"gh-co bl\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"gh-label\" aria-hidden=\"true\">\r\n          <div class=\"gh-label-in\">\r\n            <span class=\"gh-mark\" style=\"--gh-delay: 0s;\">RAMONDA<\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -28.8s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M10 6l5 8 9-4 9 4 5-8-2 15-4 7-8 10-8-10-4-7-2-15z\"\/>\r\n                <path d=\"M15 14l4 5M33 14l-4 5\"\/>\r\n                <path d=\"M18 24l3 2M30 24l-3 2\"\/>\r\n                <path d=\"M24 28v4M22 34l2 2 2-2\"\/>\r\n                <path d=\"M13 20l3 3M35 20l-3 3\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"gh-mark gh-text-long\" style=\"--gh-delay: -25.6s;\">GAMER-X<\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -22.4s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <rect x=\"14\" y=\"14\" width=\"20\" height=\"20\" rx=\"2\"\/>\r\n                <rect x=\"20\" y=\"20\" width=\"8\" height=\"8\"\/>\r\n                <path d=\"M18 14V8M24 14V6M30 14V8\"\/>\r\n                <path d=\"M18 34v6M24 34v8M30 34v6\"\/>\r\n                <path d=\"M14 18H8M14 24H6M14 30H8\"\/>\r\n                <path d=\"M34 18h6M34 24h8M34 30h6\"\/>\r\n                <circle cx=\"24\" cy=\"6\" r=\"1.5\"\/>\r\n                <circle cx=\"24\" cy=\"42\" r=\"1.5\"\/>\r\n                <circle cx=\"6\" cy=\"24\" r=\"1.5\"\/>\r\n                <circle cx=\"42\" cy=\"24\" r=\"1.5\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -19.2s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M6 34c4-14 14-24 30-28-3 4-4 7-3 10 4-1 8-1 11 1-4 2-6 4-7 7 3 0 5 1 7 3-5 1-9 3-12 6-4 4-9 6-16 6l-4 6-2-6c-2-1-3-3-4-5z\"\/>\r\n                <path d=\"M14 30c6-8 13-14 22-18\"\/>\r\n                <path d=\"M18 32c4-5 9-9 15-12\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"gh-mark gh-text-long\" style=\"--gh-delay: -16s;\">M.J. 2026<\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -12.8s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M8 16l4 18h24l4-18-8 6-8-12-8 12-8-6z\"\/>\r\n                <path d=\"M12 38h24\"\/>\r\n                <circle cx=\"24\" cy=\"24\" r=\"2.5\"\/>\r\n                <circle cx=\"16\" cy=\"27\" r=\"1.5\"\/>\r\n                <circle cx=\"32\" cy=\"27\" r=\"1.5\"\/>\r\n                <circle cx=\"8\" cy=\"15\" r=\"1.5\"\/>\r\n                <circle cx=\"24\" cy=\"9\" r=\"1.5\"\/>\r\n                <circle cx=\"40\" cy=\"15\" r=\"1.5\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -9.6s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <circle cx=\"34\" cy=\"12\" r=\"5\"\/>\r\n                <path d=\"M4 38l12-20 7 11 5-7 16 16H4z\"\/>\r\n                <path d=\"M14 24l3 4 3-4\"\/>\r\n                <path d=\"M9 10h.01M15 6h.01M22 9h.01\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -6.4s;\">VUK<\/span>\r\n\r\n            <span class=\"gh-mark\" style=\"--gh-delay: -3.2s;\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M24 4l3 4v22l-3 4-3-4V8l3-4z\"\/>\r\n                <path d=\"M24 10v18\"\/>\r\n                <path d=\"M14 34h20\"\/>\r\n                <path d=\"M14 34c-2 0-4-1-4-3M34 34c2 0 4-1 4-3\"\/>\r\n                <path d=\"M24 34v6\"\/>\r\n                <circle cx=\"24\" cy=\"43\" r=\"2.5\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gh-laser\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"gh-botstrip\" aria-hidden=\"true\">\r\n          <div class=\"gh-vent\"><\/div>\r\n          <div class=\"gh-vent\"><\/div>\r\n          <div class=\"gh-vent\"><\/div>\r\n          <div class=\"gh-vent\"><\/div>\r\n          <div class=\"gh-vent\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"gh-examples\" id=\"gravura-primeri\">\r\n    <div class=\"gh-ex-grid\">\r\n      <figure class=\"gh-ex\" style=\"margin:0;\">\r\n        <div class=\"gh-mini\" role=\"img\" aria-label=\"Primer gravure: gaming motiv\">\r\n          <div class=\"gh-mini-zone\">\r\n            <div class=\"gh-mini-motiv\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 48 48\">\r\n                <path d=\"M10 6l5 8 9-4 9 4 5-8-2 15-4 7-8 10-8-10-4-7-2-15z\"\/>\r\n                <path d=\"M15 14l4 5M33 14l-4 5\"\/>\r\n                <path d=\"M18 24l3 2M30 24l-3 2\"\/>\r\n                <path d=\"M24 28v4M22 34l2 2 2-2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <figcaption class=\"gh-ex-name\">Gaming motiv<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gh-ex\" style=\"margin:0;\">\r\n        <div class=\"gh-mini\" role=\"img\" aria-label=\"Primer gravure: inicijali\">\r\n          <div class=\"gh-mini-zone\">\r\n            <div class=\"gh-mini-motiv\" aria-hidden=\"true\">M.J. 2026<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <figcaption class=\"gh-ex-name\">Logo \/ inicijali<\/figcaption>\r\n      <\/figure>\r\n\r\n      <figure class=\"gh-ex\" style=\"margin:0;\">\r\n        <div class=\"gh-mini\" role=\"img\" aria-label=\"Primer gravure: nacionalni motiv cirilicom\">\r\n          <div class=\"gh-mini-zone\">\r\n            <div class=\"gh-mini-motiv\" aria-hidden=\"true\">\u0412\u0423\u041a<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <figcaption class=\"gh-ex-name\">Nacionalni motiv<\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n\r\n    <p class=\"gh-ex-note\">\r\n      Prikazi iznad su ilustracija primera gravure - finalni izgled zavisi od ku\u0107i\u0161ta,\r\n      motiva i pozicije koju zajedno dogovorimo.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gh-cards\">\r\n    <div class=\"gh-card\">\r\n      <div class=\"gh-card-ic\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M6 11h4M8 9v4\"\/>\r\n          <path d=\"M15 12h.01M18 10h.01\"\/>\r\n          <path d=\"M17.32 5H6.68a4 4 0 0 0-3.98 3.6L2 14.5A2.5 2.5 0 0 0 4.5 17c.9 0 1.7-.5 2.2-1.2L8.5 13h7l1.8 2.8c.5.7 1.3 1.2 2.2 1.2a2.5 2.5 0 0 0 2.5-2.5l-.7-5.9A4 4 0 0 0 17.32 5z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <strong>Gaming motivi<\/strong>\r\n      <span>Likovi, simboli iz igara i minimalisti\u010dki gaming dizajn.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gh-card\">\r\n      <div class=\"gh-card-ic\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"\/>\r\n          <path d=\"M8 16V8l4 5 4-5v8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <strong>Logo \/ inicijali<\/strong>\r\n      <span>Li\u010dni logo, nadimak, inicijali ili ime brenda.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gh-card\">\r\n      <div class=\"gh-card-ic\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M12 2l8 4v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-4z\"\/>\r\n          <path d=\"M12 7v8M8 11h8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <strong>Nacionalni motivi<\/strong>\r\n      <span>Srpski simboli, \u0107irilica i tradicionalni elementi.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"gh-card\">\r\n      <div class=\"gh-card-ic\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n          <path d=\"M12 20h9\"\/>\r\n          <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <strong>Custom dizajn<\/strong>\r\n      <span>Po\u0161alje\u0161 sliku, ideju ili referencu - mi pripremamo predlog.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script data-no-optimize=\"1\" data-cfasync=\"false\">\r\n(function(){\r\n  \"use strict\";\r\n\r\n  if (window.__ramondaGapKiller22) return;\r\n  window.__ramondaGapKiller22 = true;\r\n\r\n  function stopEl(el) {\r\n    return !el || el === document.body || el === document.documentElement;\r\n  }\r\n\r\n  function zeroTop(el) {\r\n    if (!el || !el.style) return;\r\n    el.style.setProperty(\"margin-top\", \"0\", \"important\");\r\n    el.style.setProperty(\"padding-top\", \"0\", \"important\");\r\n  }\r\n\r\n  function zeroBottom(el) {\r\n    if (!el || !el.style) return;\r\n    el.style.setProperty(\"margin-bottom\", \"0\", \"important\");\r\n    el.style.setProperty(\"padding-bottom\", \"0\", \"important\");\r\n  }\r\n\r\n  function zeroGap(el) {\r\n    if (!el || !el.style) return;\r\n    el.style.setProperty(\"row-gap\", \"0\", \"important\");\r\n    el.style.setProperty(\"gap\", \"0\", \"important\");\r\n    el.style.setProperty(\"--widgets-spacing\", \"0 0\", \"important\");\r\n    el.style.setProperty(\"--widgets-spacing-row\", \"0\", \"important\");\r\n    el.style.setProperty(\"--widgets-spacing-column\", \"0\", \"important\");\r\n  }\r\n\r\n  function isEmptySpacer(el) {\r\n    if (!el || el.nodeType !== 1) return false;\r\n    if (el.textContent && el.textContent.trim() !== \"\") return false;\r\n    if (el.querySelector(\"img,svg,video,iframe,form,canvas,input,button\")) return false;\r\n    return true;\r\n  }\r\n\r\n  function cleanChain(el, mode) {\r\n    var n = el;\r\n    while (!stopEl(n)) {\r\n      if (mode === \"top\") zeroTop(n);\r\n      if (mode === \"bottom\") zeroBottom(n);\r\n      zeroGap(n.parentElement || n);\r\n      n = n.parentElement;\r\n    }\r\n  }\r\n\r\n  function cleanBetween(a, b) {\r\n    var chain = [];\r\n    var n = a;\r\n\r\n    while (n) {\r\n      chain.push(n);\r\n      n = n.parentElement;\r\n    }\r\n\r\n    var cursor = b;\r\n    var parent = null;\r\n    var aChild = null;\r\n    var bChild = null;\r\n\r\n    while (cursor && cursor !== document.body) {\r\n      var p = cursor.parentElement;\r\n      if (p && chain.indexOf(p) !== -1) {\r\n        parent = p;\r\n        bChild = cursor;\r\n        for (var i = 0; i < chain.length; i++) {\r\n          if (chain[i].parentElement === p) {\r\n            aChild = chain[i];\r\n            break;\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      cursor = p;\r\n    }\r\n\r\n    if (!parent || !aChild || !bChild) return;\r\n\r\n    zeroGap(parent);\r\n\r\n    var kids = Array.prototype.slice.call(parent.children);\r\n    var ai = kids.indexOf(aChild);\r\n    var bi = kids.indexOf(bChild);\r\n    if (ai < 0 || bi < 0) return;\r\n\r\n    var lo = Math.min(ai, bi);\r\n    var hi = Math.max(ai, bi);\r\n\r\n    for (var k = lo + 1; k < hi; k++) {\r\n      var el = kids[k];\r\n      if (isEmptySpacer(el)) {\r\n        el.style.setProperty(\"display\", \"none\", \"important\");\r\n      } else {\r\n        zeroTop(el);\r\n        zeroBottom(el);\r\n        el.style.setProperty(\"min-height\", \"0\", \"important\");\r\n      }\r\n    }\r\n  }\r\n\r\n  function killGap() {\r\n    var grav = document.getElementById(\"gravura\");\r\n    if (!grav) return;\r\n\r\n    cleanChain(grav, \"top\");\r\n\r\n    var previousRamonda = document.querySelector(\".ramonda-page\");\r\n    if (previousRamonda) {\r\n      cleanChain(previousRamonda, \"bottom\");\r\n      cleanBetween(previousRamonda, grav);\r\n    }\r\n  }\r\n\r\n  function scheduleKillGap() {\r\n    killGap();\r\n    setTimeout(killGap, 250);\r\n    setTimeout(killGap, 900);\r\n  }\r\n\r\n  window.__gapDebug = function(){\r\n    var grav = document.getElementById(\"gravura\");\r\n    var ram = document.querySelector(\".ramonda-page\");\r\n    if (!grav || !ram) return \"sekcije nisu nadjene\";\r\n    var rb = ram.getBoundingClientRect().bottom;\r\n    var gt = grav.getBoundingClientRect().top;\r\n    var y = Math.floor((rb + gt) \/ 2);\r\n    var el = document.elementFromPoint(Math.floor(window.innerWidth \/ 2), y);\r\n    return {\r\n      gap: Math.round(gt - rb),\r\n      element: el\r\n    };\r\n  };\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", scheduleKillGap);\r\n  } else {\r\n    scheduleKillGap();\r\n  }\r\n\r\n  window.addEventListener(\"load\", scheduleKillGap);\r\n  window.addEventListener(\"pageshow\", scheduleKillGap);\r\n\r\n  if (window.MutationObserver) {\r\n    var wait = null;\r\n    var observer = new MutationObserver(function(){\r\n      clearTimeout(wait);\r\n      wait = setTimeout(killGap, 80);\r\n    });\r\n\r\n    if (document.body) {\r\n      observer.observe(document.body, { childList: true, subtree: true });\r\n    } else {\r\n      document.addEventListener(\"DOMContentLoaded\", function(){\r\n        observer.observe(document.body, { childList: true, subtree: true });\r\n      });\r\n    }\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf496f1 elementor-widget elementor-widget-html\" data-id=\"bf496f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     RAMONDA COMPUTERS - Sekcija \"Brendovi \/ Partneri\" v3\r\n     Self-contained Elementor HTML widget\r\n     - Scoped CSS (rcw-brands-)\r\n     - ASCII-only JavaScript\r\n     - JS-measured full-bleed (setFullBleed)\r\n     - JS-measured boja pozadine (matchBackground)\r\n     - Bez eyebrow teksta\r\n============================================================ -->\r\n\r\n<div class=\"rcw-brands\" id=\"rcwBrands\">\r\n  <div class=\"rcw-brands-inner\">\r\n    <div class=\"rcw-brands-row\" id=\"rcwBrandsRow\">\r\n\r\n      <span class=\"rcw-brand rcw-nvidia\" style=\"--d:.00s\" title=\"NVIDIA\">\r\n        <svg viewBox=\"0 0 32 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <path d=\"M11.9 7.4V6c.15-.01.3-.02.45-.02 4.15-.13 6.87 3.58 6.87 3.58s-2.94 4.08-6.09 4.08c-.42 0-.83-.07-1.23-.19V9.36c1.6.19 1.92.9 2.88 2.5l2.14-1.8s-1.56-2.05-4.19-2.05c-.29 0-.57.01-.83.04zm0-4.98v2.24c.15-.01.3-.02.45-.02 5.77-.19 9.53 4.73 9.53 4.73s-4.32 5.25-8.82 5.25c-.39 0-.77-.03-1.16-.09v1.39c.32.04.65.06.98.06 4.19 0 7.22-2.14 10.15-4.67.49.39 2.47 1.33 2.88 1.74-2.79 2.33-9.28 4.21-12.96 4.21-.35 0-.7-.02-1.05-.06v1.95H28V2.42H11.9zm0 10.86v1.17c-3.87-.69-4.94-4.71-4.94-4.71s1.85-2.05 4.94-2.35v1.29h-.01c-1.62-.2-2.89 1.32-2.89 1.32s.72 2.57 2.9 3.29zM3.44 8.4S5.72 5.1 11.9 4.7V3.53C5.05 4.11.63 9.9.63 9.9s2.5 7.24 11.27 8.06v-1.24c-6.43-.8-8.46-6.32-8.46-6.32z\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        <span class=\"rcw-word rcw-word-nvidia\">NVIDIA<\/span>\r\n      <\/span>\r\n\r\n      <span class=\"rcw-brand rcw-intel\" style=\"--d:.07s\" title=\"Intel\">\r\n        <span class=\"rcw-word rcw-word-intel\">intel<\/span>\r\n      <\/span>\r\n\r\n      <span class=\"rcw-brand rcw-amd\" style=\"--d:.14s\" title=\"AMD\">\r\n        <span class=\"rcw-word rcw-word-amd\">AMD<\/span>\r\n      <\/span>\r\n\r\n      <span class=\"rcw-brand rcw-asus\" style=\"--d:.21s\" title=\"ASUS\">\r\n        <span class=\"rcw-word rcw-word-asus\">ASUS<\/span>\r\n      <\/span>\r\n\r\n      <span class=\"rcw-brand rcw-ms\" style=\"--d:.28s\" title=\"Microsoft\">\r\n        <span class=\"rcw-ms-tiles\" aria-hidden=\"true\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/span>\r\n        <span class=\"rcw-word rcw-word-ms\">Microsoft<\/span>\r\n      <\/span>\r\n\r\n      <span class=\"rcw-brand rcw-msi\" style=\"--d:.35s\" title=\"MSI\">\r\n        <span class=\"rcw-word rcw-word-msi\">MSI<\/span>\r\n      <\/span>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .rcw-brands{\r\n    --rcw-bg: #0a0912;             \/* fallback; JS meri stvarnu boju stranice *\/\r\n    --rcw-line: rgba(196,113,255,.14);\r\n    --rcw-logo: #6c6880;\r\n    --rcw-logo-hover: #c471ff;\r\n\r\n    position: relative;\r\n    background: var(--rcw-bg);\r\n    padding: 0;\r\n    overflow: hidden;\r\n    font-family: \"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    -webkit-tap-highlight-color: transparent;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n  }\r\n\r\n  .rcw-brands-inner{\r\n    background: transparent;\r\n    border-top: 1px solid var(--rcw-line);\r\n    border-bottom: 1px solid var(--rcw-line);\r\n    padding: 32px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .rcw-brands-row{\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: clamp(22px, 5vw, 60px);\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .rcw-brand{\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    color: var(--rcw-logo);\r\n    line-height: 1;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    \/* delay (--d) vazi SAMO za opacity\/transform,\r\n       boja na hover reaguje odmah *\/\r\n    transition:\r\n      opacity .5s ease var(--d, 0s),\r\n      transform .5s ease var(--d, 0s),\r\n      color .28s ease;\r\n    cursor: default;\r\n  }\r\n  .rcw-brand:hover{ color: var(--rcw-logo-hover); }\r\n\r\n  .rcw-word{\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    font-size: 21px;\r\n    font-weight: 700;\r\n    color: currentColor;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* NVIDIA *\/\r\n  .rcw-nvidia svg{ height: 20px; width: auto; display: block; flex: 0 0 auto; }\r\n  .rcw-word-nvidia{ font-weight: 700; letter-spacing: .5px; font-size: 19px; }\r\n\r\n  \/* Intel *\/\r\n  .rcw-word-intel{ font-weight: 400; font-size: 26px; letter-spacing: -1.5px; text-transform: lowercase; }\r\n\r\n  \/* AMD *\/\r\n  .rcw-word-amd{ font-weight: 800; letter-spacing: .5px; font-size: 23px; }\r\n\r\n  \/* ASUS *\/\r\n  .rcw-word-asus{ font-weight: 700; font-style: italic; letter-spacing: 1.5px; font-size: 22px; }\r\n\r\n  \/* Microsoft *\/\r\n  .rcw-ms-tiles{\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 8px);\r\n    grid-template-rows: repeat(2, 8px);\r\n    gap: 2px;\r\n    flex: 0 0 auto;\r\n  }\r\n  .rcw-ms-tiles span{ background: currentColor; display: block; }\r\n  .rcw-word-ms{ font-weight: 400; font-size: 20px; }\r\n\r\n  \/* MSI *\/\r\n  .rcw-word-msi{ font-weight: 900; font-style: italic; letter-spacing: 1px; font-size: 23px; }\r\n\r\n  \/* Reveal *\/\r\n  .rcw-brands.rcw-in .rcw-brand{ opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ---------- MOBILNI: uredan grid 3x2 ---------- *\/\r\n  @media (max-width: 600px){\r\n    .rcw-brands-inner{ padding: 26px 14px; }\r\n\r\n    .rcw-brands-row{\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 20px 10px;\r\n      max-width: 380px;\r\n    }\r\n\r\n    .rcw-word{ font-size: 16px; }\r\n    .rcw-word-nvidia{ font-size: 15px; }\r\n    .rcw-word-intel{ font-size: 20px; letter-spacing: -1px; }\r\n    .rcw-word-amd{ font-size: 17px; }\r\n    .rcw-word-asus{ font-size: 16px; letter-spacing: 1px; }\r\n    .rcw-word-ms{ font-size: 15px; }\r\n    .rcw-word-msi{ font-size: 17px; }\r\n\r\n    .rcw-nvidia svg{ height: 14px; }\r\n    .rcw-brand{ gap: 5px; }\r\n\r\n    .rcw-ms-tiles{\r\n      grid-template-columns: repeat(2, 6px);\r\n      grid-template-rows: repeat(2, 6px);\r\n      gap: 1px;\r\n    }\r\n  }\r\n\r\n  \/* Vrlo uski ekrani (stariji telefoni) *\/\r\n  @media (max-width: 340px){\r\n    .rcw-brands-row{ gap: 16px 6px; }\r\n    .rcw-word{ font-size: 14px; }\r\n    .rcw-word-intel{ font-size: 18px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce){\r\n    .rcw-brand{ transition: color .2s ease; opacity: 1; transform: none; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  var root = document.getElementById(\"rcwBrands\");\r\n  if (!root) return;\r\n\r\n  \/* Meri stvarnu boju pozadine stranice:\r\n     penje se kroz roditelje dok ne nadje prvi ne-providan background-color\r\n     i primenjuje ga, tako da se sekcija UVEK poklapa sa sekcijama okolo. *\/\r\n  function matchBackground(){\r\n    var el = root.parentElement;\r\n    var found = \"\";\r\n    while (el && el !== document.documentElement){\r\n      var c = window.getComputedStyle(el).backgroundColor;\r\n      if (c && c !== \"transparent\" && c.indexOf(\"rgba(0, 0, 0, 0)\") === -1){\r\n        found = c;\r\n        break;\r\n      }\r\n      el = el.parentElement;\r\n    }\r\n    if (!found){\r\n      var bodyBg = window.getComputedStyle(document.body).backgroundColor;\r\n      if (bodyBg && bodyBg !== \"transparent\" && bodyBg.indexOf(\"rgba(0, 0, 0, 0)\") === -1){\r\n        found = bodyBg;\r\n      }\r\n    }\r\n    if (found){\r\n      root.style.background = found;\r\n    }\r\n  }\r\n\r\n  function setFullBleed(){\r\n    root.style.marginLeft = \"0px\";\r\n    root.style.marginRight = \"0px\";\r\n    root.style.width = \"\";\r\n    var rect = root.getBoundingClientRect();\r\n    var docWidth = document.documentElement.clientWidth;\r\n    var leftGap = rect.left;\r\n    var rightGap = docWidth - rect.right;\r\n    root.style.marginLeft = \"-\" + leftGap + \"px\";\r\n    root.style.marginRight = \"-\" + rightGap + \"px\";\r\n    root.style.width = docWidth + \"px\";\r\n  }\r\n\r\n  function reveal(){\r\n    if (\"IntersectionObserver\" in window){\r\n      var io = new IntersectionObserver(function(entries){\r\n        entries.forEach(function(e){\r\n          if (e.isIntersecting){\r\n            root.classList.add(\"rcw-in\");\r\n            io.disconnect();\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      io.observe(root);\r\n    } else {\r\n      root.classList.add(\"rcw-in\");\r\n    }\r\n  }\r\n\r\n  function init(){\r\n    matchBackground();\r\n    setFullBleed();\r\n    reveal();\r\n  }\r\n\r\n  if (document.readyState === \"loading\"){\r\n    document.addEventListener(\"DOMContentLoaded\", init);\r\n  } else {\r\n    init();\r\n  }\r\n\r\n  var resizeTimer = null;\r\n  function onResize(){\r\n    if (resizeTimer) clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function(){\r\n      setFullBleed();\r\n      matchBackground();\r\n    }, 120);\r\n  }\r\n\r\n  window.addEventListener(\"resize\", onResize);\r\n  window.addEventListener(\"orientationchange\", onResize);\r\n  window.addEventListener(\"load\", function(){\r\n    matchBackground();\r\n    setFullBleed();\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23fd729 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"23fd729\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);text-decoration:none;}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n\r\n\/* ===== KONFIGURATOR CTA ===== *\/\r\n.ramonda-page .config-cta{padding:70px 0;background:var(--bg);}\r\n.ramonda-page .cc-box{position:relative;overflow:hidden;border:1px solid var(--border-p);border-radius:var(--rl);background:linear-gradient(160deg,var(--card),var(--bg2));padding:52px 48px;display:flex;align-items:center;justify-content:space-between;gap:36px;box-shadow:0 0 40px var(--glow-soft);}\r\n\/* pozadinski sjaj u uglu *\/\r\n.ramonda-page .cc-box::before{content:\"\";position:absolute;top:-140px;right:-120px;width:380px;height:380px;background:radial-gradient(circle,rgba(196,113,255,.22),transparent 65%);pointer-events:none;}\r\n\/* tanka linija na vrhu kutije *\/\r\n.ramonda-page .cc-box::after{content:\"\";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6;}\r\n.ramonda-page .cc-txt{position:relative;max-width:560px;}\r\n.ramonda-page .cc-title{font-family:var(--fd);font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:12px;color:var(--white);}\r\n.ramonda-page .cc-title em{font-style:normal;background:linear-gradient(90deg,var(--accent),#9d7bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}\r\n.ramonda-page .cc-sub{color:var(--gray);font-size:.95rem;line-height:1.7;}\r\n.ramonda-page .cc-action{position:relative;flex:none;text-align:right;}\r\n.ramonda-page .cc-hint{display:block;margin-top:12px;font-size:.78rem;color:var(--muted);letter-spacing:.04em;}\r\n\r\n@media(max-width:768px){\r\n  .ramonda-page .config-cta{padding:55px 0;}\r\n  .ramonda-page .cc-box{flex-direction:column;text-align:center;padding:42px 26px;}\r\n  .ramonda-page .cc-action{text-align:center;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .ramonda-page .btn{transition:none;}\r\n  .ramonda-page .btn-prim:hover{transform:none;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\">\r\n\r\n<section class=\"config-cta\" id=\"konfigurator\">\r\n  <div class=\"wrap\">\r\n    <div class=\"cc-box\">\r\n      <div class=\"cc-txt\">\r\n        <div class=\"tag\">Konfigurator<\/div>\r\n        <h2 class=\"cc-title\">Voli\u0161 sam da bira\u0161 komponente? <em>Sastavi svoj ra\u010dunar.<\/em><\/h2>\r\n        <p class=\"cc-sub\">Izaberi procesor, grafi\u010dku, memoriju i ostale komponente korak po korak \u2014 cena se ra\u010duna dok sklapa\u0161 konfiguraciju.<\/p>\r\n      <\/div>\r\n      <div class=\"cc-action\">\r\n        <a class=\"btn btn-prim\" href=\"https:\/\/ramondacomp.com\/?page_id=963\">Otvori konfigurator \u2192<\/a>\r\n        <span class=\"cc-hint\">Besplatno, bez registracije<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eee3d05 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"eee3d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page img{max-width:100%;display:block;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3,.ramonda-page h4{color:var(--white);}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white)!important;}\r\n.ramonda-page .sec-sub{color:var(--gray)!important;font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .sec-hd{text-align:center;margin-bottom:48px;}\r\n.ramonda-page .sec-hd .sec-sub{margin:0 auto;}\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n   RAMONDA COMPUTERS \u2014 04 PONUDA: 3 KONFIGURACIJE (redizajn)\r\n   Nezavisna sekcija, bez JavaScript-a\r\n   ============================================================ -->\r\n<style>\r\n.ramonda-page .offer3-sec{padding:80px 0;background:var(--bg2);}\r\n.ramonda-page .offer3-sec .sec-title{background:linear-gradient(135deg,var(--accent),var(--accent-d));-webkit-background-clip:text;background-clip:text;color:transparent!important;}\r\n.ramonda-page .o3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}\r\n.ramonda-page .o3-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid rgba(196,113,255,.14);border-radius:22px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s;}\r\n.ramonda-page .o3-card:hover{transform:translateY(-5px);border-color:rgba(196,113,255,.4);box-shadow:0 0 28px var(--glow-soft);}\r\n.ramonda-page .o3-card.o3-featured{border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(160deg,var(--accent),var(--accent-d) 60%,rgba(196,113,255,.15)) border-box;box-shadow:0 0 34px rgba(196,113,255,.14),0 18px 44px rgba(0,0,0,.45);}\r\n.ramonda-page .o3-card.o3-featured:hover{box-shadow:0 0 44px rgba(196,113,255,.26),0 22px 52px rgba(0,0,0,.5);}\r\n.ramonda-page .o3-ribbon{position:absolute;top:14px;right:14px;z-index:2;font-family:var(--fd);font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-d));padding:6px 12px;border-radius:100px;box-shadow:0 0 14px var(--glow);}\r\n.ramonda-page .o3-img{width:100%;aspect-ratio:16\/10;object-fit:cover;background:linear-gradient(135deg,#151628,#222440);}\r\n.ramonda-page .o3-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px;}\r\n.ramonda-page .o3-tier{display:inline-block;align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.3);margin-bottom:12px;}\r\n.ramonda-page .o3-name{font-family:var(--fh);font-size:21px;font-weight:700;color:var(--white)!important;margin-bottom:4px;}\r\n.ramonda-page .o3-desc{font-size:13.5px;color:var(--gray)!important;line-height:1.6;margin-bottom:18px;}\r\n.ramonda-page .o3-specs{display:flex;flex-direction:column;margin-bottom:20px;}\r\n.ramonda-page .o3-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border);}\r\n.ramonda-page .o3-row:last-child{border-bottom:none;}\r\n.ramonda-page .o3-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;}\r\n.ramonda-page .o3-val{font-size:13.5px;font-weight:500;color:#c8cfea!important;line-height:1.45;}\r\n.ramonda-page .o3-val strong{color:var(--white);font-weight:600;}\r\n.ramonda-page .o3-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--border2);}\r\n.ramonda-page .o3-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px;}\r\n.ramonda-page .o3-price-from{font-size:12px;color:var(--gray)!important;}\r\n.ramonda-page .o3-price{font-family:var(--fd);font-size:28px;font-weight:700;color:var(--accent);text-shadow:0 0 14px var(--glow-soft);letter-spacing:-.02em;}\r\n.ramonda-page .o3-price-note{font-size:11.5px;color:var(--muted)!important;margin-bottom:14px;}\r\n.ramonda-page .o3-cta{appearance:none;border:none;cursor:pointer;font-family:var(--fb);display:flex;width:100%;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;font-weight:700;font-size:14.5px;transition:filter .18s,transform .18s,box-shadow .18s;box-shadow:0 0 10px var(--glow-soft);}\r\n.ramonda-page .o3-cta:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 22px var(--glow);}\r\n.ramonda-page .o3-cta-sec{background:transparent;color:var(--white)!important;border:1px solid rgba(196,113,255,.35);box-shadow:none;}\r\n.ramonda-page .o3-cta-sec:hover{background:rgba(196,113,255,.08);border-color:var(--accent);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .o3-note{text-align:center;font-size:.8rem;color:var(--muted)!important;margin-top:28px;padding:0 24px;}\r\n.ramonda-page .o3-note + .o3-note{margin-top:6px;}\r\n@media(max-width:1024px){.ramonda-page .o3-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}.ramonda-page .o3-card.o3-featured{order:-1;}}\r\n@media(prefers-reduced-motion:reduce){.ramonda-page .o3-card,.ramonda-page .o3-cta{transition:none;}.ramonda-page .o3-card:hover,.ramonda-page .o3-cta:hover{transform:none;}}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\"><section class=\"offer3-sec\" id=\"ponuda\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-hd\">\r\n      <div class=\"tag\">Aktuelno iz ponude<\/div>\r\n      <h2 class=\"sec-title\">Tri konfiguracije koje vredi pogledati<\/h2>\r\n      <p class=\"sec-sub\">Izaberi polaznu ta\u010dku \u2014 mi je prilago\u0111avamo ta\u010dno tvom bud\u017eetu i igrama koje igra\u0161. Klikni \"Zatra\u017ei ponudu\" i za par minuta dobija\u0161 konkretan predlog.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"o3-grid\">\r\n\r\n      <!-- KARTICA 1 \u2014 830\u20ac -->\r\n      <article class=\"o3-card\">\r\n        <img decoding=\"async\" alt=\"Gaming Start konfiguracija\" class=\"o3-img\" loading=\"lazy\" src=\"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp\"\/>\r\n        <div class=\"o3-body\">\r\n          <span class=\"o3-tier\">Start<\/span>\r\n          <h3 class=\"o3-name\">Gaming Start 1080p<\/h3>\r\n          <p class=\"o3-desc\">Najpovoljniji ulazak u novu generaciju grafike. Odli\u010dan za e-sport i 1080p gejming.<\/p>\r\n          <div class=\"o3-specs\">\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Procesor<\/span><span class=\"o3-val\"><strong>AMD Ryzen 5 5500<\/strong><\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Grafi\u010dka<\/span><span class=\"o3-val\"><strong>Gigabyte RTX 5060 8GB<\/strong> GDDR7 \u00b7 DLSS 4<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Memorija<\/span><span class=\"o3-val\">16GB G.Skill DDR4 3200MHz<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">SSD<\/span><span class=\"o3-val\">512GB PNY NVMe<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Napajanje<\/span><span class=\"o3-val\">DeepCool 650W 80 Plus<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Hla\u0111enje<\/span><span class=\"o3-val\">Zeus kuler<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Ku\u0107i\u0161te<\/span><span class=\"o3-val\">Po tvom izboru<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"o3-foot\">\r\n            <div class=\"o3-price-row\"><span class=\"o3-price-from\">od<\/span><span class=\"o3-price\">830\u20ac<\/span><\/div>\r\n            <p class=\"o3-price-note\">Kompletna konfiguracija, sklopljena i testirana<\/p>\r\n            <button class=\"o3-cta o3-cta-sec racunar-za-tebe-btn\" data-pc-budzet=\"800-1200\u20ac\" data-pc-namena=\"Gaming\" type=\"button\">Zatra\u017ei ponudu<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KARTICA 2 \u2014 1070\u20ac (ISTAKNUTA) -->\r\n      <article class=\"o3-card o3-featured\">\r\n        <span class=\"o3-ribbon\">Najtra\u017eeniji izbor<\/span>\r\n        <img decoding=\"async\" alt=\"Gaming Plus konfiguracija\" class=\"o3-img\" loading=\"lazy\" src=\"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa1.webp\"\/>\r\n        <div class=\"o3-body\">\r\n          <span class=\"o3-tier\">Plus<\/span>\r\n          <h3 class=\"o3-name\">Gaming Plus 1080p<\/h3>\r\n          <p class=\"o3-desc\">Najbolji odnos cene i performansi \u2014 ja\u010di procesor, dupla memorija i 1TB prostora.<\/p>\r\n          <div class=\"o3-specs\">\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Procesor<\/span><span class=\"o3-val\"><strong>AMD Ryzen 5 5600X<\/strong><\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Grafi\u010dka<\/span><span class=\"o3-val\"><strong>Gigabyte RTX 5060 8GB<\/strong> Windforce OC \u00b7 GDDR7 \u00b7 DLSS 4<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Memorija<\/span><span class=\"o3-val\">32GB G.Skill DDR4 3600MHz<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">SSD<\/span><span class=\"o3-val\">1TB Kingston NV3 NVMe<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Napajanje<\/span><span class=\"o3-val\">DeepCool 650W 80 Plus<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Hla\u0111enje<\/span><span class=\"o3-val\">Zeus kuler<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Ku\u0107i\u0161te<\/span><span class=\"o3-val\">Po tvom izboru<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"o3-foot\">\r\n            <div class=\"o3-price-row\"><span class=\"o3-price-from\">od<\/span><span class=\"o3-price\">1.070\u20ac<\/span><\/div>\r\n            <p class=\"o3-price-note\">Kompletna konfiguracija, sklopljena i testirana<\/p>\r\n            <button class=\"o3-cta racunar-za-tebe-btn\" data-pc-budzet=\"800-1200\u20ac\" data-pc-namena=\"Gaming\" type=\"button\">Zatra\u017ei ponudu<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- KARTICA 3 \u2014 1700\u20ac -->\r\n      <article class=\"o3-card\">\r\n        <img decoding=\"async\" alt=\"Gaming Pro konfiguracija\" class=\"o3-img\" loading=\"lazy\" src=\"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/5.1.webp\"\/>\r\n        <div class=\"o3-body\">\r\n          <span class=\"o3-tier\">Pro<\/span>\r\n          <h3 class=\"o3-name\">Gaming Pro 1440p<\/h3>\r\n          <p class=\"o3-desc\">Nova AM5 platforma sa DDR5 memorijom \u2014 spremna za 1440p i budu\u0107e nadogradnje.<\/p>\r\n          <div class=\"o3-specs\">\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Procesor<\/span><span class=\"o3-val\"><strong>AMD Ryzen 5 9600X<\/strong> \u00b7 AM5<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Grafi\u010dka<\/span><span class=\"o3-val\"><strong>Gigabyte RTX 5070 12GB<\/strong> Windforce OC \u00b7 GDDR7 \u00b7 DLSS 4<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Memorija<\/span><span class=\"o3-val\">32GB ADATA XPG DDR5 6000MHz<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">SSD<\/span><span class=\"o3-val\">2TB Crucial NVMe<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Napajanje<\/span><span class=\"o3-val\">Cooler Master 750W Bronze<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Hla\u0111enje<\/span><span class=\"o3-val\">Zeus kuler<\/span><\/div>\r\n            <div class=\"o3-row\"><span class=\"o3-lbl\">Ku\u0107i\u0161te<\/span><span class=\"o3-val\">Po tvom izboru<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"o3-foot\">\r\n            <div class=\"o3-price-row\"><span class=\"o3-price-from\">od<\/span><span class=\"o3-price\">1.700\u20ac<\/span><\/div>\r\n            <p class=\"o3-price-note\">Kompletna konfiguracija, sklopljena i testirana<\/p>\r\n            <button class=\"o3-cta o3-cta-sec racunar-za-tebe-btn\" data-pc-budzet=\"1200-2000\u20ac\" data-pc-namena=\"Gaming\" type=\"button\">Zatra\u017ei ponudu<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"o3-note\">Prilago\u0111avamo konfiguraciju ta\u010dno tvom bud\u017eetu i potrebama. Cena zavisi od trenutne dostupnosti komponenti.<\/p>\r\n    <p class=\"o3-note\">Slike su ilustrativnog karaktera i predstavljaju neke od na\u0161ih prethodnih radova.<\/p>\r\n  <\/div>\r\n<\/section><\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf0698e elementor-widget elementor-widget-html\" data-id=\"bf0698e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:70px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3{color:var(--white);}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white);}\r\n.ramonda-page .sec-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);text-decoration:none;}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n\r\n\/* ===== KAKO \u2014 redizajn: dve kolone + vertikalna putanja ===== *\/\r\n.ramonda-page .how{padding:80px 0;background:var(--bg);position:relative;overflow:hidden;}\r\n.ramonda-page .how::before{content:\"\";position:absolute;top:-120px;left:-160px;width:480px;height:480px;background:radial-gradient(circle,var(--glow-soft),transparent 65%);pointer-events:none;}\r\n.ramonda-page .how-grid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start;position:relative;}\r\n\r\n\/* leva kolona \u2014 naslov + CTA *\/\r\n.ramonda-page .how-intro{position:sticky;top:calc(var(--nav-h) + 30px);}\r\n.ramonda-page .how-intro .sec-sub{margin-bottom:32px;}\r\n.ramonda-page .how-note{display:flex;align-items:center;gap:12px;margin-top:22px;color:var(--gray);font-size:.85rem;}\r\n.ramonda-page .how-note::before{content:\"\";width:26px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);flex:none;}\r\n\r\n\/* desna kolona \u2014 koraci na svetle\u0107oj liniji *\/\r\n.ramonda-page .path{position:relative;padding-left:34px;}\r\n.ramonda-page .path::before{content:\"\";position:absolute;left:0;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,rgba(196,113,255,.55),rgba(124,58,237,.35),rgba(196,113,255,.08));border-radius:2px;}\r\n.ramonda-page .pstep{position:relative;padding:26px 30px 26px 40px;border:1px solid var(--border);border-radius:var(--rl);background:linear-gradient(160deg,var(--card),rgba(17,18,40,.55));transition:border-color .22s,transform .22s,box-shadow .22s;}\r\n.ramonda-page .pstep + .pstep{margin-top:26px;}\r\n.ramonda-page .pstep:hover{border-color:var(--border-p);transform:translateX(6px);box-shadow:0 0 26px var(--glow-soft);}\r\n\/* \u010dvor na liniji *\/\r\n.ramonda-page .pstep::before{content:\"\";position:absolute;left:-40px;top:32px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 10px var(--glow);}\r\n\/* spojnica od linije do kartice *\/\r\n.ramonda-page .pstep::after{content:\"\";position:absolute;left:-27px;top:38px;width:27px;height:1px;background:linear-gradient(90deg,rgba(196,113,255,.5),transparent);}\r\n.ramonda-page .pstep-hd{display:flex;align-items:baseline;gap:16px;margin-bottom:10px;}\r\n.ramonda-page .pstep-n{font-family:var(--fd);font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.22);padding:4px 10px;border-radius:6px;flex:none;}\r\n.ramonda-page .pstep-t{font-family:var(--fd);font-size:.95rem;font-weight:700;line-height:1.35;color:var(--white);}\r\n.ramonda-page .pstep-p{font-size:.9rem;color:var(--gray);line-height:1.7;max-width:480px;}\r\n.ramonda-page .pstep-meta{margin-top:14px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}\r\n.ramonda-page .pstep:hover .pstep-meta{color:var(--accent);transition:color .22s;}\r\n\r\n@media(max-width:900px){\r\n  .ramonda-page .how{padding:60px 0;}\r\n  .ramonda-page .how-grid{grid-template-columns:1fr;gap:44px;}\r\n  .ramonda-page .how-intro{position:static;}\r\n}\r\n@media(max-width:520px){\r\n  .ramonda-page .path{padding-left:26px;}\r\n  .ramonda-page .pstep{padding:22px 20px 22px 24px;}\r\n  .ramonda-page .pstep::before{left:-32px;}\r\n  .ramonda-page .pstep::after{left:-19px;width:19px;}\r\n  .ramonda-page .pstep-hd{flex-direction:column;gap:8px;}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n  .ramonda-page .pstep,.ramonda-page .btn{transition:none;}\r\n  .ramonda-page .pstep:hover{transform:none;}\r\n  .ramonda-page .btn-prim:hover{transform:none;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\">\r\n\r\n<section class=\"how\" id=\"kako\">\r\n  <div class=\"wrap\">\r\n    <div class=\"how-grid\">\r\n\r\n      <!-- LEVO: naslov + CTA (menja staru CTA traku) -->\r\n      <div class=\"how-intro\">\r\n        <div class=\"tag\">Proces kupovine<\/div>\r\n        <h2 class=\"sec-title\">Kako funkcioni\u0161e kupovina?<\/h2>\r\n        <p class=\"sec-sub\">Ne mora\u0161 da zna\u0161 komponente. Ostavi broj, reci nam bud\u017eet i namenu, a mi ti predla\u017eemo konfiguraciju koja ima smisla.<\/p>\r\n        <a class=\"btn btn-prim\" href=\"#forma\">Ostavi broj \u2014 dobij preporuku \u2192<\/a>\r\n        <p class=\"how-note\">Bez obaveze. Javljamo se u toku dana.<\/p>\r\n      <\/div>\r\n\r\n      <!-- DESNO: koraci na svetle\u0107oj liniji -->\r\n      <div class=\"path\">\r\n        <div class=\"pstep\">\r\n          <div class=\"pstep-hd\">\r\n            <span class=\"pstep-n\">Korak 01<\/span>\r\n            <h3 class=\"pstep-t\">Ostavi broj i osnovne informacije<\/h3>\r\n          <\/div>\r\n          <p class=\"pstep-p\">Napi\u0161i za \u0161ta ti treba ra\u010dunar i koliki ti je bud\u017eet. Ne mora\u0161 da zna\u0161 komponente.<\/p>\r\n          <p class=\"pstep-meta\">Traje manje od minut<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"pstep\">\r\n          <div class=\"pstep-hd\">\r\n            <span class=\"pstep-n\">Korak 02<\/span>\r\n            <h3 class=\"pstep-t\">Dobija\u0161 predlog konfiguracije<\/h3>\r\n          <\/div>\r\n          <p class=\"pstep-p\">Predla\u017eemo ra\u010dunar koji ima smisla za tvoju namenu i bud\u017eet. Kontaktiramo te direktno.<\/p>\r\n          <p class=\"pstep-meta\">Predlog skrojen po nameni<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"pstep\">\r\n          <div class=\"pstep-hd\">\r\n            <span class=\"pstep-n\">Korak 03<\/span>\r\n            <h3 class=\"pstep-t\">Dogovaramo kupovinu i isporuku<\/h3>\r\n          <\/div>\r\n          <p class=\"pstep-p\">Nakon potvrde, ra\u010dunar se priprema, testira i \u0161alje ili preuzima li\u010dno po dogovoru.<\/p>\r\n          <p class=\"pstep-meta\">Testirano pre isporuke<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-209a531 elementor-widget elementor-widget-html\" data-id=\"209a531\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:70px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page img{max-width:100%;display:block;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page input,.ramonda-page select,.ramonda-page textarea{font-family:var(--fb);}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3,.ramonda-page h4,.ramonda-page h5,.ramonda-page h6{color:var(--white);}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white);}\r\n.ramonda-page .sec-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .sec-hd{text-align:center;margin-bottom:60px;}\r\n.ramonda-page .sec-hd .sec-sub{margin:0 auto;}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n.ramonda-page .btn-sec{background:transparent;color:var(--white);border:1px solid var(--border2);}\r\n.ramonda-page .btn-sec:hover{background:var(--card);border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .btn-xl{padding:19px 44px;font-size:1.08rem;border-radius:var(--rl);font-weight:700;}\r\n.ramonda-page .sec-cta-bar{padding:36px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .sec-cta-bar-alt{padding:36px 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .scb-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.ramonda-page .scb-txt{font-size:1rem;color:var(--gray);font-weight:500;}\r\n@media(max-width:768px){.ramonda-page .scb-inner{flex-direction:column;text-align:center;}.ramonda-page .scb-txt{font-size:.9rem;}}\r\n<\/style>\r\n<!-- ============================================================\r\n   RAMONDA COMPUTERS \u2014 06 UTISCI KUPACA\r\n   Nezavisna sekcija: recenzije + KP trust bar + CTA traka\r\n   ============================================================ -->\r\n<style>\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white)!important;}\r\n.ramonda-page .sec-sub{color:var(--gray)!important;font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;border:none;box-shadow:var(--glow-btn);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);text-decoration:none;}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);}\r\n.ramonda-page .btn-sec{background:transparent;color:var(--white);border:1px solid var(--border2);display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--r);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--fb);}\r\n.ramonda-page .btn-sec:hover{background:var(--card);border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .proof{padding:100px 0;background:var(--bg2);}\r\n.ramonda-page .soc-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;}\r\n.ramonda-page .soc-btn{display:flex;align-items:center;gap:10px;padding:13px 22px;background:var(--card);border:1px solid var(--border2);border-radius:var(--r);font-weight:500;font-size:.9rem;transition:all .2s;cursor:pointer;text-decoration:none;color:var(--white)!important;}\r\n.ramonda-page .soc-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}\r\n.ramonda-page .review{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:26px;}\r\n.ramonda-page .stars{color:#fbbf24;font-size:.9rem;margin-bottom:10px;}\r\n.ramonda-page .review-txt{font-size:.875rem;color:var(--gray)!important;line-height:1.65;margin-bottom:14px;}\r\n.ramonda-page .review-author{font-weight:600;font-size:.83rem;color:var(--white)!important;}\r\n.ramonda-page .review-platform{font-size:.75rem;color:var(--muted)!important;}\r\n.ramonda-page .kp-trust-bar{margin-top:32px;display:flex;justify-content:center;}\r\n.ramonda-page .kp-trust-link{display:inline-flex;align-items:center;gap:16px;padding:16px 24px;background:var(--card);border:1px solid rgba(196,113,255,.25);border-radius:var(--rl);text-decoration:none;color:var(--white)!important;transition:all .2s;box-shadow:0 0 16px var(--glow-soft);}\r\n.ramonda-page .kp-trust-link:hover{border-color:var(--accent);transform:translateY(-2px);}\r\n.ramonda-page .kp-score{font-family:var(--fd);font-size:2.2rem;font-weight:900;color:var(--accent);line-height:1;}\r\n.ramonda-page .kp-score-info{display:flex;flex-direction:column;gap:3px;}\r\n.ramonda-page .kp-score-label{font-weight:700;font-size:.9rem;color:var(--white)!important;}\r\n.ramonda-page .kp-score-sub{font-size:.78rem;color:var(--gray)!important;}\r\n.ramonda-page .sec-cta-bar-alt{padding:36px 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .scb-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.ramonda-page .scb-txt{font-size:1rem;color:var(--gray)!important;font-weight:500;}\r\n@media(max-width:768px){.ramonda-page .reviews{grid-template-columns:1fr;}.ramonda-page .soc-btns{flex-direction:column;}.ramonda-page .scb-inner{flex-direction:column;text-align:center;}}\r\n@media(max-width:480px){.ramonda-page .kp-trust-link{padding:12px 16px;gap:12px;}.ramonda-page .kp-score{font-size:1.8rem;}}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\"><section class=\"proof\" id=\"utisci\">\r\n  <div class=\"wrap\">\r\n    <div class=\"tag\">Utisci kupaca<\/div>\r\n    <h2 class=\"sec-title\">\u0160ta ka\u017eu na\u0161i kupci?<\/h2>\r\n    <p class=\"sec-sub\" style=\"margin-bottom:24px\">Oglase i utiske mo\u017eete pogledati i na na\u0161im kanalima.<\/p>\r\n    <div class=\"soc-btns\">\r\n      <a class=\"soc-btn\" href=\"https:\/\/www.kupujemprodajem.com\/ramonda-computers\/svi-oglasi\/840493\/1\" id=\"kp-klik\" rel=\"noopener\" target=\"_blank\">\ud83d\udecd Pogledaj KupujemProdajem<\/a>\r\n      <a class=\"soc-btn\" href=\"https:\/\/www.instagram.com\/ramonda_computers\/\" id=\"ig-klik\" rel=\"noopener\" target=\"_blank\">\ud83d\udcf7 Pogledaj Instagram<\/a>\r\n      <button class=\"btn btn-sec racunar-za-tebe-btn\" type=\"button\">Ostavi broj za ponudu<\/button>\r\n    <\/div>\r\n    <div class=\"reviews\">\r\n      <div class=\"review\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"review-txt\">\"Pre svega normalan \u010dovek i prodavac, \u0161to je retko na ovom sajtu. Jednostavno, brzo i kvalitetno. Sve preporuke.\"<\/p><div class=\"review-author\">Du\u0161an J.<\/div><div class=\"review-platform\"><a href=\"https:\/\/www.kupujemprodajem.com\/ramonda-computers\/ocene\/840493\/1?userType=all&rate=positive\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:none\" target=\"_blank\">KupujemProdajem \u2197<\/a> \u00b7 Verifikovana \u00b7 Kompjuteri<\/div><\/div>\r\n      <div class=\"review\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"review-txt\">\"Svaka preporuka, \u010dovek na mestu, skidam kapu! Veoma profesionalni i pouzdani, odli\u010dna i brza saradnja.\"<\/p><div class=\"review-author\">Vlada &amp; Strale W.<\/div><div class=\"review-platform\"><a href=\"https:\/\/www.kupujemprodajem.com\/ramonda-computers\/ocene\/840493\/1?userType=all&rate=positive\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:none\" target=\"_blank\">KupujemProdajem \u2197<\/a> \u00b7 Verifikovana ocena<\/div><\/div>\r\n      <div class=\"review\"><div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div><p class=\"review-txt\">\"Kao i uvek, lagana saradnja, preporuka! Sve za \u010distu desetku.\"<\/p><div class=\"review-author\">Nenad N.<\/div><div class=\"review-platform\"><a href=\"https:\/\/www.kupujemprodajem.com\/ramonda-computers\/ocene\/840493\/1?userType=all&rate=positive\" rel=\"noopener\" style=\"color:var(--accent);text-decoration:none\" target=\"_blank\">KupujemProdajem \u2197<\/a> \u00b7 Kompjuteri<\/div><\/div>\r\n    <\/div>\r\n    <div class=\"kp-trust-bar\">\r\n      <a class=\"kp-trust-link\" href=\"https:\/\/www.kupujemprodajem.com\/ramonda-computers\/ocene\/840493\/1?userType=all&rate=positive\" rel=\"noopener\" target=\"_blank\">\r\n        <span class=\"kp-score\">331<\/span>\r\n        <div class=\"kp-score-info\"><span class=\"kp-score-label\">pozitivnih ocena na KP<\/span><span class=\"kp-score-sub\">0 negativnih \u00b7 \u010clan od 22.02.2015. godine<\/span><\/div>\r\n        <svg fill=\"none\" height=\"16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"16\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path><polyline points=\"15 3 21 3 21 9\"><\/polyline><line x1=\"10\" x2=\"21\" y1=\"14\" y2=\"3\"><\/line><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"sec-cta-bar-alt\">\r\n  <div class=\"wrap\">\r\n    <div class=\"scb-inner\">\r\n      <p class=\"scb-txt\">Prou\u010dio si utiske - vreme je za tvoj ra\u010dunar.<\/p>\r\n      <a class=\"btn btn-prim\" href=\"#forma\" onclick=\"scrollToForma(event)\">Po\u0161alji mi predlog ra\u010dunara \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById(\"ig-klik\")?.addEventListener(\"click\",()=>{if(typeof gtag===\"function\")gtag(\"event\",\"klik_instagram\");});\r\ndocument.getElementById(\"kp-klik\")?.addEventListener(\"click\",()=>{if(typeof gtag===\"function\")gtag(\"event\",\"klik_kupujemprodajem\");});\r\n<\/script>\r\n\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d15c96 elementor-widget elementor-widget-html\" data-id=\"2d15c96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:70px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page img{max-width:100%;display:block;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page input,.ramonda-page select,.ramonda-page textarea{font-family:var(--fb);}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3,.ramonda-page h4,.ramonda-page h5,.ramonda-page h6{color:var(--white);}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white);}\r\n.ramonda-page .sec-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .sec-hd{text-align:center;margin-bottom:60px;}\r\n.ramonda-page .sec-hd .sec-sub{margin:0 auto;}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n.ramonda-page .btn-sec{background:transparent;color:var(--white);border:1px solid var(--border2);}\r\n.ramonda-page .btn-sec:hover{background:var(--card);border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .btn-xl{padding:19px 44px;font-size:1.08rem;border-radius:var(--rl);font-weight:700;}\r\n.ramonda-page .sec-cta-bar{padding:36px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .sec-cta-bar-alt{padding:36px 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .scb-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.ramonda-page .scb-txt{font-size:1rem;color:var(--gray);font-weight:500;}\r\n@media(max-width:768px){.ramonda-page .scb-inner{flex-direction:column;text-align:center;}.ramonda-page .scb-txt{font-size:.9rem;}}\r\n<\/style>\r\n<!-- ============================================================\r\n   RAMONDA COMPUTERS \u2014 07 FAQ + CTA\r\n   Nezavisna sekcija: FAQ accordion + CTA traka\r\n   IZMENE:\r\n   - Izba\u010dena blog sekcija (kartice + dugme + CSS)\r\n   - Popravljeno: scrollToForma je bila pozivana a nigde definisana\r\n     (bacala je JS gre\u0161ku pri kliku) - sada je definisana sa glatkim\r\n     skrolom do forme\r\n   - FAQ odgovori se vi\u0161e ne seku na 220px - visina se ra\u010duna\r\n     automatski, pa i du\u017ei odgovori i mobilni prikaz rade ispravno\r\n   - FAQ pristupa\u010dnost: aria-expanded na pitanjima\r\n   ============================================================ -->\r\n<style>\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white)!important;}\r\n.ramonda-page .sec-sub{color:var(--gray)!important;font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .sec-hd{text-align:center;margin-bottom:60px;}.ramonda-page .sec-hd .sec-sub{margin:0 auto;}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;border:none;box-shadow:var(--glow-btn);display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;font-family:var(--fb);text-decoration:none;}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);}\r\n\/* FAQ *\/\r\n.ramonda-page .faq{padding:100px 0;background:var(--bg2);}\r\n.ramonda-page .faq-list{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:10px;}\r\n.ramonda-page .faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .2s;}\r\n.ramonda-page .faq-item.open{border-color:var(--border-p);box-shadow:0 0 16px var(--glow-soft);}\r\n.ramonda-page .faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:600;font-size:.93rem;cursor:pointer;width:100%;text-align:left;background:none;border:none;color:var(--white)!important;font-family:var(--fb);transition:color .2s;}\r\n.ramonda-page .faq-q:hover{color:var(--accent)!important;}\r\n.ramonda-page .faq-arr{flex-shrink:0;width:26px;height:26px;background:rgba(255,255,255,.06);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:transform .3s,background .2s;color:var(--gray);}\r\n.ramonda-page .faq-item.open .faq-arr{transform:rotate(180deg);background:rgba(196,113,255,.15);color:var(--accent);}\r\n.ramonda-page .faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease;}\r\n.ramonda-page .faq-a-in{padding:0 22px 18px;font-size:.875rem;color:var(--gray)!important;line-height:1.7;}\r\n.ramonda-page .sec-cta-bar{padding:36px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .scb-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.ramonda-page .scb-txt{font-size:1rem;color:var(--gray)!important;font-weight:500;}\r\n@media(max-width:768px){.ramonda-page .scb-inner{flex-direction:column;text-align:center;}}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\">\r\n\r\n\r\n<section class=\"faq\" id=\"faq\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-hd\">\r\n      <div class=\"tag\">\u010cesta pitanja<\/div>\r\n      <h2 class=\"sec-title\">Ima\u0161 pitanje?<\/h2>\r\n      <p class=\"sec-sub\">Naj\u010de\u0161\u0107e \u0161to nas pitaju kupci pre nego \u0161to ostave upit.<\/p>\r\n    <\/div>\r\n    <div class=\"faq-list\">\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li moram da znam koje komponente \u017eelim?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Ne. Dovoljno je da napi\u0161e\u0161 bud\u017eet i za \u0161ta ti treba ra\u010dunar. Mi predla\u017eemo konfiguraciju.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li mogu da ostavim samo broj telefona?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Da, to je sasvim dovoljno. Kontaktiramo te i razgovaramo o bud\u017eetu tokom poziva.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li je upit obavezuju\u0107i?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Ne. Upit je potpuno neobavezan. Kontaktira\u0107emo te sa predlogom, bez pritiska.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li mogu da kupim i monitor, tastaturu i mi\u0161?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Da. Uz ra\u010dunar mo\u017eemo predlo\u017eiti i kompletnu opremu po tvom bud\u017eetu.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li \u0161aljete ra\u010dunare van Beograda?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Da. Dostava za celu Srbiju kurirskom slu\u017ebom uz pa\u017eljivo pakovanje.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Da li ra\u010dunar dolazi spreman za kori\u0161\u0107enje?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Da. Ra\u010dunar se sklapa, testira i po dogovoru instalira OS. Primi\u0161 ga spreman za kori\u0161\u0107enje.<\/div><\/div><\/div>\r\n      <div class=\"faq-item\"><button class=\"faq-q\" aria-expanded=\"false\" type=\"button\">Koliko dugo traje ceo proces?<span class=\"faq-arr\">\u25be<\/span><\/button><div class=\"faq-a\"><div class=\"faq-a-in\">Obi\u010dno kontaktiramo isti ili slede\u0107i dan. Kada se dogovorimo, ra\u010dunar je gotov za nekoliko dana.<\/div><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"sec-cta-bar\">\r\n  <div class=\"wrap\">\r\n    <div class=\"scb-inner\">\r\n      <p class=\"scb-txt\">Prou\u010dio si sve \u0161to te interesuje?<\/p>\r\n      <a class=\"btn btn-prim\" href=\"#forma\" onclick=\"scrollToForma(event)\">Ostavi broj i dobij preporuku \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* FIX: scrollToForma je bila pozivana u onclick a nigde definisana (JS gre\u0161ka pri kliku).\r\n   Sada glatko skroluje do forme; ako forme nema na stranici, pu\u0161ta obi\u010dan anchor. *\/\r\nif (typeof window.scrollToForma !== \"function\") {\r\n  window.scrollToForma = function(e) {\r\n    var f = document.getElementById(\"forma\");\r\n    if (!f) return; \/* nema forme na ovoj stranici - pusti podrazumevani #forma link *\/\r\n    if (e) e.preventDefault();\r\n    f.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n    if (history.replaceState) history.replaceState(null, \"\", \"#forma\");\r\n  };\r\n}\r\n\r\n\/* FAQ accordion\r\n   FIX: visina odgovora se sada ra\u010duna iz stvarnog sadr\u017eaja (scrollHeight)\r\n   umesto fiksnih 220px, pa se du\u017ei odgovori vi\u0161e ne seku. *\/\r\ndocument.querySelectorAll(\".faq-q\").forEach(function(btn) {\r\n  btn.addEventListener(\"click\", function() {\r\n    var item = btn.closest(\".faq-item\");\r\n    var isOpen = item.classList.contains(\"open\");\r\n    \/* zatvori sve otvorene *\/\r\n    document.querySelectorAll(\".faq-item.open\").forEach(function(i) {\r\n      i.classList.remove(\"open\");\r\n      var a = i.querySelector(\".faq-a\");\r\n      if (a) a.style.maxHeight = \"0px\";\r\n      var q = i.querySelector(\".faq-q\");\r\n      if (q) q.setAttribute(\"aria-expanded\", \"false\");\r\n    });\r\n    \/* otvori kliknuto (ako nije ve\u0107 bilo otvoreno) *\/\r\n    if (!isOpen) {\r\n      item.classList.add(\"open\");\r\n      var ans = item.querySelector(\".faq-a\");\r\n      if (ans) ans.style.maxHeight = ans.scrollHeight + \"px\";\r\n      btn.setAttribute(\"aria-expanded\", \"true\");\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d397039 elementor-widget elementor-widget-html\" data-id=\"d397039\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Host+Grotesk:wght@400;500;600;700&display=swap');\r\n.ramonda-page{--bg:#06070e;--bg2:#0b0c1a;--card:#111228;--accent:#c471ff;--accent-d:#7c3aed;--glow:rgba(196,113,255,.4);--glow-soft:rgba(196,113,255,.18);--glow-btn:0 0 12px rgba(196,113,255,.35),0 8px 24px rgba(124,58,237,.25);--glow-btn-h:0 0 22px rgba(196,113,255,.55),0 12px 32px rgba(124,58,237,.38);--blue:#38bdf8;--green:#34d399;--white:#edf0ff;--gray:#8390b5;--muted:#3a3f60;--border:rgba(255,255,255,.06);--border2:rgba(255,255,255,.11);--border-p:rgba(196,113,255,.28);--fd:\"Unbounded\",sans-serif;--fb:\"DM Sans\",sans-serif;--fh:\"Host Grotesk\",sans-serif;--nav-h:70px;--r:10px;--rl:18px;--max:1200px;}\r\n.ramonda-page,.ramonda-page *,.ramonda-page *::before,.ramonda-page *::after{box-sizing:border-box;margin:0;padding:0;}\r\n.ramonda-page{background:var(--bg);color:var(--white);font-family:var(--fb);line-height:1.65;-webkit-font-smoothing:antialiased;}\r\n.ramonda-page img{max-width:100%;display:block;}\r\n.ramonda-page a{text-decoration:none;color:inherit;}\r\n.ramonda-page button{cursor:pointer;font-family:var(--fb);border:none;background:none;}\r\n.ramonda-page input,.ramonda-page select,.ramonda-page textarea{font-family:var(--fb);}\r\n.ramonda-page ul{list-style:none;}\r\n.ramonda-page h1,.ramonda-page h2,.ramonda-page h3,.ramonda-page h4,.ramonda-page h5,.ramonda-page h6{color:var(--white);}\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white);}\r\n.ramonda-page .sec-sub{color:var(--gray);font-size:1rem;line-height:1.7;max-width:560px;}\r\n.ramonda-page .sec-hd{text-align:center;margin-bottom:60px;}\r\n.ramonda-page .sec-hd .sec-sub{margin:0 auto;}\r\n.ramonda-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;white-space:nowrap;font-family:var(--fb);}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff;border:none;box-shadow:var(--glow-btn);}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:var(--glow-btn-h);}\r\n.ramonda-page .btn-sec{background:transparent;color:var(--white);border:1px solid var(--border2);}\r\n.ramonda-page .btn-sec:hover{background:var(--card);border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--glow-soft);}\r\n.ramonda-page .btn-xl{padding:19px 44px;font-size:1.08rem;border-radius:var(--rl);font-weight:700;}\r\n.ramonda-page .sec-cta-bar{padding:36px 0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .sec-cta-bar-alt{padding:36px 0;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}\r\n.ramonda-page .scb-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}\r\n.ramonda-page .scb-txt{font-size:1rem;color:var(--gray);font-weight:500;}\r\n@media(max-width:768px){.ramonda-page .scb-inner{flex-direction:column;text-align:center;}.ramonda-page .scb-txt{font-size:.9rem;}}\r\n<\/style>\r\n<!-- ============================================================\r\n   RAMONDA COMPUTERS \u2014 08 FORMA NA DNU + FOOTER + STICKY + MODAL\r\n   Nezavisna sekcija: poslednji fajl na stranici, zatvara ramonda-page div\r\n   IZMENE:\r\n   - Bud\u017eet u upitniku: ru\u010dni unos cifre (min. 500 \u20ac) umesto kartica\r\n   - Poruka ako se unese manje od 500 \u20ac\r\n   - Izba\u010den korak \"Komponente\" (upitnik sada ima 2 koraka)\r\n   - Modal skra\u0107en i zbijen (manji razmaci, ni\u017ea forma)\r\n   - validatePhone fallback + mobilne ispravke (font 16px, bez iOS zuma)\r\n   - NOVO: auto-otvaranje modala kada neko do\u0111e na URL sa #forma\r\n   - Futer: izba\u010den mejl, ostali telefon, adresa i Viber\/WhatsApp\r\n   ============================================================ -->\r\n<style>\r\n.ramonda-page .wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}\r\n.ramonda-page .tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--fd);font-size:.6rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:rgba(196,113,255,.1);border:1px solid rgba(196,113,255,.28);padding:5px 13px;border-radius:100px;margin-bottom:18px;box-shadow:0 0 12px var(--glow-soft);}\r\n.ramonda-page .sec-title{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;color:var(--white)!important;}\r\n.ramonda-page .btn-prim{background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;border:none;box-shadow:var(--glow-btn);display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .22s;font-family:var(--fb);text-decoration:none;}\r\n.ramonda-page .btn-prim:hover{filter:brightness(1.1);transform:translateY(-3px);}\r\n\/* FORMA NA DNU *\/\r\n.ramonda-page .bottom-form-sec{padding:90px 0;background:var(--bg2);border-top:1px solid var(--border);}\r\n.ramonda-page .bfs-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}\r\n.ramonda-page .bfs-sub{font-size:.95rem;color:var(--gray)!important;line-height:1.7;margin-bottom:22px;}\r\n.ramonda-page .bfs-bullets{display:flex;flex-direction:column;gap:9px;}\r\n.ramonda-page .bfs-b{display:flex;align-items:center;gap:9px;font-size:.88rem;color:var(--gray)!important;}\r\n.ramonda-page .bfs-b svg{color:var(--green);flex-shrink:0;}\r\n.ramonda-page .bfs-right{background:var(--card);border:1px solid var(--border-p);border-radius:var(--rl);padding:28px;position:relative;}\r\n.ramonda-page .bfs-right::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-d),var(--accent),transparent);box-shadow:0 0 10px var(--glow);border-radius:var(--rl) var(--rl) 0 0;}\r\n.ramonda-page .bfs-label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray)!important;margin-bottom:10px;}\r\n.ramonda-page .bfs-row{display:flex;gap:10px;}\r\n.ramonda-page .bfs-inp{flex:1;background:rgba(255,255,255,.05);border:1.5px solid var(--border2);border-radius:var(--r);color:var(--white);font-size:1rem;font-family:var(--fb);padding:13px 15px;outline:none;transition:border-color .2s;min-height:50px;}\r\n.ramonda-page .bfs-inp::placeholder{color:var(--muted);}\r\n.ramonda-page .bfs-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,113,255,.12);}\r\n.ramonda-page .bfs-done{display:none;text-align:center;padding:20px 0;color:var(--white)!important;}\r\n.ramonda-page .bfs-done.show{display:block;}\r\n.ramonda-page .form-hint{text-align:left;font-size:.78rem;color:var(--muted)!important;margin-top:10px;line-height:1.5;}\r\n\/* FOOTER *\/\r\n.ramonda-page .footer{background:var(--card);border-top:1px solid var(--border);padding:64px 0 0;}\r\n.ramonda-page .footer-grid{display:grid;grid-template-columns:1fr;gap:48px;padding-bottom:48px;}\r\n.ramonda-page .f-logo{font-family:var(--fd);font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:11px;margin-bottom:14px;}\r\n.ramonda-page .f-logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid rgba(196,113,255,.25);}\r\n.ramonda-page .f-logo-txt{background:linear-gradient(135deg,var(--accent),var(--accent-d));-webkit-background-clip:text;color:transparent!important;background-clip:text!important;}\r\n.ramonda-page .f-desc{font-size:.85rem;color:var(--gray)!important;line-height:1.65;margin-bottom:20px;}\r\n.ramonda-page .f-ci{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--gray)!important;margin-bottom:8px;}\r\n.ramonda-page .f-ci a{color:var(--gray)!important;transition:color .2s;}.ramonda-page .f-ci a:hover{color:var(--accent)!important;}\r\n.ramonda-page .f-ci-ic{color:var(--accent);width:16px;text-align:center;}\r\n.ramonda-page .f-col-h{font-family:var(--fd);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--gray)!important;margin-bottom:16px;}\r\n.ramonda-page .f-links{display:flex;flex-direction:column;gap:10px;}\r\n.ramonda-page .f-links a{font-size:.85rem;color:var(--gray)!important;transition:color .2s;}.ramonda-page .f-links a:hover{color:var(--white)!important;}\r\n.ramonda-page .footer-bot{border-top:1px solid var(--border);padding:18px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}\r\n.ramonda-page .footer-bot-txt{font-size:.78rem;color:var(--muted)!important;}\r\n.ramonda-page .footer-bot-links{display:flex;gap:18px;}\r\n.ramonda-page .footer-bot-links a{font-size:.78rem;color:var(--muted)!important;transition:color .2s;}.ramonda-page .footer-bot-links a:hover{color:var(--gray)!important;}\r\n\/* STICKY BAR *\/\r\n.ramonda-page .sticky-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;padding:10px 14px;background:rgba(11,12,26,.97);backdrop-filter:blur(20px);border-top:1px solid var(--border);gap:9px;}\r\n.ramonda-page .sb-call{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--r);font-size:.9rem;font-weight:600;font-family:var(--fb);cursor:pointer;background:rgba(255,255,255,.07);color:var(--white)!important;border:1px solid var(--border2);text-decoration:none;transition:background .2s;}\r\n.ramonda-page .sb-upit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--r);font-size:.9rem;font-weight:600;font-family:var(--fb);cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-d));color:#fff!important;border:none;box-shadow:0 0 16px var(--glow-soft);}\r\n\/* POPUP MODAL \u2014 zbijen, 2 koraka *\/\r\n.ramonda-page{--pc-primary:#c471ff;--pc-primary-strong:#7c3aed;--pc-bg-field:#10112a;--pc-bg-card:#0d0e27;--pc-border-soft:#22224d;--pc-text-main:#f0f0ff;--pc-text-soft:#8888b8;--pc-text-muted:#5555a0;--pc-error:#ff6b6b;--pc-success:#5af098;--pc-radius:14px;--pc-radius-sm:10px;}\r\nbody.pc-modal-open{overflow:hidden!important;}\r\n.ramonda-page .pc-modal-overlay{position:fixed;inset:0;display:none;justify-content:center;align-items:center;min-height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(16px);z-index:9999;overflow-y:auto;padding:20px 16px;}\r\n.ramonda-page .pc-modal-box{width:100%;max-width:840px;margin:auto;background:linear-gradient(160deg,#0a0b24 0%,#070818 100%);border-radius:24px;padding:26px 32px 22px;position:relative;box-shadow:0 40px 100px rgba(0,0,0,.85),0 0 0 1px rgba(196,113,255,.22);color:var(--pc-text-main);font-family:var(--fh),var(--fb);transform:translateY(14px) scale(.98);opacity:0;max-height:calc(100vh - 40px);overflow-y:auto;}\r\n.ramonda-page .pc-modal-overlay.pc-show .pc-modal-box{animation:pcModalIn .25s cubic-bezier(.22,1,.36,1) forwards;}\r\n@keyframes pcModalIn{to{transform:translateY(0) scale(1);opacity:1}}\r\n.ramonda-page .pc-modal-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--pc-text-soft);font-size:18px;cursor:pointer;transition:all .15s;z-index:10;}\r\n.ramonda-page .pc-modal-close:hover{background:rgba(255,255,255,.12);color:#fff;}\r\n.ramonda-page .pc-quick-band{background:rgba(196,113,255,.08);border:1px solid rgba(196,113,255,.25);border-radius:var(--pc-radius);padding:11px 13px 10px;}\r\n.ramonda-page .pc-quick-label{font-size:12.5px;font-weight:600;color:var(--pc-text-soft);margin:0 0 8px;}\r\n.ramonda-page .pc-quick-row{display:flex;gap:8px;align-items:center;}\r\n.ramonda-page .pc-quick-tel-wrap{flex:1;}\r\n.ramonda-page .pc-btn-quick{flex-shrink:0;white-space:nowrap;background:linear-gradient(135deg,var(--pc-primary),var(--pc-primary-strong));border:none;color:#fff!important;padding:0 20px;height:44px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 0 16px rgba(196,113,255,.4);}\r\n.ramonda-page .pc-or-divider{display:flex;align-items:center;gap:12px;margin:14px 0 16px;color:var(--pc-text-muted);font-size:12px;}\r\n.ramonda-page .pc-or-divider::before,.ramonda-page .pc-or-divider::after{content:\"\";flex:1;height:1px;background:var(--pc-border-soft);}\r\n.ramonda-page .pc-progress-wrap{margin-bottom:18px;}\r\n.ramonda-page .pc-progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:8px;}\r\n.ramonda-page .pc-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1;}\r\n.ramonda-page .pc-step-icon{width:34px;height:34px;border-radius:50%;background:var(--pc-bg-field);border:2px solid var(--pc-border-soft);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;}\r\n.ramonda-page .pc-step-label{font-size:11px;color:var(--pc-text-muted);font-weight:600;white-space:nowrap;}\r\n.ramonda-page .pc-step-dot.active .pc-step-icon{border-color:var(--pc-primary);background:rgba(196,113,255,.15);box-shadow:0 0 0 4px rgba(196,113,255,.12);}\r\n.ramonda-page .pc-step-dot.active .pc-step-label{color:var(--pc-primary);}\r\n.ramonda-page .pc-step-dot.done .pc-step-icon{border-color:var(--pc-success);background:rgba(90,240,152,.12);}\r\n.ramonda-page .pc-step-line{flex:1;height:2px;background:var(--pc-border-soft);margin:0 6px 18px;max-width:80px;transition:background .4s;}\r\n.ramonda-page .pc-step-line.done{background:var(--pc-success);}\r\n.ramonda-page .pc-progress-bar-track{height:3px;background:var(--pc-border-soft);border-radius:99px;overflow:hidden;}\r\n.ramonda-page .pc-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--pc-primary),var(--pc-primary-strong));border-radius:99px;width:15%;transition:width .4s cubic-bezier(.4,0,.2,1);}\r\n.ramonda-page .pc-step-header{margin-bottom:16px;}\r\n.ramonda-page .pc-step-header h2{font-size:20px;font-weight:700;margin:0 0 4px;color:#fff!important;line-height:1.2;}\r\n.ramonda-page .pc-step-header p{font-size:13px;color:var(--pc-text-soft)!important;margin:0;}\r\n.ramonda-page .pc-modal-form{display:flex;flex-direction:column;}\r\n.ramonda-page .pc-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}\r\n.ramonda-page .pc-field-label{font-size:13.5px;font-weight:600;color:var(--pc-text-main)!important;}\r\n.ramonda-page .pc-req{color:var(--pc-primary);}\r\n.ramonda-page .pc-optional{font-size:12px;color:var(--pc-text-muted);font-weight:400;}\r\n.ramonda-page .pc-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}\r\n.ramonda-page .pc-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:var(--pc-radius-sm);border:1.5px solid var(--pc-border-soft);background:var(--pc-bg-card);cursor:pointer;transition:all .15s;text-align:center;min-height:74px;justify-content:center;}\r\n.ramonda-page .pc-card input{display:none;}\r\n.ramonda-page .pc-card-icon{font-size:22px;line-height:1;}\r\n.ramonda-page .pc-card-text{font-size:12px;color:var(--pc-text-soft);font-weight:600;line-height:1.3;}\r\n.ramonda-page .pc-card:hover{border-color:rgba(196,113,255,.5);background:rgba(196,113,255,.06);}\r\n.ramonda-page .pc-card:has(input:checked){border-color:var(--pc-primary);background:rgba(196,113,255,.14);transform:translateY(-2px);box-shadow:0 0 16px rgba(196,113,255,.3);}\r\n.ramonda-page .pc-card:has(input:checked) .pc-card-text{color:var(--pc-primary);}\r\n\/* BUD\u017dET - ru\u010dni unos *\/\r\n.ramonda-page .pc-budget-wrap{display:flex;align-items:center;border:1.5px solid var(--pc-border-soft);border-radius:var(--pc-radius-sm);background:var(--pc-bg-field);overflow:hidden;transition:border-color .15s;max-width:260px;}\r\n.ramonda-page .pc-budget-wrap:focus-within{border-color:var(--pc-primary);box-shadow:0 0 0 3px rgba(196,113,255,.12);}\r\n.ramonda-page .pc-budget-wrap.pc-invalid{border-color:var(--pc-error)!important;}\r\n.ramonda-page .pc-budget-wrap input{flex:1;min-width:0;padding:11px 13px;background:transparent;border:none;outline:none;color:var(--pc-text-main)!important;font-size:16px;font-weight:700;font-family:inherit;}\r\n.ramonda-page .pc-budget-wrap input::placeholder{color:var(--pc-text-muted);font-weight:400;}\r\n.ramonda-page .pc-budget-eur{padding:0 14px;font-size:15px;font-weight:700;color:var(--pc-text-soft);border-left:1px solid var(--pc-border-soft);height:46px;display:flex;align-items:center;flex-shrink:0;}\r\n.ramonda-page .pc-pill-row{display:flex;flex-wrap:wrap;gap:8px;}\r\n.ramonda-page .pc-pill{cursor:pointer;}\r\n.ramonda-page .pc-pill input{display:none;}\r\n.ramonda-page .pc-pill span{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1.5px solid var(--pc-border-soft);background:var(--pc-bg-card);color:var(--pc-text-soft);font-size:13px;font-weight:500;gap:5px;transition:all .15s;}\r\n.ramonda-page .pc-pill:has(input:checked) span{border-color:var(--pc-primary);background:rgba(196,113,255,.15);color:var(--pc-primary);font-weight:600;}\r\n.ramonda-page .pc-modal-form textarea{width:100%;padding:9px 13px;border-radius:var(--pc-radius-sm);border:1.5px solid var(--pc-border-soft);background:var(--pc-bg-field);color:var(--pc-text-main);font-size:13px;font-family:inherit;resize:vertical;min-height:52px;box-sizing:border-box;transition:border-color .15s;outline:none;}\r\n.ramonda-page .pc-modal-form textarea:focus{border-color:var(--pc-primary);}\r\n.ramonda-page .pc-mobile-handle{display:none;width:40px;height:4px;background:rgba(255,255,255,.15);border-radius:99px;margin:-8px auto 14px;}\r\n.ramonda-page .pc-tel-wrap{display:flex;align-items:center;border:1.5px solid var(--pc-border-soft);border-radius:var(--pc-radius-sm);background:var(--pc-bg-field);overflow:hidden;transition:border-color .15s;}\r\n.ramonda-page .pc-tel-wrap:focus-within{border-color:var(--pc-primary);}\r\n.ramonda-page .pc-tel-wrap.pc-invalid{border-color:var(--pc-error)!important;}\r\n.ramonda-page .pc-tel-prefix{padding:0 12px;font-size:16px;border-right:1px solid var(--pc-border-soft);height:44px;display:flex;align-items:center;}\r\n.ramonda-page .pc-tel-wrap input{flex:1;padding:10px 13px;background:transparent;border:none;outline:none;color:var(--pc-text-main)!important;font-size:14px;font-family:inherit;}\r\n.ramonda-page .pc-tel-wrap input::placeholder{color:var(--pc-text-muted);}\r\n.ramonda-page .pc-helper{font-size:12px;color:var(--pc-text-muted)!important;margin:0;}\r\n.ramonda-page .pc-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;padding:12px 14px;border-radius:var(--pc-radius);background:rgba(196,113,255,.07);border:1px solid rgba(196,113,255,.18);}\r\n.ramonda-page .pc-summary-item{display:flex;flex-direction:column;gap:2px;}\r\n.ramonda-page .pc-summary-key{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--pc-text-muted)!important;font-weight:600;}\r\n.ramonda-page .pc-summary-val{font-size:13px;color:var(--pc-text-main)!important;font-weight:600;}\r\n.ramonda-page .pc-error-msg{font-size:12px;color:var(--pc-error)!important;display:none;margin-top:-2px;line-height:1.45;}\r\n.ramonda-page .pc-error-msg.visible{display:block;}\r\n.ramonda-page .pc-step-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);}\r\n.ramonda-page .pc-btn-back{background:transparent;border:1.5px solid var(--pc-border-soft);color:var(--pc-text-soft)!important;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}\r\n.ramonda-page .pc-btn-next{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--pc-primary),var(--pc-primary-strong));border:none;color:#fff!important;padding:11px 22px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 0 14px rgba(196,113,255,.4);}\r\n.ramonda-page .pc-btn-next:hover{filter:brightness(1.08);transform:translateY(-1px);}\r\n.ramonda-page .pc-btn-arrow{font-size:16px;}\r\n.ramonda-page .pc-btn-submit{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--pc-primary),var(--pc-primary-strong));border:none;color:#fff!important;padding:12px 28px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;box-shadow:0 0 18px rgba(196,113,255,.45);}\r\n.ramonda-page .pc-btn-submit:hover{filter:brightness(1.08);transform:translateY(-1px);}\r\n.ramonda-page .pc-btn-submit:disabled{opacity:.7;cursor:wait;transform:none;}\r\n.ramonda-page .pc-form-msg{margin-top:10px;font-size:13px;color:var(--pc-text-soft)!important;text-align:center;}\r\n.ramonda-page .pc-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px 12px;gap:10px;}\r\n.ramonda-page .pc-success-icon{font-size:52px;animation:bounceIn .5s ease;}\r\n@keyframes bounceIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}\r\n.ramonda-page .pc-success h2{font-size:22px;margin:0;color:var(--pc-primary)!important;}\r\n.ramonda-page .pc-success p{font-size:14px;color:var(--pc-text-soft)!important;margin:0;}\r\n.ramonda-page .pc-btn-close-success{margin-top:12px;background:transparent;border:1.5px solid var(--pc-border-soft);color:var(--pc-text-soft)!important;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;}\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1060px){.ramonda-page .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}}\r\n@media(max-width:768px){.ramonda-page .footer-grid{grid-template-columns:1fr;}.ramonda-page .sticky-bar{display:flex;}.ramonda-page{padding-bottom:76px;}.ramonda-page .bfs-inner{grid-template-columns:1fr;gap:36px;}.ramonda-page .bfs-row{flex-direction:column;}.ramonda-page .bfs-row .btn{justify-content:center;}}\r\n@media(max-width:700px){\r\n  .ramonda-page .pc-mobile-handle{display:block;margin:-4px auto 10px;}\r\n  .ramonda-page .pc-modal-overlay{align-items:flex-end;padding:0;}\r\n  .ramonda-page .pc-modal-box{max-width:100%;border-radius:20px 20px 0 0;padding:12px 14px 20px;max-height:92vh;transform:translateY(30px);}\r\n  .ramonda-page .pc-card-grid{grid-template-columns:repeat(3,1fr);gap:6px;}\r\n  .ramonda-page .pc-card{min-height:66px;padding:10px 4px;}\r\n  .ramonda-page .pc-step-header h2{font-size:17px;}\r\n  .ramonda-page .pc-step-header p{font-size:12px;}\r\n  .ramonda-page .pc-field{margin-bottom:12px;}\r\n  .ramonda-page .pc-budget-wrap{max-width:100%;}\r\n  \/* 16px spre\u010dava iOS zum pri fokusu *\/\r\n  .ramonda-page .pc-tel-wrap input,.ramonda-page .pc-budget-wrap input,.ramonda-page .pc-modal-form textarea{font-size:16px;}\r\n  .ramonda-page .pc-summary{grid-template-columns:1fr 1fr;}\r\n  .ramonda-page .pc-btn-next{flex:1;justify-content:center;}\r\n  .ramonda-page .pc-btn-submit{width:100%;justify-content:center;}\r\n  .ramonda-page .pc-quick-row{flex-direction:column;align-items:stretch;}\r\n  .ramonda-page .pc-btn-quick{height:46px;}\r\n}\r\n<\/style>\r\n\r\n<div class=\"ramonda-page\">\r\n\r\n<!-- FORMA NA DNU -->\r\n<section class=\"bottom-form-sec\" id=\"upit-dno\">\r\n  <div class=\"wrap\">\r\n    <div class=\"bfs-inner\">\r\n      <div class=\"bfs-left\">\r\n        <div class=\"tag\">Spreman si?<\/div>\r\n        <h2 class=\"sec-title\">Dobij preporuku ra\u010dunara<\/h2>\r\n        <p class=\"bfs-sub\">Ostavi broj - pitamo te za potrebe i \u0161aljemo konkretan predlog. Bez obaveze.<\/p>\r\n        <div class=\"bfs-bullets\">\r\n          <div class=\"bfs-b\"><svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"14\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Javljamo se u najkra\u0107em roku<\/div>\r\n          <div class=\"bfs-b\"><svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"14\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Uz ra\u010dunar mo\u017ee\u0161 uzeti i monitor, tastaturu, mi\u0161<\/div>\r\n          <div class=\"bfs-b\"><svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"14\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>Dostava za celu Srbiju<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"bfs-right\">\r\n        <input autocomplete=\"off\" id=\"hp_field2\" name=\"website2\" style=\"display:none!important;visibility:hidden;position:absolute;left:-9999px\" tabindex=\"-1\" type=\"text\"\/>\r\n        <label class=\"bfs-label\">Broj telefona (Viber \/ poziv)<\/label>\r\n        <div class=\"bfs-row\">\r\n          <input autocomplete=\"tel\" class=\"bfs-inp\" id=\"bottomTel\" inputmode=\"tel\" placeholder=\"065 332 1627\" type=\"tel\"\/>\r\n          <button class=\"btn btn-prim\" id=\"btnBottomQS\" onclick=\"bottomQS()\" type=\"button\">Ho\u0107u preporuku <svg fill=\"none\" height=\"15\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\" width=\"15\"><path d=\"M5 12h14M12 5l7 7-7 7\"><\/path><\/svg><\/button>\r\n        <\/div>\r\n        <p class=\"form-hint\">Bez spama. Kontaktiramo te samo u vezi ponude.<\/p>\r\n        <div class=\"bfs-done\" id=\"bfs-done\"><span style=\"font-size:2rem;display:block;margin-bottom:10px\">\u2705<\/span><strong>Primljeno!<\/strong> Javljamo se uskoro.<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer class=\"footer\" id=\"kontakt\">\r\n  <div class=\"wrap\">\r\n    <div class=\"footer-grid\">\r\n      <div>\r\n        <p class=\"f-desc\">Ra\u010dunari po meri za gaming, posao, \u0161kolu i kreativni rad. Ostavi broj, mi predla\u017eemo konfiguraciju.<\/p>\r\n        <div class=\"f-ci\"><span class=\"f-ci-ic\">\ud83d\udcde<\/span><a href=\"tel:+381653321627\" id=\"tel-footer\">065 332 1627<\/a><\/div>\r\n        <div class=\"f-ci\"><span class=\"f-ci-ic\">\ud83d\udccd<\/span><span>Zvezdara, Beograd<\/span><\/div>\r\n        <div class=\"f-ci\"><span class=\"f-ci-ic\">\ud83d\udcf1<\/span><a href=\"viber:\/\/chat?number=%2B381641234567\" id=\"viber-klik\">Viber \/ WhatsApp<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bot\"><span class=\"footer-bot-txt\">\u00a9 2025 Ramonda Computers. Sva prava zadr\u017eana.<\/span><div class=\"footer-bot-links\"><a href=\"\/politika-privatnosti\/\">Politika privatnosti<\/a><a href=\"\/kontakt\/\">Kontakt<\/a><\/div><\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- STICKY BAR -->\r\n<div class=\"sticky-bar\" id=\"sticky-bar\">\r\n  <a class=\"sb-call\" href=\"tel:+381653321627\" id=\"tel-sticky\">\ud83d\udcde Pozovi<\/a>\r\n  <button class=\"sb-upit racunar-za-tebe-btn\">\u2b50 Dobij preporuku<\/button>\r\n<\/div>\r\n\r\n<!-- POPUP MODAL \u2014 2 koraka: Namena \u2192 Kontakt -->\r\n<div class=\"pc-modal-overlay\" id=\"pcModal\" style=\"display:none;\">\r\n  <div class=\"pc-modal-box\">\r\n    <div class=\"pc-mobile-handle\"><\/div>\r\n    <button class=\"pc-modal-close\" id=\"closeFormBtn\" type=\"button\">\u00d7<\/button>\r\n    <div class=\"pc-quick-band\" id=\"pcQuickBand\">\r\n      <p class=\"pc-quick-label\">\u26a1 \u017duri\u0161? Ostavi samo broj - mi \u0107emo te pozvati sa predlogom<\/p>\r\n      <div class=\"pc-quick-row\"><div class=\"pc-tel-wrap pc-quick-tel-wrap\"><span class=\"pc-tel-prefix\">\ud83d\udcf1<\/span><input id=\"pcQuickTel\" placeholder=\"+381 6x xxx xxxx\" type=\"tel\" inputmode=\"tel\" autocomplete=\"tel\"\/><\/div><button class=\"pc-btn-quick\" id=\"btnQuickSubmit\" type=\"button\">Po\u0161alji mi predlog \u2192<\/button><\/div>\r\n      <div class=\"pc-error-msg\" id=\"err-quick-tel\">Molimo unesi ispravan broj telefona.<\/div>\r\n    <\/div>\r\n    <div class=\"pc-or-divider\" id=\"pcOrDivider\"><span>ili popuni kratak upitnik za bolji predlog<\/span><\/div>\r\n    <div class=\"pc-progress-wrap\" id=\"pcProgressWrap\">\r\n      <div class=\"pc-progress-steps\">\r\n        <div class=\"pc-step-dot active\" data-step=\"1\"><span class=\"pc-step-icon\">\ud83c\udfae<\/span><span class=\"pc-step-label\">Namena<\/span><\/div>\r\n        <div class=\"pc-step-line\"><\/div>\r\n        <div class=\"pc-step-dot\" data-step=\"2\"><span class=\"pc-step-icon\">\ud83d\udcde<\/span><span class=\"pc-step-label\">Kontakt<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"pc-progress-bar-track\"><div class=\"pc-progress-bar-fill\" id=\"pcProgressFill\"><\/div><\/div>\r\n    <\/div>\r\n    <form class=\"pc-modal-form\" id=\"pc-form\" novalidate=\"\">\r\n      <!-- KORAK 1: NAMENA + BUD\u017dET -->\r\n      <div class=\"pc-step\" id=\"pcStep1\">\r\n        <div class=\"pc-step-header\"><h2>Kako planira\u0161 da koristi\u0161 ra\u010dunar?<\/h2><p>Biramo konfiguraciju prilago\u0111enu tvojim navikama.<\/p><\/div>\r\n        <div class=\"pc-field\"><label class=\"pc-field-label\">Glavna namena <span class=\"pc-req\">*<\/span><\/label><div class=\"pc-card-grid\"><label class=\"pc-card\"><input name=\"namena\" required=\"\" type=\"radio\" value=\"Gaming\"\/><span class=\"pc-card-icon\">\ud83c\udfae<\/span><span class=\"pc-card-text\">Gaming<\/span><\/label><label class=\"pc-card\"><input name=\"namena\" type=\"radio\" value=\"Office \/ \u0161kola\"\/><span class=\"pc-card-icon\">\ud83d\udcbc<\/span><span class=\"pc-card-text\">Office \/ \u0161kola<\/span><\/label><label class=\"pc-card\"><input name=\"namena\" type=\"radio\" value=\"Programiranje\"\/><span class=\"pc-card-icon\">\ud83d\udcbb<\/span><span class=\"pc-card-text\">Programiranje<\/span><\/label><label class=\"pc-card\"><input name=\"namena\" type=\"radio\" value=\"Video editing \/ dizajn\"\/><span class=\"pc-card-icon\">\ud83c\udfac<\/span><span class=\"pc-card-text\">Video \/ dizajn<\/span><\/label><label class=\"pc-card\"><input name=\"namena\" type=\"radio\" value=\"Multimedija\"\/><span class=\"pc-card-icon\">\ud83c\udf10<\/span><span class=\"pc-card-text\">Multimedija<\/span><\/label><\/div><div class=\"pc-error-msg\" id=\"err-namena\">Molimo izaberi namenu ra\u010dunara.<\/div><\/div>\r\n        <div class=\"pc-field\"><label class=\"pc-field-label\" for=\"pcBudzet\">Tvoj bud\u017eet (EUR) <span class=\"pc-req\">*<\/span><\/label><div class=\"pc-budget-wrap\" id=\"pcBudzetWrap\"><input autocomplete=\"off\" id=\"pcBudzet\" inputmode=\"numeric\" name=\"budzet\" placeholder=\"npr. 800\" type=\"text\"\/><span class=\"pc-budget-eur\">\u20ac<\/span><\/div><p class=\"pc-helper\">Unesi cifru kojom raspola\u017ee\u0161 - minimum je 500 \u20ac.<\/p><div class=\"pc-error-msg\" id=\"err-budzet\">500 \u20ac je minimalna cifra za moderan ra\u010dunar - unesi 500 \u20ac ili vi\u0161e.<\/div><\/div>\r\n        <div class=\"pc-field\"><label class=\"pc-field-label\">Koje igre \/ programe koristi\u0161? <span class=\"pc-optional\">(opciono)<\/span><\/label><textarea name=\"softver\" placeholder=\"CS2, Fortnite, Photoshop, AutoCAD...\" rows=\"2\"><\/textarea><\/div>\r\n        <div class=\"pc-field\"><label class=\"pc-field-label\">Veza na internet <span class=\"pc-req\">*<\/span><\/label><div class=\"pc-pill-row\"><label class=\"pc-pill\"><input name=\"internet\" required=\"\" type=\"radio\" value=\"Wi-Fi\"\/><span>\ud83d\udcf6 Wi-Fi<\/span><\/label><label class=\"pc-pill\"><input name=\"internet\" type=\"radio\" value=\"LAN\"\/><span>\ud83d\udd0c LAN (kabl)<\/span><\/label><label class=\"pc-pill\"><input name=\"internet\" type=\"radio\" value=\"Oba\"\/><span>\u2705 Oba mogu<\/span><\/label><\/div><div class=\"pc-error-msg\" id=\"err-internet\">Molimo izaberi tip veze.<\/div><\/div>\r\n        <div class=\"pc-step-footer\"><span><\/span><button class=\"pc-btn-next\" id=\"btnNext1\" type=\"button\">Dalje <span class=\"pc-btn-arrow\">\u2192<\/span><\/button><\/div>\r\n      <\/div>\r\n      <!-- KORAK 2: KONTAKT -->\r\n      <div class=\"pc-step\" id=\"pcStep2\" style=\"display:none;\">\r\n        <div class=\"pc-step-header\"><h2>Gde da ti po\u0161aljemo predlog?<\/h2><p>Pregledamo tvoje odgovore i \u0161aljemo ti konkretnu konfiguraciju.<\/p><\/div>\r\n        <div class=\"pc-summary\" id=\"pcSummary\"><\/div>\r\n        <div class=\"pc-field\"><label class=\"pc-field-label\">Broj telefona (Viber \/ poziv) <span class=\"pc-req\">*<\/span><\/label><div class=\"pc-tel-wrap\" id=\"pcTelWrap\"><span class=\"pc-tel-prefix\">\ud83d\udcf1<\/span><input id=\"pcTelInput\" inputmode=\"tel\" autocomplete=\"tel\" name=\"telefon\" placeholder=\"+381 6x xxx xxxx\" required=\"\" type=\"tel\"\/><\/div><p class=\"pc-helper\">\u0160aljemo ti predlog - ti bira\u0161 da li \u017eeli\u0161 dalje, bez obaveze.<\/p><div class=\"pc-error-msg\" id=\"err-telefon\">Molimo unesi ispravan broj telefona.<\/div><\/div>\r\n        <div class=\"pc-step-footer\"><button class=\"pc-btn-back\" id=\"btnBack2\" type=\"button\">\u2190 Nazad<\/button><button class=\"pc-btn-submit\" type=\"submit\"><span>Po\u0161alji upit<\/span><span class=\"pc-btn-arrow\">\u2192<\/span><\/button><\/div>\r\n        <div class=\"pc-form-msg\" id=\"pc-form-msg\"><\/div>\r\n      <\/div>\r\n      <!-- USPEH -->\r\n      <div class=\"pc-step\" id=\"pcStepSuccess\" style=\"display:none;\"><div class=\"pc-success\"><div class=\"pc-success-icon\">\u2705<\/div><h2>Uspe\u0161no poslato!<\/h2><p>Uskoro ti \u0161aljemo predlog konfiguracije na Viber \/ pozivom.<\/p><button class=\"pc-btn-close-success\" id=\"btnCloseSuccess\" type=\"button\">Zatvori<\/button><\/div><\/div>\r\n    <\/form>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\/* Minimalan bud\u017eet za moderan ra\u010dunar *\/\r\nvar RAMONDA_MIN_BUDZET = 500;\r\n\r\n\/* Fallback ako validatePhone nije definisan negde drugde na sajtu *\/\r\nif (typeof window.validatePhone !== \"function\") {\r\n  window.validatePhone = function(t) {\r\n    var d = String(t || \"\").replace(\/[\\s\\-\\\/().]\/g, \"\");\r\n    return \/^(\\+?\\d{8,14})$\/.test(d);\r\n  };\r\n}\r\n\r\n\/\/ FORMA NA DNU\r\nfunction bottomQS(){\r\n  const telEl=document.getElementById(\"bottomTel\"),tel=telEl?telEl.value.trim():\"\",btn=document.getElementById(\"btnBottomQS\");\r\n  if(document.getElementById(\"hp_field2\")?.value)return;\r\n  if(!window.validatePhone(tel)){if(telEl){telEl.style.borderColor=\"#ef4444\";telEl.focus();setTimeout(()=>telEl.style.borderColor=\"\",3000);}return;}\r\n  if(btn){btn.disabled=true;btn.textContent=\"\u0160aljem...\";}\r\n  const fd=new FormData();fd.append(\"action\",\"pc_form_submit\");fd.append(\"telefon\",tel);fd.append(\"quick_submit\",\"1\");fd.append(\"source\",\"bottom_form\");\r\n  fetch(\"\/wp-admin\/admin-ajax.php\",{method:\"POST\",body:fd}).then(r=>r.json())\r\n  .then(res=>{if(res.success){document.getElementById(\"bfs-done\").classList.add(\"show\");document.querySelector(\".bfs-row\").style.display=\"none\";}else{if(btn){btn.disabled=false;btn.textContent=\"Ho\u0107u preporuku\";}}})\r\n  .catch(()=>{if(btn){btn.disabled=false;btn.textContent=\"Ho\u0107u preporuku\";}});\r\n}\r\n\r\n\/\/ MODAL \u2014 2 koraka (Namena \u2192 Kontakt)\r\n(function(){\r\n  const modal=document.getElementById(\"pcModal\"),form=document.getElementById(\"pc-form\"),msgBox=document.getElementById(\"pc-form-msg\"),closeBtn=document.getElementById(\"closeFormBtn\"),fill=document.getElementById(\"pcProgressFill\");\r\n  if(!modal||!form)return;\r\n  let curStep=1;\r\n\r\n  \/* --- BUD\u017dET: ru\u010dni unos, samo cifre, min 500 \u20ac --- *\/\r\n  const budInp=document.getElementById(\"pcBudzet\"),budWrap=document.getElementById(\"pcBudzetWrap\"),errBud=document.getElementById(\"err-budzet\");\r\n  function budgetValue(){return parseInt(String(budInp?budInp.value:\"\").replace(\/[^\\d]\/g,\"\"),10);}\r\n  function budgetOk(){const v=budgetValue();return !isNaN(v)&&v>=RAMONDA_MIN_BUDZET;}\r\n  function budgetShowErr(){if(budWrap)budWrap.classList.add(\"pc-invalid\");if(errBud)errBud.classList.add(\"visible\");}\r\n  function budgetHideErr(){if(budWrap)budWrap.classList.remove(\"pc-invalid\");if(errBud)errBud.classList.remove(\"visible\");}\r\n  if(budInp){\r\n    budInp.addEventListener(\"input\",function(){\r\n      const clean=this.value.replace(\/[^\\d]\/g,\"\");\r\n      if(clean!==this.value)this.value=clean;\r\n      if(budgetOk())budgetHideErr();\r\n    });\r\n    budInp.addEventListener(\"blur\",function(){\r\n      if(this.value!==\"\"&&!budgetOk())budgetShowErr();\r\n    });\r\n  }\r\n\r\n  function updProg(step){const pct={1:15,2:90};if(fill)fill.style.width=(pct[step]||15)+\"%\";document.querySelectorAll(\".pc-step-dot\").forEach(dot=>{const s=parseInt(dot.dataset.step);dot.classList.remove(\"active\",\"done\");if(s===step)dot.classList.add(\"active\");else if(s<step)dot.classList.add(\"done\");});document.querySelectorAll(\".pc-step-line\").forEach((line,i)=>line.classList.toggle(\"done\",i<step-1));}\r\n  function showStep(n){[1,2].forEach(s=>{const el=document.getElementById(\"pcStep\"+s);if(el)el.style.display=\"none\";});const t=document.getElementById(\"pcStep\"+n);if(t)t.style.display=\"block\";curStep=n;updProg(n);if(n===2)buildSum();const qb=document.getElementById(\"pcQuickBand\"),od=document.getElementById(\"pcOrDivider\");if(qb)qb.style.display=n===1?\"\":\"none\";if(od)od.style.display=n===1?\"\":\"none\";modal.scrollTop=0;const box=modal.querySelector(\".pc-modal-box\");if(box)box.scrollTop=0;}\r\n  function validate(step){let ok=true;const hide=id=>{const e=document.getElementById(id);if(e)e.classList.remove(\"visible\");};const show=id=>{const e=document.getElementById(id);if(e)e.classList.add(\"visible\");ok=false;};\r\n    if(step===1){\r\n      hide(\"err-namena\");hide(\"err-internet\");budgetHideErr();\r\n      if(!form.querySelector(\"[name=namena]:checked\"))show(\"err-namena\");\r\n      if(!budgetOk()){budgetShowErr();ok=false;if(budInp&&form.querySelector(\"[name=namena]:checked\"))budInp.focus();}\r\n      if(!form.querySelector(\"[name=internet]:checked\"))show(\"err-internet\");\r\n    }\r\n    if(step===2){\r\n      hide(\"err-telefon\");const telWrap=document.getElementById(\"pcTelWrap\");if(telWrap)telWrap.classList.remove(\"pc-invalid\");\r\n      const tel=form.querySelector(\"[name=telefon]\");\r\n      if(!tel||!window.validatePhone(tel.value.trim())){show(\"err-telefon\");if(telWrap)telWrap.classList.add(\"pc-invalid\");if(tel)tel.focus();}\r\n    }\r\n    return ok;}\r\n  function buildSum(){const s=document.getElementById(\"pcSummary\");if(!s)return;const get=n=>{const el=form.querySelector(\"[name=\"+n+\"]:checked\");return el?el.value:\"-\";};const bud=budgetOk()?budgetValue()+\" \u20ac\":\"-\";s.innerHTML=[[\"Namena\",get(\"namena\")],[\"Bud\u017eet\",bud],[\"Internet\",get(\"internet\")]].map(([k,v])=>`<div class=pc-summary-item><span class=pc-summary-key>${k}<\/span><span class=pc-summary-val>${v}<\/span><\/div>`).join(\"\");}\r\n  function showSuccess(){[1,2].forEach(s=>{const el=document.getElementById(\"pcStep\"+s);if(el)el.style.display=\"none\";});[\"pcQuickBand\",\"pcOrDivider\",\"pcProgressWrap\"].forEach(id=>{const el=document.getElementById(id);if(el)el.style.display=\"none\";});const suc=document.getElementById(\"pcStepSuccess\");if(suc)suc.style.display=\"block\";if(fill)fill.style.width=\"100%\";}\r\n  function openModal(e){if(e)e.preventDefault();modal.style.display=\"flex\";modal.classList.add(\"pc-show\");document.body.classList.add(\"pc-modal-open\");const qi=document.getElementById(\"pcQuickTel\"),bq=document.getElementById(\"btnQuickSubmit\"),eq=document.getElementById(\"err-quick-tel\"),pw=document.getElementById(\"pcProgressWrap\"),ss=document.getElementById(\"pcStepSuccess\");if(qi)qi.value=\"\";if(bq){bq.textContent=\"Po\u0161alji mi predlog \u2192\";bq.disabled=false;}if(eq)eq.classList.remove(\"visible\");if(pw)pw.style.display=\"\";if(ss)ss.style.display=\"none\";budgetHideErr();showStep(1);}\r\n  function closeModal(){modal.classList.remove(\"pc-show\");document.body.classList.remove(\"pc-modal-open\");setTimeout(()=>{modal.style.display=\"none\";},200);}\r\n  document.querySelectorAll(\".racunar-za-tebe-btn\").forEach(btn=>btn.addEventListener(\"click\",openModal));\r\n\r\n  \/\/ AUTO-OTVARANJE MODALA kada neko do\u0111e preko linka sa #forma (npr. Instagram bio)\r\n  if(window.location.hash===\"#forma\"){\r\n    setTimeout(openModal,400);\r\n  }\r\n\r\n  if(closeBtn)closeBtn.addEventListener(\"click\",closeModal);\r\n  modal.addEventListener(\"click\",e=>{if(e.target===modal)closeModal();});\r\n  document.addEventListener(\"keydown\",e=>{if(e.key===\"Escape\"&&modal.style.display===\"flex\")closeModal();});\r\n  const bqs=document.getElementById(\"btnQuickSubmit\"),qi2=document.getElementById(\"pcQuickTel\"),eqt=document.getElementById(\"err-quick-tel\");\r\n  if(bqs&&qi2){qi2.addEventListener(\"input\",()=>{if(window.validatePhone(qi2.value.trim())&&eqt)eqt.classList.remove(\"visible\");});bqs.addEventListener(\"click\",function(){if(!window.validatePhone(qi2.value.trim())){if(eqt)eqt.classList.add(\"visible\");qi2.focus();return;}if(eqt)eqt.classList.remove(\"visible\");bqs.textContent=\"\u0160aljem...\";bqs.disabled=true;const fd=new FormData();fd.append(\"action\",\"pc_form_submit\");fd.append(\"telefon\",qi2.value.trim());fd.append(\"quick_submit\",\"1\");fetch(\"\/wp-admin\/admin-ajax.php\",{method:\"POST\",body:fd}).then(r=>r.json()).then(res=>{if(res.success)showSuccess();else{bqs.textContent=\"Po\u0161alji mi predlog \u2192\";bqs.disabled=false;}}).catch(()=>{bqs.textContent=\"Po\u0161alji mi predlog \u2192\";bqs.disabled=false;});});}\r\n  document.getElementById(\"btnNext1\")?.addEventListener(\"click\",()=>{if(validate(1))showStep(2);});\r\n  document.getElementById(\"btnBack2\")?.addEventListener(\"click\",()=>showStep(1));\r\n  document.getElementById(\"btnCloseSuccess\")?.addEventListener(\"click\",closeModal);\r\n  document.addEventListener(\"click\",function(e){const btn=e.target.closest(\".sc-cta[data-pc-namena]\");if(!btn)return;const namena=btn.getAttribute(\"data-pc-namena\");setTimeout(function(){if(namena){const r=form.querySelector('[name=namena][value=\"'+namena+'\"]');if(r)r.checked=true;}},80);});\r\n  form.addEventListener(\"submit\",function(e){\r\n    e.preventDefault();\r\n    if(!validate(2))return;\r\n    \/* dodatna provera bud\u017eeta i ovde, za svaki slu\u010daj *\/\r\n    if(!budgetOk()){showStep(1);budgetShowErr();if(budInp)budInp.focus();return;}\r\n    const sbtn=form.querySelector(\".pc-btn-submit\");\r\n    if(sbtn)sbtn.disabled=true;\r\n    if(msgBox)msgBox.textContent=\"\u0160aljem...\";\r\n    const fd=new FormData(form);\r\n    fd.set(\"budzet\",budgetValue()+\" EUR\");\r\n    fd.append(\"action\",\"pc_form_submit\");\r\n    fetch(\"\/wp-admin\/admin-ajax.php\",{method:\"POST\",body:fd}).then(r=>r.json()).then(res=>{if(res.success){showSuccess();form.reset();if(typeof gtag===\"function\")gtag(\"event\",\"forma_poslata\",{event_category:\"konverzija\"});if(typeof fbq===\"function\")fbq(\"track\",\"Lead\");}else{if(sbtn)sbtn.disabled=false;if(msgBox)msgBox.textContent=\"Gre\u0161ka, poku\u0161aj ponovo.\";}}).catch(()=>{if(sbtn)sbtn.disabled=false;if(msgBox)msgBox.textContent=\"Gre\u0161ka u slanju.\";});\r\n  });\r\n})();\r\n\r\n\/\/ FADE IN\r\nif(\"IntersectionObserver\"in window){const obs=new IntersectionObserver(entries=>{entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add(\"on\");obs.unobserve(e.target);}});},{threshold:.12});document.querySelectorAll(\"#ramonda-page .fi\").forEach(el=>obs.observe(el));}else{document.querySelectorAll(\"#ramonda-page .fi\").forEach(el=>el.classList.add(\"on\"));}\r\n\r\n\/\/ VRATI NA VRH PRI U\u010cITAVANJU\r\n\/\/ Ako URL nema anchor (#forma, #kontakt...), stranica pri ulasku uvek kre\u0107e od vrha.\r\n\/\/ Ne me\u0161a se ako je korisnik ve\u0107 sam po\u010deo da skroluje.\r\n(function(){\r\n  if(window.location.hash)return;\r\n  var userMoved=false;\r\n  [\"wheel\",\"touchstart\",\"keydown\"].forEach(function(ev){\r\n    window.addEventListener(ev,function(){userMoved=true;},{once:true,passive:true});\r\n  });\r\n  function toTop(){if(!userMoved&&!window.location.hash&&window.scrollY>0)window.scrollTo(0,0);}\r\n  toTop();\r\n  window.addEventListener(\"load\",function(){setTimeout(toTop,60);});\r\n})();\r\n\r\n\/\/ TRACKING\r\ndocument.getElementById(\"tel-footer\")?.addEventListener(\"click\",()=>{if(typeof gtag===\"function\")gtag(\"event\",\"klik_telefon\");});\r\ndocument.getElementById(\"tel-sticky\")?.addEventListener(\"click\",()=>{if(typeof gtag===\"function\")gtag(\"event\",\"klik_telefon\");});\r\ndocument.getElementById(\"viber-klik\")?.addEventListener(\"click\",()=>{if(typeof gtag===\"function\")gtag(\"event\",\"klik_viber\");});\r\n<\/script>\r\n\r\n<\/div><!-- \/ramonda-page -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ramonda Computers Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ \ud83d\udcde 065 332 1627 331+ ocena na KP \u00b7 0 negativnih Ne zna\u0161 kojira\u010dunar daizabere\u0161? Ne zna\u0161 kojira\u010dunar da kupi\u0161? 7+ god. iskustva Garancija 12 mes. 331+ ocena na KP, 0 negativnih Ostavi broj &#8211; predlo\u017ei\u0107emo ti ra\u010dunar po meri.Za gaming, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-870","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ramondacomp.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers\" \/>\n<meta property=\"og:description\" content=\"Ramonda Computers Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ \ud83d\udcde 065 332 1627 331+ ocena na KP \u00b7 0 negativnih Ne zna\u0161 kojira\u010dunar daizabere\u0161? Ne zna\u0161 kojira\u010dunar da kupi\u0161? 7+ god. iskustva Garancija 12 mes. 331+ ocena na KP, 0 negativnih Ostavi broj &#8211; predlo\u017ei\u0107emo ti ra\u010dunar po meri.Za gaming, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ramondacomp.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Ramonda Computers\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-11T16:28:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"30 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/\",\"url\":\"https:\\\/\\\/ramondacomp.com\\\/\",\"name\":\"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ramondacomp.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/aa2.webp\",\"datePublished\":\"2026-06-27T14:34:18+00:00\",\"dateModified\":\"2026-07-11T16:28:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ramondacomp.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ramondacomp.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/aa2.webp\",\"contentUrl\":\"https:\\\/\\\/ramondacomp.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/aa2.webp\",\"width\":1920,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ramondacomp.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#website\",\"url\":\"https:\\\/\\\/ramondacomp.com\\\/\",\"name\":\"Ramonda ra\u010dunari\",\"description\":\"Mi sastavljamo ra\u010dunar za Vas\",\"publisher\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#organization\"},\"alternateName\":\"Ramonda computers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ramondacomp.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#organization\",\"name\":\"Ramonda ra\u010dunari\",\"url\":\"https:\\\/\\\/ramondacomp.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ramondacomp.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/RAMONDAznakLOGO.png\",\"contentUrl\":\"https:\\\/\\\/ramondacomp.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/RAMONDAznakLOGO.png\",\"width\":800,\"height\":460,\"caption\":\"Ramonda ra\u010dunari\"},\"image\":{\"@id\":\"https:\\\/\\\/ramondacomp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ramondacomp.com\/","og_locale":"en_US","og_type":"article","og_title":"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers","og_description":"Ramonda Computers Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ Po\u010detna Konfigurator Ponuda Gravura Utisci FAQ \ud83d\udcde 065 332 1627 331+ ocena na KP \u00b7 0 negativnih Ne zna\u0161 kojira\u010dunar daizabere\u0161? Ne zna\u0161 kojira\u010dunar da kupi\u0161? 7+ god. iskustva Garancija 12 mes. 331+ ocena na KP, 0 negativnih Ostavi broj &#8211; predlo\u017ei\u0107emo ti ra\u010dunar po meri.Za gaming, [&hellip;]","og_url":"https:\/\/ramondacomp.com\/","og_site_name":"Ramonda Computers","article_modified_time":"2026-07-11T16:28:00+00:00","og_image":[{"url":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"30 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ramondacomp.com\/","url":"https:\/\/ramondacomp.com\/","name":"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438 - Ramonda Computers","isPartOf":{"@id":"https:\/\/ramondacomp.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ramondacomp.com\/#primaryimage"},"image":{"@id":"https:\/\/ramondacomp.com\/#primaryimage"},"thumbnailUrl":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp","datePublished":"2026-06-27T14:34:18+00:00","dateModified":"2026-07-11T16:28:00+00:00","breadcrumb":{"@id":"https:\/\/ramondacomp.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ramondacomp.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ramondacomp.com\/#primaryimage","url":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp","contentUrl":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2026\/02\/aa2.webp","width":1920,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/ramondacomp.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ramondacomp.com\/"},{"@type":"ListItem","position":2,"name":"\u0420\u0430\u043c\u043e\u043d\u0434\u0430 \u0420\u0430\u0447\u0443\u043d\u0430\u0440\u0438"}]},{"@type":"WebSite","@id":"https:\/\/ramondacomp.com\/#website","url":"https:\/\/ramondacomp.com\/","name":"Ramonda ra\u010dunari","description":"Mi sastavljamo ra\u010dunar za Vas","publisher":{"@id":"https:\/\/ramondacomp.com\/#organization"},"alternateName":"Ramonda computers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ramondacomp.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ramondacomp.com\/#organization","name":"Ramonda ra\u010dunari","url":"https:\/\/ramondacomp.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ramondacomp.com\/#\/schema\/logo\/image\/","url":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2025\/11\/RAMONDAznakLOGO.png","contentUrl":"https:\/\/ramondacomp.com\/wp-content\/uploads\/2025\/11\/RAMONDAznakLOGO.png","width":800,"height":460,"caption":"Ramonda ra\u010dunari"},"image":{"@id":"https:\/\/ramondacomp.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/pages\/870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramondacomp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=870"}],"version-history":[{"count":238,"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/pages\/870\/revisions"}],"predecessor-version":[{"id":1234,"href":"https:\/\/ramondacomp.com\/index.php?rest_route=\/wp\/v2\/pages\/870\/revisions\/1234"}],"wp:attachment":[{"href":"https:\/\/ramondacomp.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}