{"id":468,"date":"2022-05-18T15:53:53","date_gmt":"2022-05-18T15:53:53","guid":{"rendered":"https:\/\/democontent.codex-themes.com\/sites-elementor-v5\/hair-dress\/?page_id=468"},"modified":"2026-04-23T09:45:25","modified_gmt":"2026-04-23T09:45:25","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/wizardtest1.site\/en\/kontakt\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"468\" class=\"elementor elementor-468\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28e1cf2 thegem-e-con-layout-elementor e-flex e-con-boxed e-con e-parent\" data-id=\"28e1cf2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-e07e611 thegem-e-con-layout-elementor e-con-full e-flex e-con e-child\" data-id=\"e07e611\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;elementor&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-0456667 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"0456667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@500;700;800;900&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.burek-hero-content {\n  position: relative;\n  z-index: 2;\n  overflow: hidden;\n}\n\n.burek-hero-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 22px;\n  color: #9ad65d;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.26em;\n  text-transform: uppercase;\n  line-height: 1.4;\n  flex-wrap: wrap;\n}\n\n.burek-hero-kicker::before {\n  content: \"\";\n  width: 52px;\n  height: 2px;\n  border-radius: 2px;\n  background: #78bf43;\n  display: block;\n  flex: 0 0 auto;\n}\n\n.burek-hero-title-wrap {\n  position: relative;\n}\n\n.burek-hero-ghost {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-52%);\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(100px, 18vw, 260px);\n  font-weight: 900;\n  line-height: 0.9;\n  letter-spacing: -0.04em;\n  color: rgba(255,255,255,0.3);\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n  white-space: nowrap;\n}\n\n.burek-hero-title {\n  position: relative;\n  z-index: 2;\n  margin: 0;\n  font-family: 'Playfair Display', serif;\n  line-height: 0.95;\n  letter-spacing: -0.03em;\n  color: #fff;\n}\n\n.burek-hero-title-top {\n  display: block;\n  margin-bottom: 14px;\n  font-size: clamp(20px, 2vw, 40px);\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  line-height: 1.1;\n  color: rgba(255,255,255,0.92);\n}\n\n.burek-hero-title-main {\n  display: block;\n  font-size: clamp(54px, 7.5vw, 140px);\n  font-weight: 900;\n  line-height: 0.92;\n  color: #fff;\n}\n\n.burek-hero-title-main em {\n  font-style: italic;\n  color: #b7e27f;\n}\n\n.burek-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-top: 30px;\n  padding: 11px 18px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,0.16);\n  background: rgba(255,255,255,0.04);\n  backdrop-filter: blur(6px);\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  line-height: 1.4;\n  color: rgba(255,255,255,0.82);\n}\n\n.burek-hero-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #78bf43;\n  flex: 0 0 auto;\n}\n\n@media (max-width: 767px) {\n  \n  .burek-hero-kicker {\n    gap: 10px;\n    margin-bottom: 18px;\n    font-size: 10px;\n    letter-spacing: 0.18em;\n  }\n\n  .burek-hero-kicker::before {\n    width: 38px;\n  }\n\n  .burek-hero-ghost {\n    left: -8px;\n    font-size: clamp(60px, 20vw, 120px);\n  }\n\n  .burek-hero-title-top {\n    margin-bottom: 10px;\n    font-size: clamp(18px, 4.5vw, 24px);\n    letter-spacing: 0.05em;\n  }\n\n  .burek-hero-title-main {\n    font-size: clamp(42px, 12vw, 72px);\n    line-height: 0.96;\n  }\n\n  .burek-hero-badge {\n    margin-top: 24px;\n    padding: 10px 15px;\n    font-size: 10px;\n    letter-spacing: 0.12em;\n  }\n}\n<\/style>\n\n<div class=\"burek-hero-content\">\n  <div class=\"burek-hero-kicker\">Originalno \u00b7 Premium \u00b7 Pouzdano<\/div>\n\n  <div class=\"burek-hero-title-wrap\">\n    <div class=\"burek-hero-ghost\">A1<\/div>\n\n    <h1 class=\"burek-hero-title\">\n      <span class=\"burek-hero-title-top\">POVERENJE PO\u010cINJE RAZGOVOROM\n<\/span>\n      <span class=\"burek-hero-title-main\">kontaktirajte <em>nas<\/em><\/span>\n    <\/h1>\n  <\/div>\n\n  <div class=\"burek-hero-badge\">\n    <span class=\"burek-hero-badge-dot\"><\/span>\n    Stabilno testo \u00b7 Pouzdan rezultat\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a11d6d elementor-absolute flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-image\" data-id=\"6a11d6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" width=\"1024\" height=\"1024\" src=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-1024x1024.webp\" class=\"attachment-large size-large wp-image-5332\" alt=\"\" srcset=\"https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-1024x1024.webp 1024w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-300x300.webp 300w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-150x150.webp 150w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-768x768.webp 768w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2-256x256.webp 256w, https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/dzak-2.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b789166 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"b789166\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;curve&quot;,&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n    <path class=\"elementor-shape-fill\" d=\"M1000,4.3V0H0v4.3C0.9,23.1,126.7,99.2,500,100S1000,22.7,1000,4.3z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e1f01d e-con-full selector thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"6e1f01d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_custom_css&quot;:&quot;selector {\\n  position: relative;\\n  overflow: hidden;\\n}\\n\\nselector::before {\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 4px;\\n\\n  background: linear-gradient(\\n    90deg,\\n    #78bf43 0%,\\n    rgba(120, 191, 67, 0.2) 100%\\n  );\\n\\n  border-radius: 28px 28px 0 0;\\n}&quot;,&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-cb377c1 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-thegem-contact-form7\" data-id=\"cb377c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;thegem_elementor_preset&quot;:&quot;default&quot;}\" data-widget_type=\"thegem-contact-form7.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1066-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1066\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/468#wpcf7-f1066-o1\" method=\"post\" class=\"wpcf7-form init thegem-cf7 form-cb377c1 label-top\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><legend class=\"screen-reader-text\">Hidden fields<\/legend><input type=\"hidden\" name=\"_wpcf7\" value=\"1066\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1066-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<style>\n.bk-contact-form {\n  max-width: 1120px;\n  margin: 0 auto;\n  padding: 46px 42px 42px;\n}\n\n.bk-form-head {\n  text-align: center;\n  margin-bottom: 34px;\n}\n\n.bk-form-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 14px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #78bf43;\n}\n\n.bk-form-eyebrow::before,\n.bk-form-eyebrow::after {\n  content: \"\";\n  width: 34px;\n  height: 2px;\n  border-radius: 2px;\n  background: #78bf43;\n  display: block;\n}\n\n.bk-form-head h3 {\n  margin: 0 0 10px;\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(34px, 4vw, 56px);\n  line-height: 0.95;\n  font-weight: 900;\n  letter-spacing: -0.03em;\n  color: #111;\n}\n\n.bk-form-head p {\n  margin: 0;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 17px;\n  line-height: 1.7;\n  color: #5a5a5a;\n  align-items: center !important;\n}\n\n.bk-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px 24px;\n}\n\n.bk-field {\n  position: relative;\n}\n\n.bk-field label {\n  display: block;\n  margin-bottom: 10px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #6a6a6a;\n}\n\n.bk-field input,\n.bk-field textarea,\n.bk-field select {\n  width: 100%;\n  border: 0;\n  border-bottom: 1.5px solid rgba(17, 17, 17, 0.28);\n  background: transparent;\n  border-radius: 0;\n  box-shadow: none;\n  outline: none;\n  padding: 0 0 1px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 17px;\n  line-height: 1.5;\n  color: #111;\n  transition: border-color 0.25s ease, color 0.25s ease;\n}\n\n.bk-field textarea {\n  height: 50px;\n  resize: vertical;\n  padding-top: 0;\n}\n\n.bk-field input:focus,\n.bk-field textarea:focus,\n.bk-field select:focus {\n  border-bottom-color: #78bf43;\n}\n\n.bk-field input::placeholder,\n.bk-field textarea::placeholder {\n  color: rgba(17, 17, 17, 0.38);\n}\n\n.bk-field-full {\n  grid-column: 1 \/ -1;\n}\n\n.bk-submit-wrap {\n  text-align: center;\n  margin-top: 10px;\n}\n\n.bk-submit-wrap input[type=\"submit\"] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 240px;\n  padding: 18px 34px;\n  border: 0;\n  border-radius: 16px;\n  background: linear-gradient(135deg, #78bf43 0%, #5e9b2f 100%);\n  color: #fff;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  cursor: pointer;\n  box-shadow: 0 16px 32px rgba(94, 155, 47, 0.22);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;\n}\n\n.bk-submit-wrap input[type=\"submit\"]:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 36px rgba(94, 155, 47, 0.28);\n}\n\n.bk-contact-form .wpcf7-not-valid-tip {\n  margin-top: 8px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 13px;\n}\n\n.bk-contact-form .wpcf7-spinner {\n  margin-top: 16px;\n}\n\n.bk-contact-form .wpcf7-response-output {\n  margin: 26px 0 0 !important;\n  padding: 14px 16px !important;\n  border-radius: 14px;\n  font-family: 'DM Sans', sans-serif;\n  font-size: 14px;\n}\n\n@media (max-width: 767px) {\n  .bk-contact-form {\n    padding: 28px 18px 26px;\n    border-radius: 24px;\n  }\n\n  .bk-form-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .bk-form-head {\n    margin-bottom: 26px;\n  }\n\n  .bk-form-head h3 {\n    font-size: 34px;\n  }\n\n  .bk-form-head p {\n    font-size: 15px;\n  }\n\n  .bk-submit-wrap input[type=\"submit\"] {\n    width: 100%;\n    min-width: 0;\n  }\n}\n<\/style>\n\n<div class=\"bk-contact-form\">\n  <div class=\"bk-form-head\">\n    <span class=\"bk-form-eyebrow\">Kontakt<\/span>\n    <h3>Po\u0161aljite upit<\/h3>\n    <p>Tu smo za sva pitanja, saradnju i dodatne informacije.<\/p>\n  <\/div>\n\n  <div class=\"bk-form-grid\">\n    <div class=\"bk-field\">\n      <label>Naziv firme*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field\">\n      <label>Sedi\u0161te firme*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"company-seat\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"company-seat\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field\">\n      <label>Ime i prezime*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"full-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"full-name\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field\">\n      <label>Broj telefona*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"phone\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field\">\n      <label>E-mail*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field\">\n      <label>Mese\u010dna potro\u0161nja*<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"monthly-consumption\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"monthly-consumption\" \/><\/span>\n    <\/div>\n\n    <div class=\"bk-field bk-field-full\">\n      <label>Poruka<\/label>\n      <span class=\"wpcf7-form-control-wrap\" data-name=\"message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"message\"><\/textarea><\/span>\n    <\/div>\n\n    <div class=\"bk-field bk-field-full bk-submit-wrap\">\n      <input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"PO\u0160ALJI UPIT\" \/>\n    <\/div>\n  <\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bb7e43 e-con-full premium-contact thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"5bb7e43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;thegem_custom_css&quot;:&quot;.premium-contact{\\n  position: relative;\\n  overflow: hidden;\\n\\n  background:\\n    radial-gradient(circle at 80% 20%, rgba(120,191,67,0.12), transparent 30%),\\n    linear-gradient(180deg, #1c2317 0%, #12170f 100%);\\n\\n  border: 1px solid rgba(120,191,67,0.14);\\n  border-radius: 32px;\\n\\n  box-shadow: \\n    0 24px 48px rgba(0, 0, 0, 0.14),\\n    inset 0 1px 0 rgba(255,255,255,0.03);\\n\\n}\\n\\n\\\/* GHOST A1 - TOP RIGHT *\\\/\\n.premium-contact::before{\\n  content: \\&quot;A1\\&quot;;\\n  position: absolute;\\n\\n  right: 0;\\n  top: 0;\\n\\n  \\\/* ovo ga pomera van ivice da izgleda premium *\\\/\\n  transform: translate(60%, 1%);\\n\\n  font-family: &#039;Playfair Display&#039;, serif;\\n  font-size: clamp(120px, 12vw, 220px);\\n  line-height: 0.8;\\n  font-weight: 900;\\n  letter-spacing: -0.06em;\\n\\n  color: rgba(255,255,255,0.035);\\n\\n  pointer-events: none;\\n  user-select: none;\\n}\\n\\n\\\/* OPTIONAL - lagani glow iza A1 *\\\/\\n.premium-footer::after{\\n  content: \\&quot;\\&quot;;\\n  position: absolute;\\n  right: 0;\\n  top: 0;\\n  width: 260px;\\n  height: 260px;\\n\\n  background: radial-gradient(circle, rgba(120,191,67,0.12), transparent 70%);\\n  transform: translate(30%, -30%);\\n\\n  pointer-events: none;\\n}&quot;,&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t<div class=\"elementor-element elementor-element-1d0ebad e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"1d0ebad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b0193 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"f6b0193\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.footer-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n  color: #9acb72;\n  font-family: 'DM Sans', sans-serif;\n}\n\n.footer-kicker::before {\n  content: \"\";\n  width: 36px;\n  height: 2px;\n  border-radius: 2px;\n  background: #78bf43;\n  display: block;\n}\n<\/style>\n\n<div class=\"footer-kicker\">\n  Informacije\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38cad50 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"38cad50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h4 elementor-heading-title elementor-size-default\">Kontakt podaci<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7419fb9 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"7419fb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h4 elementor-heading-title elementor-size-default\">Firma<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-836f3c5 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"836f3c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">MB:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11d28c9 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"11d28c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p>08803820<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81f0499 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"81f0499\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">PIB:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4032f flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"7b4032f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca5989a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"ca5989a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-text-editor elementor-clearfix\"><p>103188224<\/p><\/div><\/div>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05c367f flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"05c367f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">LOkacija:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4089b0 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"b4089b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p><a href=\"https:\/\/www.google.com\/maps\/place\/%C5%BDelezni%C4%8Dka+1a,+%D0%91%D0%B0%D0%B2%D0%B0%D0%BD%D0%B8%D1%88%D1%82%D0%B5+26222\/data=!4m2!3m1!1s0x475086102cad74a3:0x2d651ab4f7caefd5?sa=X&amp;ved=1t:242&amp;ictx=111\">\u017delezni\u010dka 1A, Bavaniste 26222<\/a><\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c7f2e8 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"7c7f2e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-d35dc16 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"d35dc16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h4 elementor-heading-title elementor-size-default\">Kontakt<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01ef70a flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"01ef70a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Telefon:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1436de flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"a1436de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p>+381 13 752 143<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a26ee53 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"a26ee53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Mobilni:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5066384 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"5066384\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p><a href=\"tel:+381600489178\">+381 60 04 89 178<\/a><br \/><a href=\"tel:+381606680229\">+381 60 66 80 229<\/a><\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d315c4 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"4d315c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">E-mail:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d6c50c flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"8d6c50c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p><a href=\"mailto:office@banatski-klas.rs\">office@banatski-klas.rs<\/a><br \/><a href=\"mailto:prodaja@banatski-klas.rs\">prodaja@banatski-klas.rs<\/a><\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2220523 e-con-full thegem-e-con-layout-thegem e-flex e-con e-child\" data-id=\"2220523\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-18c75bf flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"18c75bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"title-h4 elementor-heading-title elementor-size-default\">Radno vreme<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64dc122 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"64dc122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Ponedeljak - petak:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-390ebd1 elementor-widget__width-inherit flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"390ebd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p><strong>07:00 \u2013 15:00<\/strong><\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d7eddb flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-heading\" data-id=\"0d7eddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Subota - Nedelja:<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-617cfa5 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-text-editor\" data-id=\"617cfa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\r\n\t\t\t\t\t\t<p><strong>Zatvoreno<\/strong><\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aef17ed e-con-full thegem-e-con-layout-thegem e-flex e-con e-parent\" data-id=\"aef17ed\" data-element_type=\"container\" data-e-type=\"container\" id=\"kontakt\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-5d93624 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"5d93624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"sr\">\n<head>\n<meta charset=\"utf-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;800;900&family=DM+Sans:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nbody {\n  background: transparent;\n  font-family: 'DM Sans', sans-serif;\n}\n\n#map-container {\n  width: 100%;\n  margin: 0 auto;\n  padding: 30px 24px 24px;\n  position: relative;\n  background:\n    radial-gradient(circle at top left, rgba(120,191,67,0.05), transparent 26%),\n    linear-gradient(180deg, #fbfaf7 0%, #f6f3ed 100%);\n  border: 1px solid rgba(120,191,67,0.12);\n  border-radius: 28px;\n  box-shadow: 0 14px 30px rgba(0,0,0,0.05);\n  overflow: hidden;\n}\n\n#map-container::before {\n  content: \"A1\";\n  position: absolute;\n  right: -10px;\n  top: -16px;\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(90px, 10vw, 170px);\n  line-height: 0.85;\n  font-weight: 900;\n  letter-spacing: -0.05em;\n  color: rgba(120,191,67,0.05);\n  pointer-events: none;\n  user-select: none;\n}\n\n.map-title {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(30px, 3.2vw, 46px);\n  line-height: 0.95;\n  font-weight: 800;\n  letter-spacing: -0.03em;\n  color: #1f1f1f;\n  margin-bottom: 8px;\n}\n\n.map-sub {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #6a6a6a;\n  margin-bottom: 18px;\n}\n\nsvg#geomap {\n  width: 100%;\n  height: min(90vh, 1000px);\n  display: block;\n  position: relative;\n  z-index: 2;\n}\n\n.country {\n  stroke-width: 1px;\n  transition: filter 0.2s ease, opacity 0.2s ease;\n}\n\n.country:hover {\n  filter: brightness(1.02);\n}\n\n.pin { cursor: pointer; }\n\n.pin-logo-shell,\n.pin-logo-img {\n  transition: transform 0.15s ease, opacity 0.15s ease;\n  transform-box: fill-box;\n  transform-origin: center;\n}\n\n.pin:hover .pin-logo-shell,\n.pin:hover .pin-logo-img {\n  transform: scale(1.12);\n}\n\n.pin-ring {\n  fill: none;\n  stroke-width: 1.4;\n  animation: ripple 2.2s ease-out infinite;\n  transform-box: fill-box;\n  transform-origin: center;\n}\n\n@keyframes ripple {\n  0%   { r: 9;  opacity: 0.55; }\n  100% { r: 18; opacity: 0; }\n}\n\n.tt {\n  position: absolute;\n  background: rgba(251,250,247,0.98);\n  border: 1px solid rgba(120,191,67,0.14);\n  border-radius: 18px;\n  padding: 14px;\n  pointer-events: auto;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(6px);\n  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;\n  min-width: 240px;\n  box-shadow: 0 14px 28px rgba(0,0,0,0.08);\n  z-index: 999;\n}\n\n.tt.show {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n}\n\n.tt-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n\n.tt-city {\n  font-family: 'Playfair Display', serif;\n  font-size: 18px;\n  font-weight: 800;\n  color: #171717;\n  line-height: 1.05;\n}\n\n.tt-country {\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  color: #7d7d7d;\n  margin-top: 5px;\n}\n\n.tt-badge {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: #5e9b2f;\n  background: rgba(120,191,67,0.10);\n  border-radius: 999px;\n  padding: 6px 9px;\n  white-space: nowrap;\n}\n\n.tt-phone-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.tt-phone {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  text-decoration: none;\n  font-size: 14px;\n  font-weight: 700;\n  color: #4f9335;\n  background: rgba(120,191,67,0.08);\n  border: 1px solid rgba(120,191,67,0.14);\n  border-radius: 12px;\n  padding: 10px 12px;\n  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;\n}\n\n.tt-phone:hover {\n  background: rgba(120,191,67,0.12);\n  border-color: rgba(120,191,67,0.22);\n  transform: translateY(-1px);\n}\n\n.tt-phone-icon {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #ffffff;\n  box-shadow: inset 0 0 0 1px rgba(120,191,67,0.10);\n  flex-shrink: 0;\n}\n\n.legend {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  justify-content: center;\n  gap: 18px;\n  margin-top: 18px;\n  flex-wrap: wrap;\n}\n\n.leg {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 500;\n  color: #6a6a6a;\n  background: rgba(255,255,255,0.72);\n  border: 1px solid rgba(0,0,0,0.05);\n  border-radius: 999px;\n  padding: 7px 12px;\n}\n\n.leg-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n}\n\n@media (max-width: 767px) {\n  #map-container {\n    padding: 22px 14px 18px;\n    border-radius: 22px;\n  }\n\n  #map-container::before {\n    font-size: 88px;\n    right: -8px;\n    top: -8px;\n  }\n\n  .map-title {\n    font-size: 30px;\n  }\n\n  .map-sub {\n    font-size: 13px;\n    margin-bottom: 14px;\n  }\n\n  svg#geomap {\n    height: 62vh;\n  }\n\n  .tt {\n    min-width: 210px;\n    padding: 12px;\n  }\n\n  .tt-city {\n    font-size: 16px;\n  }\n\n  .legend {\n    gap: 10px;\n  }\n\n  .leg {\n    font-size: 11px;\n    padding: 6px 10px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"map-container\">\n  <div class=\"map-title\">Mre\u017ea distributera<\/div>\n  <div class=\"map-sub\">Prona\u0111ite kontakt informacije za na\u0161e distributere u regionu<\/div>\n\n  <svg id=\"geomap\" viewBox=\"0 0 800 580\"><\/svg>\n\n  <div class=\"tt\" id=\"tt\">\n    <div class=\"tt-top\">\n      <div>\n        <div class=\"tt-city\" id=\"tt-city\"><\/div>\n        <div class=\"tt-country\" id=\"tt-country\"><\/div>\n      <\/div>\n      <div class=\"tt-badge\">Kontakt<\/div>\n    <\/div>\n\n    <div id=\"tt-phone-list\" class=\"tt-phone-list\"><\/div>\n  <\/div>\n\n  <div class=\"legend\">\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#4A90C4\"><\/div>Hrvatska<\/div>\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#3DAA65\"><\/div>Bosna i Hercegovina<\/div>\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#E07B2A\"><\/div>Srbija<\/div>\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#8E63C7\"><\/div>Crna Gora<\/div>\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#D94B4B\"><\/div>Albanija<\/div>\n    <div class=\"leg\"><div class=\"leg-dot\" style=\"background:#C9A227\"><\/div>Severna Makedonija<\/div>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/d3\/7.8.5\/d3.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/topojson-client@3\/dist\/topojson-client.min.js\"><\/script>\n<script>\n(async function() {\n  const svg = d3.select('#geomap');\n  const W = 800, H = 580;\n  const isMobile = window.matchMedia('(max-width: 767px)').matches;\n\n  const COLORS = {\n    'Croatia': { fill:'#D8E6F3', stroke:'#4A90C4' },\n    'Bosnia and Herzegovina': { fill:'#D8EEDC', stroke:'#3DAA65' },\n    'Serbia': { fill:'#F8DFC3', stroke:'#E07B2A' },\n    'Montenegro': { fill:'#E7DCF7', stroke:'#8E63C7' },\n    'Albania': { fill:'#F6D6D6', stroke:'#D94B4B' },\n    'North Macedonia': { fill:'#F3E7BF', stroke:'#C9A227' },\n  };\n\n  const PIN_COLORS = {\n    'Hrvatska': '#4A90C4',\n    'Bosna i Hercegovina': '#3DAA65',\n    'Srbija': '#E07B2A',\n    'Crna Gora': '#8E63C7',\n    'Albanija': '#D94B4B',\n    'Severna Makedonija': '#C9A227',\n  };\n\n  const PINS = [\n    { city:'Subotica',     country:'Srbija',              phones:['060 66 80 229'], lon:19.666, lat:46.100 },\n    { city:'Ka\u0107',          country:'Srbija',              phones:['060 66 80 229'], lon:19.861, lat:45.304 },\n    { city:'Zrenjanin',    country:'Srbija',              phones:['060 66 80 229'], lon:20.389, lat:45.383 },\n    { city:'Lazarevac',    country:'Srbija',              phones:['060 66 80 229'], lon:20.255, lat:44.385 },\n    { city:'Beograd',      country:'Srbija',              phones:['060 66 80 229'], lon:20.457, lat:44.787 },\n    { city:'Kragujevac',   country:'Srbija',              phones:['060 04 89 178'], lon:20.911, lat:44.012 },\n    { city:'Leskovac',     country:'Srbija',              phones:['060 04 89 178'], lon:21.948, lat:42.998 },\n    { city:'Bujanovac',    country:'Srbija',              phones:['060 66 80 229'], lon:21.766, lat:42.462 },\n    { city:'Po\u017eega',       country:'Srbija',              phones:['060 66 80 229'], lon:20.035, lat:43.846 },\n    { city:'Aran\u0111elovac',  country:'Srbija',              phones:['060 66 80 229'], lon:20.560, lat:44.307 },\n    { city:'Novi Pazar',   country:'Srbija',              phones:['060 04 89 178'], lon:20.519, lat:43.137 },\n    { city:'Negotin',      country:'Srbija',              phones:['060 04 89 178'], lon:22.530, lat:44.226 },\n    { city:'Prijepolje',   country:'Srbija',              phones:['060 04 89 178'], lon:19.648, lat:43.389 },\n    { city:'Drenovac',     country:'Srbija',              phones:['060 66 80 229'], lon:21.090, lat:43.900 },\n\n    {\n      city:'Bavani\u0161te',\n      country:'Srbija',\n      phones:['060 66 80 229', '060 04 89 178', '013 752 143'],\n      lon:20.620,\n      lat:44.820,\n      logoType:'banatski-klas'\n    },\n\n    { city:'Pri\u0161tina',     country:'Srbija',              phones:['060 04 89 178'], lon:21.166, lat:42.667 },\n\n    { city:'Sarajevo',     country:'Bosna i Hercegovina', phones:['060 04 89 178'], lon:18.413, lat:43.848 },\n    { city:'\u017divinice',     country:'Bosna i Hercegovina', phones:['060 04 89 178'], lon:18.650, lat:44.450 },\n\n    { city:'Donja Zelina', country:'Hrvatska',            phones:['060 04 89 178'], lon:16.244, lat:45.950 },\n\n    { city:'Milot',        country:'Albanija',            phones:['060 04 89 178'], lon:19.715, lat:41.683 },\n\n    { city:'Nik\u0161i\u0107',       country:'Crna Gora',           phones:['060 04 89 178'], lon:18.956, lat:42.773 },\n    { city:'Danilovgrad',  country:'Crna Gora',           phones:['060 04 89 178'], lon:19.103, lat:42.553 },\n    { city:'Bijelo Polje', country:'Crna Gora',           phones:['060 04 89 178'], lon:19.747, lat:43.039 },\n    { city:'Podgorica',    country:'Crna Gora',           phones:['060 04 89 178'], lon:19.262, lat:42.441 },\n\n    { city:'Skoplje',      country:'Severna Makedonija',  phones:['060 04 89 178'], lon:21.431, lat:41.998 },\n    { city:'Prilep',       country:'Severna Makedonija',  phones:['060 04 89 178'], lon:21.555, lat:41.346 },\n  ];\n\n  let world;\n  try {\n    const resp = await fetch('https:\/\/cdn.jsdelivr.net\/npm\/world-atlas@2\/countries-10m.json');\n    world = await resp.json();\n  } catch(e) {\n    svg.append('text')\n      .attr('x',400)\n      .attr('y',290)\n      .attr('text-anchor','middle')\n      .attr('fill','#888')\n      .text('Gre\u0161ka pri u\u010ditavanju mape.');\n    return;\n  }\n\n  const countries = topojson.feature(world, world.objects.countries);\n\n  const NAME_MAP = {\n    '191': 'Croatia',\n    '070': 'Bosnia and Herzegovina',\n    '688': 'Serbia',\n    '383': 'Serbia',\n    '807': 'North Macedonia',\n    '499': 'Montenegro',\n    '008': 'Albania'\n  };\n\n  const SHOW = new Set(['191','070','688','807','499','008','383']);\n\n  const filtered = {\n    type: 'FeatureCollection',\n    features: countries.features.filter(f => SHOW.has(f.id?.toString().padStart(3,'0')))\n  };\n\nconst projection = d3.geoMercator()\n  .center(isMobile ? [20.2, 43.6] : [18.8, 43.5])\n  .scale(isMobile ? 6800 : 3900)\n  .translate([\n    W \/ 2 + (isMobile ? 100 : 0),\n    H \/ 2 + (isMobile ? 5 : 0)\n  ]);\n\n  const path = d3.geoPath().projection(projection);\n\n  svg.selectAll('.country')\n    .data(filtered.features)\n    .join('path')\n    .attr('class','country')\n    .attr('d', path)\n    .each(function(d) {\n      const id = d.id?.toString().padStart(3,'0');\n      const name = NAME_MAP[id];\n\n      if (name && COLORS[name]) {\n        d3.select(this)\n          .attr('fill', COLORS[name].fill)\n          .attr('stroke', COLORS[name].stroke);\n      } else {\n        d3.select(this)\n          .attr('fill','#E8E8E8')\n          .attr('stroke','#C0C0C0');\n      }\n    });\n\n  const labelTargets = {\n    '191':'Hrvatska',\n    '070':'Bosna i\\nHercegovina',\n    '688':'Srbija',\n    '499':'Crna Gora',\n    '008':'Albanija',\n    '807':'Severna\\nMakedonija'\n  };\n\n  filtered.features.forEach(f => {\n    const id = f.id?.toString().padStart(3,'0');\n    if (!labelTargets[id]) return;\n\n    const centroid = path.centroid(f);\n    if (!centroid || isNaN(centroid[0])) return;\n\n    const lines = labelTargets[id].split('\\n');\n    const g = svg.append('g').attr('pointer-events','none');\n\n    lines.forEach((line, i) => {\n      g.append('text')\n        .attr('x', centroid[0])\n        .attr('y', centroid[1] + (i - (lines.length-1)\/2) * 16)\n        .attr('text-anchor','middle')\n        .attr('font-size','12')\n        .attr('font-weight','600')\n        .attr('fill',\n          id==='191' ? '#1A5276' :\n          id==='070' ? '#1A6E35' :\n          id==='688' ? '#784212' :\n          id==='499' ? '#5A3E89' :\n          id==='008' ? '#8D2F2F' :\n          '#8A6F16'\n        )\n        .attr('opacity','0.78')\n        .attr('font-family','DM Sans, sans-serif')\n        .text(line);\n    });\n  });\n\n  const wrap = document.getElementById('map-container');\n  const tt = document.getElementById('tt');\n  const ttCity = document.getElementById('tt-city');\n  const ttCountry = document.getElementById('tt-country');\n  const ttPhoneList = document.getElementById('tt-phone-list');\n\n  let activePin = null;\n\n  function positionTooltipNearPin(pinElement) {\n    const wrapRect = wrap.getBoundingClientRect();\n    const pinRect = pinElement.getBoundingClientRect();\n\n    const ttWidth = tt.offsetWidth || 240;\n    const ttHeight = tt.offsetHeight || 100;\n    const gap = 12;\n\n    const pinCenterX = pinRect.left - wrapRect.left + (pinRect.width \/ 2);\n    const pinCenterY = pinRect.top - wrapRect.top + (pinRect.height \/ 2);\n\n    let left = pinCenterX + gap;\n    let top = pinCenterY - (ttHeight \/ 2);\n\n    if (left + ttWidth > wrapRect.width - 8) {\n      left = pinCenterX - ttWidth - gap;\n    }\n\n    if (left < 8) left = 8;\n\n    if (top < 8) {\n      top = pinCenterY + gap;\n    }\n\n    if (top + ttHeight > wrapRect.height - 8) {\n      top = wrapRect.height - ttHeight - 8;\n    }\n\n    tt.style.left = left + 'px';\n    tt.style.top = top + 'px';\n  }\n\n  function showTooltip(p, pinElement) {\n    ttCity.textContent = p.city;\n    ttCountry.textContent = p.country;\n\n    ttPhoneList.innerHTML = '';\n\n    (p.phones || []).forEach(phone => {\n      const a = document.createElement('a');\n      a.className = 'tt-phone';\n      a.href = 'tel:' + phone.replace(\/[^\\d+]\/g, '');\n\n      a.innerHTML = `\n        <span class=\"tt-phone-icon\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.37 2 2 0 0 1 3.58 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.54a16 16 0 0 0 6.29 6.29l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n          <\/svg>\n        <\/span>\n        <span>${phone}<\/span>\n      `;\n\n      ttPhoneList.appendChild(a);\n    });\n\n    tt.classList.add('show');\n    requestAnimationFrame(() => positionTooltipNearPin(pinElement));\n  }\n\n  function hideTooltip() {\n    activePin = null;\n    tt.classList.remove('show');\n  }\n\n  const a1LogoUrl = 'https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/logo-A1-04-scaled.png';\n\n  \/* OVDE UBACI PRAVI WORDPRESS URL ZA BANATSKI KLAS LOGO *\/\n  const banatskiKlasLogoUrl = 'https:\/\/wizardtest1.site\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-23-at-08.22.45.jpeg';\n\n  PINS.forEach(p => {\n    const projected = projection([p.lon, p.lat]);\n    if (!projected) return;\n\n    const [px, py] = projected;\n    const color = PIN_COLORS[p.country] || '#888';\n    const pinLogo = p.logoType === 'banatski-klas' ? banatskiKlasLogoUrl : a1LogoUrl;\n\n    const g = svg.append('g')\n      .attr('class','pin')\n      .attr('transform', `translate(${px},${py})`);\n\n const pinSize = isMobile ? 22 : 9;\nconst logoSize = isMobile ? 39 : 18;\n\ng.append('circle')\n  .attr('class','pin-ring')\n  .attr('r', pinSize)\n  .attr('stroke', color)\n  .attr('fill', 'none')\n  .attr('stroke-width', 1.4);\n\ng.append('circle')\n  .attr('class','pin-logo-shell')\n  .attr('r', pinSize)\n  .attr('fill', '#fff')\n  .attr('stroke', color)\n  .attr('stroke-width', 1.6);\n\ng.append('image')\n  .attr('class', 'pin-logo-img')\n  .attr('href', pinLogo)\n  .attr('x', -logoSize \/ 2)\n  .attr('y', -logoSize \/ 2)\n  .attr('width', logoSize)\n  .attr('height', logoSize)\n  .attr('preserveAspectRatio', 'xMidYMid meet');\n\n    g.on('mouseenter', function() {\n      activePin = { p, element: this };\n      showTooltip(p, this);\n    });\n\n    g.on('mouseleave', function(event) {\n      const toElement = event.relatedTarget;\n      if (toElement && tt.contains(toElement)) return;\n      hideTooltip();\n    });\n  });\n\n  tt.addEventListener('mouseleave', function(event) {\n    const toElement = event.relatedTarget;\n    if (toElement && toElement.closest && toElement.closest('.pin')) return;\n    hideTooltip();\n  });\n\n  window.addEventListener('resize', function() {\n    if (tt.classList.contains('show') && activePin) {\n      positionTooltipNearPin(activePin.element);\n    }\n  });\n})();\n<\/script>\n<\/body>\n<\/html>\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>Originalno \u00b7 Premium \u00b7 Pouzdano A1 POVERENJE PO\u010cINJE RAZGOVOROM kontaktirajte nas Stabilno testo \u00b7 Pouzdan rezultat Hidden fields Kontakt Po\u0161aljite&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-468","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/comments?post=468"}],"version-history":[{"count":353,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"predecessor-version":[{"id":5758,"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/pages\/468\/revisions\/5758"}],"wp:attachment":[{"href":"https:\/\/wizardtest1.site\/en\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}