{"id":17,"date":"2026-09-15T14:21:38","date_gmt":"2026-09-15T12:21:38","guid":{"rendered":"https:\/\/jocaprevoz.com\/?page_id=17"},"modified":"2026-09-15T15:53:33","modified_gmt":"2026-09-15T13:53:33","slug":"pocetna","status":"publish","type":"page","link":"https:\/\/jocaprevoz.com\/en\/","title":{"rendered":"Po\u010detna strana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db3ea88 e-con-full e-flex e-con e-parent\" data-id=\"db3ea88\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d78cf03 e-con-full e-flex e-con e-child\" data-id=\"d78cf03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-976fe77 elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"976fe77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/jocaprevoz.com\/en\">\n\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview.png\" class=\"attachment-full size-full wp-image-26\" alt=\"\" srcset=\"https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview.png 500w, https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview-300x300.png 300w, https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview-150x150.png 150w, https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview-12x12.png 12w, https:\/\/jocaprevoz.com\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview-320x320.png 320w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t<\/a>\n\t\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-259baf1 e-con-full e-flex e-con e-child\" data-id=\"259baf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686acf5 elementor-widget elementor-widget-html\" data-id=\"686acf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     HEADER \u2014 desni blok: telefoni + dugme \u201eRezervi\u0161i\"\n     Ide u prazan Elementor kontejner desno od logoa.\n     Samostalan je: nema logo, nema pozadinu, nema sticky \u2014\n     to sve radi Elementor kontejner u koji ga stavlja\u0161.\n     ============================================================ -->\n\n<div class=\"jph-akcije\">\n\n  <a class=\"jph-tel\" href=\"tel:+38163207540\">\n    <span class=\"jph-tel__ikona\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/span>\n    <span class=\"jph-tel__tekst\">\n      <small>Srbija<\/small>\n      <b>063 \/ 207 540<\/b>\n    <\/span>\n  <\/a>\n\n  <a class=\"jph-tel jph-tel--at\" href=\"tel:+436643810913\">\n    <span class=\"jph-tel__ikona\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n        <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/span>\n    <span class=\"jph-tel__tekst\">\n      <small>Austrija<\/small>\n      <b>+43 (66) 43 810 913<\/b>\n    <\/span>\n  <\/a>\n\n  <a class=\"jph-cta\" href=\"#rezervacija\">Rezervi\u0161i<\/a>\n\n<\/div>\n\n<style>\n  .jph-akcije, .jph-akcije *{ box-sizing:border-box; }\n\n  .jph-akcije{\n    --jph-plava:   #123CAB;\n    --jph-plava-t: #0C2C80;\n    --jph-tamna:   #0F1722;\n    --jph-tiho:    #7C8894;\n    --jph-ivica:   rgba(15,23,34,.09);\n\n    display:flex; align-items:center; justify-content:flex-end;\n    flex-wrap:wrap; gap:9px;\n    font-family:inherit; line-height:1.4;\n  }\n\n  .jph-akcije a{ text-decoration:none !important; }\n\n  \/* ---------- Telefoni ---------- *\/\n  .jph-tel{\n    display:inline-flex; align-items:center; gap:10px;\n    padding:9px 16px; border:1px solid var(--jph-ivica); border-radius:14px;\n    background:#fff; color:var(--jph-tamna) !important; white-space:nowrap;\n    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n  }\n  .jph-tel:hover{\n    border-color:var(--jph-plava); transform:translateY(-2px);\n    box-shadow:0 10px 24px rgba(18,60,171,.14);\n  }\n  .jph-tel__ikona{ display:grid; place-items:center; flex:none; color:var(--jph-plava); }\n  .jph-tel__ikona svg{ width:17px; height:17px; display:block; }\n\n  .jph-tel__tekst{ display:flex; flex-direction:column; line-height:1.15; }\n  .jph-tel__tekst small{\n    font-size:9px; font-weight:830; letter-spacing:.11em;\n    text-transform:uppercase; color:var(--jph-tiho);\n  }\n  .jph-tel__tekst b{ font-size:14.5px; font-weight:830; letter-spacing:-.01em; }\n\n  \/* ---------- Dugme ---------- *\/\n  .jph-cta{\n    display:inline-flex; align-items:center; justify-content:center;\n    min-height:46px; padding:11px 24px; border-radius:13px;\n    border:1px solid var(--jph-plava);\n    background:linear-gradient(135deg, var(--jph-plava), var(--jph-plava-t));\n    color:#fff !important; font-size:14px; font-weight:790; white-space:nowrap;\n    box-shadow:0 12px 28px rgba(18,60,171,.26);\n    transition:transform .22s ease, box-shadow .22s ease;\n  }\n  .jph-cta:hover{ transform:translateY(-2px); box-shadow:0 18px 36px rgba(18,60,171,.34); }\n\n  \/* ---------- U\u017ei ekrani ---------- *\/\n  @media (max-width:1200px){\n    .jph-tel--at{ display:none; }          \/* ostaje samo srpski broj *\/\n  }\n  @media (max-width:880px){\n    .jph-akcije{ gap:7px; }\n    .jph-tel__tekst small{ display:none; }\n    .jph-tel{ padding:9px 13px; }\n    .jph-tel__tekst b{ font-size:13.5px; }\n    .jph-cta{ padding:11px 16px; font-size:13px; min-height:42px; }\n  }\n  @media (max-width:520px){\n    .jph-akcije{ justify-content:center; }\n    .jph-tel__tekst{ display:none; }        \/* telefon postaje samo ikonica *\/\n    .jph-tel{ padding:11px; border-radius:50%; }\n    .jph-cta{ flex:1; }\n  }\n\n  @media (prefers-reduced-motion:reduce){\n    .jph-tel, .jph-cta{ transition:none; }\n  }\n<\/style>\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-44ba4b2 e-con-full e-flex e-con e-parent\" data-id=\"44ba4b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce38535 elementor-widget elementor-widget-html\" data-id=\"ce38535\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"jp-page\" id=\"joca-prevoz\">\n  <style>\n    \/* ============================================================\n       ZA\u0160TITA ZA PREVEDENE STRANICE (TranslatePress \/de\/ \/en\/)\n       Tema \u201elogistics-hub\" ponekad ostavi kontejnere na fiksnoj\n       \u0161irini kad JS ne zavr\u0161i init na prevedenom URL-u, pa se\n       stranica prika\u017ee na pola. Ovo im name\u0107e punu \u0161irinu.\n       Ako ikad zatreba boxed layout, obri\u0161i ovaj blok.\n       ============================================================ *\/\n    \/* KOREN: body\/html na prevedenim stranama znaju ostati uski i odsecati\n       sadr\u017eaj. Forsiramo ih na punu \u0161irinu \u2014 ovo je pravi lek. *\/\n    html.trp-lang-active, html[lang], html{\n      width:100% !important; max-width:100% !important; overflow-x:clip !important;\n    }\n    body{\n      width:100% !important; max-width:100% !important; min-width:100% !important;\n      margin-left:0 !important; margin-right:0 !important; overflow-x:clip !important;\n    }\n\n    \/* Puna \u0160IRINA PROZORA (100vw) \u2014 nezavisno od toga \u0161to je body\/wrapper\n       na prevedenoj strani ostao uzak. Sadr\u017eaj po\u010dinje od leve ivice,\n       pa se 100vw razvu\u010de do kraja ekrana. *\/\n    #lqd-wrap,\n    #lqd-site-content-wrap,\n    #lqd-page-content-wrap,\n    #lqd-page-content{\n      width:100vw !important;\n      max-width:100vw !important;\n      margin-left:0 !important;\n      margin-right:0 !important;\n      overflow-x:clip;\n    }\n    #lqd-page-content > .elementor,\n    #lqd-page-content .elementor-section-wrap,\n    #lqd-page-content .e-con,\n    #lqd-page-content .elementor-widget-html{\n      width:100% !important;\n      max-width:100% !important;\n      flex:1 1 100% !important;\n    }\n    .jp-page{ display:block; width:100%; max-width:100%; }\n\n    .jp-page, .jp-page * { box-sizing: border-box; }\n\n    .jp-page{\n      --jp-plava:      #123CAB;\n      --jp-plava-tam:  #0C2C80;\n      --jp-plava-dub:  #071B52;\n      --jp-plava-blaga:#EEF3FF;\n      --jp-plava-pale: #F7F9FF;\n      --jp-narandzasta:#F07A22;\n      --jp-narandzasta-tam:#D56512;\n      --jp-tamna:      #0F1722;\n      --jp-tamna-meka: #23303F;\n      --jp-tekst:      #59636F;\n      --jp-tiho:       #7C8894;\n      --jp-bela:       #FFFFFF;\n      --jp-povrsina:   #F4F6FA;\n      --jp-ivica:      rgba(15,23,34,.09);\n      --jp-uspeh:      #1FA463;\n      --jp-senka:      0 22px 60px rgba(15,23,34,.09);\n\n      \/* Razmak na vrhu \u2014 mesto za Elementor header koji stoji preko sadr\u017eaja.\n         Ako ti header bude vi\u0161i ili ni\u017ei, menjaj samo ovu vrednost. *\/\n      \/* Visina Elementor headera koji stoji iznad \u2014 koristi se za razmak\n         na vrhu i za skok na sekcije preko # linkova. Podesi po svom headeru. *\/\n      --jp-header-h:   84px;\n      --jp-vrh:        56px;   \/* dodatni vazduh ispod headera *\/\n\n      position:relative; width:100%; max-width:100%;\n      \/* overflow-x:clip umesto hidden \u2014 se\u010de bo\u010dno prelivanje,\n         a ne pravi scroll kontejner koji bi ometao Elementor sticky header *\/\n      overflow-x:clip;\n      \/* Duge nema\u010dke re\u010di ne smeju da probiju \u0161irinu i \u201eskupe\" stranicu *\/\n      overflow-wrap:break-word; word-break:normal;\n      background:var(--jp-bela); color:var(--jp-tamna);\n      font-family:inherit; isolation:isolate; line-height:1.6;\n    }\n\n    .jp-page input, .jp-page select, .jp-page textarea, .jp-page button { font-family:inherit; }\n    .jp-page a { text-decoration:none; }\n    .jp-page img { max-width:100%; display:block; }\n\n    .jp-container{ position:relative; z-index:2; width:min(1260px, calc(100% - 40px)); margin:0 auto; }\n    .jp-page section[id]{ scroll-margin-top:calc(var(--jp-header-h) + 14px); }\n\n    \/* ---------- Zajedni\u010dki elementi ---------- *\/\n    .jp-eyebrow{\n      display:inline-flex; align-items:center; gap:10px; margin:0 0 16px;\n      color:var(--jp-plava); font-size:10.5px; font-weight:850;\n      letter-spacing:.14em; line-height:1.4; text-transform:uppercase;\n    }\n    .jp-eyebrow::before{\n      content:\"\"; width:28px; height:2px; border-radius:999px;\n      background:linear-gradient(90deg, var(--jp-plava), var(--jp-narandzasta));\n    }\n    .jp-eyebrow--svetli{ color:rgba(255,255,255,.82); }\n    .jp-eyebrow--svetli::before{ background:rgba(255,255,255,.5); }\n\n    .jp-heading{\n      max-width:880px; overflow-wrap:break-word; margin:0; color:var(--jp-tamna);\n      font-size:clamp(32px, 4.6vw, 58px); font-weight:820;\n      letter-spacing:-.05em; line-height:1.06; text-wrap:balance;\n    }\n    .jp-heading span{ color:var(--jp-plava); }\n    .jp-heading--svetli{ color:var(--jp-bela); }\n    .jp-heading--svetli span{ color:#FFC79A; }\n\n    .jp-lead{\n      max-width:750px; margin:18px 0 0; color:var(--jp-tekst);\n      font-size:clamp(15px, 1.3vw, 18px); line-height:1.78; text-wrap:pretty;\n    }\n    .jp-lead strong{ color:var(--jp-tamna); font-weight:760; }\n    .jp-lead--svetli{ color:rgba(255,255,255,.8); }\n    .jp-lead--svetli strong{ color:#fff; }\n\n    .jp-section-header{\n      display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.56fr);\n      align-items:end; gap:50px; margin-bottom:44px;\n    }\n    .jp-section-header__text{ margin:0 0 4px; color:var(--jp-tekst); font-size:14px; line-height:1.76; }\n\n    \/* ---------- Dugmad ---------- *\/\n    .jp-button{\n      display:inline-flex; align-items:center; justify-content:center; gap:9px;\n      min-height:54px; padding:13px 22px; border-radius:13px; border:1px solid transparent;\n      font-size:13px; font-weight:790; line-height:1.35; text-align:center; cursor:pointer;\n      transition:transform .24s ease, border-color .24s ease, background-color .24s ease, box-shadow .24s ease;\n    }\n    .jp-button svg{ width:18px; height:18px; flex:none; }\n    .jp-button--primary{\n      border-color:var(--jp-plava);\n      background:linear-gradient(135deg, var(--jp-plava), var(--jp-plava-tam));\n      color:var(--jp-bela) !important; box-shadow:0 15px 32px rgba(18,60,171,.27);\n    }\n    .jp-button--primary:hover{ box-shadow:0 20px 40px rgba(18,60,171,.36); }\n    .jp-button--narandzasta{\n      border-color:var(--jp-narandzasta);\n      background:linear-gradient(135deg, #F79245, var(--jp-narandzasta));\n      color:#fff !important; box-shadow:0 15px 32px rgba(240,122,34,.3);\n    }\n    .jp-button--narandzasta:hover{ box-shadow:0 20px 40px rgba(240,122,34,.4); }\n    .jp-button--secondary{\n      border-color:rgba(18,60,171,.26); background:rgba(255,255,255,.92);\n      color:var(--jp-tamna) !important; box-shadow:0 12px 28px rgba(15,23,34,.06);\n    }\n    .jp-button--secondary:hover{ border-color:var(--jp-plava); box-shadow:0 17px 34px rgba(15,23,34,.1); }\n    .jp-button--duh{\n      border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.1);\n      color:#fff !important; backdrop-filter:blur(6px);\n    }\n    .jp-button--duh:hover{ border-color:#fff; background:rgba(255,255,255,.18); }\n    .jp-button:hover{ transform:translateY(-3px); }\n\n    \/* ---------- Reveal animacija ---------- *\/\n    [data-jp-reveal]{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease; }\n    [data-jp-reveal].jp-visible{ opacity:1; transform:none; }\n    [data-jp-delay=\"1\"]{ transition-delay:.09s; }\n    [data-jp-delay=\"2\"]{ transition-delay:.18s; }\n    [data-jp-delay=\"3\"]{ transition-delay:.27s; }\n\n    \/* ================= HERO ================= *\/\n    .jp-hero{\n      position:relative; overflow:hidden; padding:var(--jp-vrh) 0 84px;\n      background:\n        radial-gradient(circle at 8% 12%, rgba(18,60,171,.12), transparent 32%),\n        radial-gradient(circle at 92% 18%, rgba(240,122,34,.14), transparent 34%),\n        linear-gradient(135deg, #FFFFFF 0%, var(--jp-plava-pale) 54%, var(--jp-plava-blaga) 100%);\n    }\n    .jp-hero::before{\n      content:\"\"; position:absolute; top:-380px; right:-260px; width:760px; height:760px;\n      border:1px solid rgba(18,60,171,.1); border-radius:50%; pointer-events:none;\n    }\n\n    .jp-hero__grid{\n      display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.8fr);\n      align-items:center; gap:clamp(42px, 6vw, 84px);\n    }\n    .jp-hero__title{\n      max-width:860px; overflow-wrap:break-word; margin:0 0 20px; color:var(--jp-tamna);\n      font-size:clamp(40px, 6vw, 76px); font-weight:840;\n      letter-spacing:-.06em; line-height:1; text-wrap:balance;\n    }\n    .jp-hero__title span{ color:var(--jp-plava); }\n    .jp-hero__desc{ max-width:640px; margin:0; color:var(--jp-tekst); font-size:clamp(16px,1.4vw,19px); line-height:1.78; }\n    .jp-hero__desc strong{ color:var(--jp-tamna); font-weight:760; }\n    .jp-hero__akcije{ display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }\n    .jp-hero__micro{\n      display:flex; align-items:flex-start; gap:8px; margin-top:18px;\n      color:var(--jp-tiho); font-size:11px; line-height:1.55;\n    }\n    .jp-hero__micro svg{ flex:none; width:16px; height:16px; margin-top:1px; color:var(--jp-uspeh); }\n\n    \/* --- Odbrojavanje do polaska --- *\/\n    .jp-odbroj{\n      display:inline-flex; align-items:center; gap:14px; margin-bottom:22px;\n      padding:9px 9px 9px 16px; border:1px solid rgba(18,60,171,.18);\n      border-radius:999px; background:rgba(255,255,255,.85); box-shadow:0 10px 26px rgba(15,23,34,.06);\n    }\n    .jp-odbroj__tacka{\n      position:relative; width:8px; height:8px; border-radius:50%; background:var(--jp-uspeh); flex:none;\n    }\n    .jp-odbroj__tacka::after{\n      content:\"\"; position:absolute; inset:-5px; border-radius:50%;\n      background:rgba(31,164,99,.22); animation:jp-puls 2s ease-out infinite;\n    }\n    @keyframes jp-puls{ 0%{ transform:scale(.7); opacity:.9; } 100%{ transform:scale(1.9); opacity:0; } }\n    .jp-odbroj__tekst{ font-size:12px; font-weight:750; color:var(--jp-tekst); }\n    .jp-odbroj__tekst b{ color:var(--jp-tamna); font-weight:850; }\n    .jp-odbroj__sat{\n      padding:7px 13px; border-radius:999px; background:var(--jp-tamna);\n      color:#fff; font-size:13px; font-weight:850; font-variant-numeric:tabular-nums; letter-spacing:.02em;\n    }\n\n    \/* --- Vizual sa rutom --- *\/\n    .jp-ruta-karta{\n      position:relative; min-height:520px; overflow:hidden;\n      border:1px solid rgba(255,255,255,.3); border-radius:30px;\n      background:\n        radial-gradient(circle at 82% 12%, rgba(255,255,255,.18), transparent 30%),\n        linear-gradient(150deg, var(--jp-plava), var(--jp-plava-tam) 56%, var(--jp-plava-dub));\n      color:#fff; box-shadow:0 32px 78px rgba(7,27,82,.32); isolation:isolate;\n    }\n    .jp-ruta-karta::before{\n      content:\"\"; position:absolute; z-index:-1; right:-150px; bottom:-220px;\n      width:460px; height:460px; border:1px solid rgba(255,255,255,.15); border-radius:50%;\n    }\n    .jp-ruta-karta__vrh{\n      display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px 0;\n    }\n    .jp-ruta-karta__oznaka{\n      display:inline-flex; align-items:center; gap:8px;\n      font-size:9.5px; font-weight:830; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.78);\n    }\n    .jp-ruta-karta__oznaka::before{\n      content:\"\"; width:7px; height:7px; border-radius:50%; background:#8BE4B6; box-shadow:0 0 0 5px rgba(139,228,182,.14);\n    }\n    .jp-ruta-karta__cena{ font-size:11px; font-weight:820; color:#fff; }\n    .jp-ruta{ position:relative; margin:6px 20px 0; min-height:290px; }\n    .jp-ruta svg{ display:block; width:100%; height:300px; }\n    .jp-ruta__linija{\n      fill:none; stroke:rgba(255,255,255,.5); stroke-width:2.5; stroke-linecap:round;\n      stroke-dasharray:8 10; animation:jp-tok 22s linear infinite;\n    }\n    @keyframes jp-tok{ to{ stroke-dashoffset:-360; } }\n    .jp-ruta__vozilo{ animation:jp-vozi 9s ease-in-out infinite; }\n    @keyframes jp-vozi{\n      0%,100%{ offset-distance:0%; } 50%{ offset-distance:100%; }\n    }\n    .jp-ruta__tacka{\n      position:absolute; z-index:3; min-width:120px; padding:10px 12px;\n      border:1px solid rgba(255,255,255,.2); border-radius:14px;\n      background:rgba(255,255,255,.12); backdrop-filter:blur(8px);\n    }\n    .jp-ruta__tacka b{ display:block; font-size:13px; font-weight:850; }\n    .jp-ruta__tacka span{ display:block; font-size:10px; color:rgba(255,255,255,.72); font-weight:700; margin-top:2px; }\n    .jp-ruta__tacka--a{ top:8px; left:4px; }\n    .jp-ruta__tacka--b{ top:118px; left:34%; }\n    .jp-ruta__tacka--c{ bottom:6px; right:4px; text-align:right; }\n\n    .jp-ruta-karta__dno{\n      display:grid; grid-template-columns:repeat(3,1fr); gap:1px;\n      margin:18px 20px 20px; border-radius:16px; overflow:hidden; background:rgba(255,255,255,.14);\n    }\n    .jp-ruta-karta__stavka{ padding:14px 12px; background:rgba(9,28,74,.42); text-align:center; }\n    .jp-ruta-karta__stavka b{ display:block; font-size:18px; font-weight:850; }\n    .jp-ruta-karta__stavka span{ display:block; margin-top:3px; font-size:9.5px; font-weight:750; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.66); }\n\n    \/* ================= TRUST BAR ================= *\/\n    .jp-trust{ padding:0; margin-top:-40px; position:relative; z-index:5; }\n    .jp-trust__grid{\n      display:grid; grid-template-columns:repeat(4,1fr); gap:1px;\n      border:1px solid var(--jp-ivica); border-radius:22px; overflow:hidden;\n      background:var(--jp-ivica); box-shadow:var(--jp-senka);\n    }\n    .jp-trust__stavka{ display:flex; gap:13px; padding:22px 20px; background:#fff; }\n    .jp-trust__ikona{\n      flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:12px;\n      background:var(--jp-plava-blaga); color:var(--jp-plava);\n    }\n    .jp-trust__ikona svg{ width:20px; height:20px; }\n    .jp-trust__stavka b{ display:block; font-size:15px; font-weight:830; color:var(--jp-tamna); }\n    .jp-trust__stavka span{ display:block; margin-top:3px; font-size:12.5px; color:var(--jp-tekst); line-height:1.55; }\n\n    \/* ================= FORMA ================= *\/\n    .jp-rezervacija{ padding:96px 0; background:var(--jp-bela); }\n    .jp-rezervacija__layout{\n      display:grid; grid-template-columns:minmax(0,.92fr) minmax(400px,1fr);\n      align-items:start; gap:clamp(38px,5vw,72px);\n    }\n    .jp-prednosti{ margin:30px 0 0; padding:0; list-style:none; display:grid; gap:14px; }\n    .jp-prednosti li{ display:flex; gap:11px; font-size:14.5px; color:var(--jp-tekst); line-height:1.6; }\n    .jp-prednosti svg{ flex:none; width:19px; height:19px; margin-top:2px; color:var(--jp-uspeh); }\n    .jp-prednosti strong{ color:var(--jp-tamna); font-weight:760; }\n\n    .jp-forma-karta{\n      padding:clamp(24px,2.6vw,34px); border:1px solid var(--jp-ivica); border-radius:24px;\n      background:linear-gradient(160deg, #fff, var(--jp-plava-pale)); box-shadow:var(--jp-senka);\n    }\n    .jp-forma-karta__vrh{ margin-bottom:22px; }\n    .jp-forma-karta__vrh h3{ margin:0 0 6px; font-size:21px; font-weight:840; letter-spacing:-.03em; color:var(--jp-tamna); }\n    .jp-forma-karta__vrh p{ margin:0; font-size:13px; color:var(--jp-tekst); line-height:1.65; }\n\n    .jp-forma{ display:grid; gap:15px; }\n    .jp-red{ display:grid; grid-template-columns:1fr 1fr; gap:15px; }\n    .jp-polje{ display:grid; gap:7px; }\n    .jp-polje label{ font-size:11px; font-weight:820; letter-spacing:.05em; text-transform:uppercase; color:var(--jp-tamna-meka); }\n    .jp-polje input, .jp-polje select, .jp-polje textarea{\n      width:100%; padding:13px 14px; border:1px solid var(--jp-ivica); border-radius:12px;\n      background:#fff; color:var(--jp-tamna); font-size:14.5px; transition:border-color .2s ease, box-shadow .2s ease;\n    }\n    .jp-polje input:focus, .jp-polje select:focus, .jp-polje textarea:focus{\n      outline:none; border-color:var(--jp-plava); box-shadow:0 0 0 4px rgba(18,60,171,.1);\n    }\n    .jp-polje.is-invalid input, .jp-polje.is-invalid select{ border-color:#D8443A; box-shadow:0 0 0 4px rgba(216,68,58,.1); }\n    .jp-polje__greska{ display:none; font-size:11.5px; font-weight:700; color:#D8443A; }\n    .jp-polje.is-invalid .jp-polje__greska{ display:block; }\n\n    .jp-izbor{ display:flex; flex-wrap:wrap; gap:8px; }\n    .jp-izbor input{ position:absolute; opacity:0; pointer-events:none; }\n    .jp-izbor label{\n      padding:9px 14px; border:1px solid var(--jp-ivica); border-radius:999px; background:#fff;\n      font-size:12.5px; font-weight:750; text-transform:none; letter-spacing:0;\n      color:var(--jp-tekst); cursor:pointer; transition:all .2s ease;\n    }\n    .jp-izbor input:checked + label{\n      border-color:var(--jp-plava); background:var(--jp-plava); color:#fff;\n      box-shadow:0 8px 20px rgba(18,60,171,.24);\n    }\n    .jp-izbor input:focus-visible + label{ box-shadow:0 0 0 4px rgba(18,60,171,.18); }\n\n    .jp-forma__status{\n      display:none; align-items:flex-start; gap:9px; padding:12px 14px; border-radius:12px;\n      background:rgba(31,164,99,.1); color:#12603C; font-size:12.5px; line-height:1.55; font-weight:700;\n    }\n    .jp-forma__status.is-visible{ display:flex; }\n    .jp-forma__status svg{ flex:none; width:17px; height:17px; margin-top:1px; }\n    .jp-forma__napomena{ margin:0; font-size:11px; color:var(--jp-tiho); line-height:1.6; }\n\n    \/* ================= DESTINACIJE ================= *\/\n    .jp-destinacije{ padding:96px 0; background:var(--jp-povrsina); }\n    .jp-dest-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }\n    .jp-dest{\n      position:relative; overflow:hidden; padding:26px; border:1px solid var(--jp-ivica);\n      border-radius:22px; background:#fff; box-shadow:0 14px 40px rgba(15,23,34,.05);\n      display:flex; flex-direction:column;   \/* dugme se poravnava na dno svih kartica *\/\n      transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n    }\n    .jp-dest:hover{ transform:translateY(-6px); border-color:rgba(18,60,171,.28); box-shadow:0 26px 60px rgba(15,23,34,.12); }\n    .jp-dest::after{\n      content:\"\"; position:absolute; left:0; right:0; bottom:0; height:4px;\n      background:linear-gradient(90deg,var(--jp-plava),var(--jp-narandzasta));\n      transform:scaleX(0); transform-origin:left; transition:transform .4s ease;\n    }\n    .jp-dest:hover::after{ transform:scaleX(1); }\n    .jp-dest__zastava{\n      display:inline-flex; align-items:center; gap:7px; margin-bottom:14px;\n      padding:5px 11px; border-radius:999px; background:var(--jp-plava-blaga);\n      font-size:10px; font-weight:830; letter-spacing:.09em; text-transform:uppercase; color:var(--jp-plava);\n    }\n    .jp-dest h3{ margin:0 0 8px; font-size:25px; font-weight:840; letter-spacing:-.035em; color:var(--jp-tamna); }\n    .jp-dest p{ margin:0 0 18px; font-size:13.5px; color:var(--jp-tekst); line-height:1.7; }\n    .jp-dest__meta{ margin-top:auto; padding-top:16px; border-top:1px solid var(--jp-ivica); }\n    .jp-dest__cena b{ display:block; font-size:26px; font-weight:850; color:var(--jp-plava); letter-spacing:-.03em; white-space:nowrap; }\n    .jp-dest__cena span{ display:block; font-size:10.5px; font-weight:750; color:var(--jp-tiho); text-transform:uppercase; letter-spacing:.07em; }\n    \/* Puno dugme ispod teksta \u2014 vodi na formu (#rezervacija) *\/\n    .jp-dest__dugme{\n      display:flex; align-items:center; justify-content:center; gap:8px;\n      margin-top:16px; padding:12px 16px; border-radius:12px;\n      border:1px solid rgba(18,60,171,.25); background:var(--jp-plava-blaga);\n      font-size:13.5px; font-weight:820; color:var(--jp-plava) !important; white-space:nowrap;\n      transition:background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;\n    }\n    .jp-dest__dugme svg{ width:15px; height:15px; flex:none; transition:transform .25s ease; }\n    .jp-dest__dugme:hover{ background:var(--jp-plava); border-color:var(--jp-plava); color:#fff !important; transform:translateY(-2px); }\n    .jp-dest__dugme:hover svg{ transform:translateX(4px); }\n\n    \/* ================= KAKO IDE (proces) ================= *\/\n    .jp-proces{ padding:96px 0; background:#fff; }\n    .jp-koraci{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }\n    .jp-korak{\n      position:relative; padding:26px 22px; border:1px solid var(--jp-ivica);\n      border-radius:20px; background:linear-gradient(170deg,#fff,var(--jp-plava-pale));\n    }\n    .jp-korak__broj{\n      display:grid; place-items:center; width:42px; height:42px; margin-bottom:16px;\n      border-radius:13px; background:var(--jp-plava); color:#fff;\n      font-size:16px; font-weight:850;\n    }\n    .jp-korak h3{ margin:0 0 8px; font-size:16.5px; font-weight:830; letter-spacing:-.025em; color:var(--jp-tamna); }\n    .jp-korak p{ margin:0; font-size:13.5px; color:var(--jp-tekst); line-height:1.7; }\n    .jp-korak::after{\n      content:\"\"; position:absolute; top:44px; right:-11px; width:22px; height:2px;\n      background:linear-gradient(90deg,var(--jp-plava),transparent);\n    }\n    .jp-korak:last-child::after{ display:none; }\n\n    \/* ================= PAKETI (tamna sekcija) ================= *\/\n    .jp-paketi{\n      padding:96px 0; color:#fff;\n      background:\n        radial-gradient(circle at 88% 14%, rgba(240,122,34,.22), transparent 36%),\n        linear-gradient(150deg, var(--jp-tamna), #16243A 58%, var(--jp-plava-dub));\n    }\n    .jp-paketi__layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); align-items:center; gap:clamp(36px,5vw,74px); }\n    .jp-paketi__lista{ margin:28px 0 30px; padding:0; list-style:none; display:grid; gap:14px; }\n    .jp-paketi__lista li{ display:flex; gap:11px; font-size:14.5px; color:rgba(255,255,255,.78); line-height:1.65; }\n    .jp-paketi__lista svg{ flex:none; width:19px; height:19px; margin-top:2px; color:#8BE4B6; }\n    .jp-paketi__lista strong{ color:#fff; font-weight:760; }\n    .jp-paket-karta{\n      padding:28px; border:1px solid rgba(255,255,255,.16); border-radius:24px;\n      background:rgba(255,255,255,.07); backdrop-filter:blur(10px);\n    }\n    .jp-paket-karta h3{ margin:0 0 18px; font-size:18px; font-weight:840; }\n    .jp-paket-red{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.12); }\n    .jp-paket-red:last-of-type{ border-bottom:0; }\n    .jp-paket-red span{ font-size:13.5px; color:rgba(255,255,255,.74); }\n    .jp-paket-red b{ font-size:14.5px; font-weight:830; white-space:nowrap; }\n\n    \/* ================= VOZNI PARK ================= *\/\n    .jp-park{ padding:96px 0; background:var(--jp-povrsina); }\n    .jp-park-slika{ margin:0 0 22px; border-radius:22px; overflow:hidden; border:1px solid var(--jp-ivica); background:#fff; }\n    .jp-park-slika img{ width:100%; height:auto; object-fit:cover; }\n    .jp-park-slika figcaption{ padding:13px 20px; font-size:12.5px; color:var(--jp-tekst); border-top:1px solid var(--jp-ivica); }\n\n    .jp-park-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\n    .jp-vozilo{\n      padding:24px; border:1px solid var(--jp-ivica); border-radius:20px; background:#fff;\n      transition:transform .3s ease, box-shadow .3s ease;\n    }\n    .jp-vozilo:hover{ transform:translateY(-5px); box-shadow:0 24px 54px rgba(15,23,34,.1); }\n    .jp-vozilo__vrh{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }\n    .jp-vozilo__ikona{ display:grid; place-items:center; width:46px; height:46px; border-radius:13px; background:var(--jp-plava-blaga); color:var(--jp-plava); }\n    .jp-vozilo__ikona svg{ width:24px; height:24px; }\n    .jp-vozilo__mesta{\n      padding:6px 12px; border-radius:999px; background:var(--jp-tamna); color:#fff;\n      font-size:12px; font-weight:850; white-space:nowrap;\n    }\n    .jp-vozilo h3{ margin:0 0 7px; font-size:18px; font-weight:840; letter-spacing:-.03em; color:var(--jp-tamna); }\n    .jp-vozilo p{ margin:0 0 16px; font-size:13.5px; color:var(--jp-tekst); line-height:1.65; }\n    .jp-vozilo__oznake{ display:flex; flex-wrap:wrap; gap:6px; }\n    .jp-oznaka{\n      padding:5px 11px; border-radius:999px; background:var(--jp-povrsina);\n      font-size:11px; font-weight:750; color:var(--jp-tekst);\n    }\n\n    \/* ================= CENOVNIK ================= *\/\n    .jp-cene{ padding:96px 0; background:#fff; }\n    .jp-cene-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:860px; }\n    .jp-cene__dodatak{\n      max-width:860px; margin:26px 0 0; font-size:14.5px; color:var(--jp-tekst); line-height:1.75;\n    }\n    .jp-cene__dodatak a{ color:var(--jp-plava); font-weight:790; }\n    .jp-cene__dodatak a:hover{ text-decoration:underline; }\n    .jp-cena{\n      position:relative; padding:30px 26px; border:1px solid var(--jp-ivica);\n      border-radius:22px; background:#fff; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n    }\n    .jp-cena:hover{ transform:translateY(-5px); box-shadow:0 24px 54px rgba(15,23,34,.1); }\n    .jp-cena--istaknuta{\n      border-color:var(--jp-plava); background:linear-gradient(170deg,#fff,var(--jp-plava-blaga));\n      box-shadow:0 22px 54px rgba(18,60,171,.16);\n    }\n    .jp-cena__plocica{\n      position:absolute; top:-11px; left:26px; padding:5px 12px; border-radius:999px;\n      background:var(--jp-narandzasta); color:#fff; font-size:10px; font-weight:850;\n      letter-spacing:.08em; text-transform:uppercase;\n    }\n    .jp-cena h3{ margin:0 0 4px; font-size:17px; font-weight:830; color:var(--jp-tamna); }\n    .jp-cena__ruta{ margin:0 0 20px; font-size:12.5px; color:var(--jp-tiho); font-weight:700; }\n    .jp-cena__iznos{ display:flex; align-items:baseline; gap:7px; margin-bottom:18px; }\n    .jp-cena__iznos b{ font-size:44px; font-weight:850; letter-spacing:-.05em; color:var(--jp-plava); line-height:1; }\n    .jp-cena__iznos span{ font-size:12.5px; font-weight:750; color:var(--jp-tiho); }\n    .jp-cena ul{ margin:0 0 22px; padding:0; list-style:none; display:grid; gap:10px; }\n    .jp-cena li{ display:flex; gap:9px; font-size:13px; color:var(--jp-tekst); line-height:1.6; }\n    .jp-cena li svg{ flex:none; width:16px; height:16px; margin-top:2px; color:var(--jp-uspeh); }\n    .jp-cena .jp-button{ width:100%; }\n\n    \/* ================= ZA\u0160TO MI ================= *\/\n    .jp-zasto{ padding:96px 0; background:var(--jp-povrsina); }\n    .jp-zasto__layout{ display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(36px,5vw,70px); align-items:start; }\n    .jp-brojke{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:32px; }\n    .jp-brojka{ padding:20px; border:1px solid var(--jp-ivica); border-radius:18px; background:#fff; }\n    .jp-brojka b{ display:block; font-size:34px; font-weight:850; letter-spacing:-.05em; color:var(--jp-plava); line-height:1; }\n    .jp-brojka span{ display:block; margin-top:7px; font-size:12px; font-weight:750; color:var(--jp-tekst); line-height:1.5; }\n    .jp-razlozi{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }\n    .jp-razlog{ padding:24px; border:1px solid var(--jp-ivica); border-radius:20px; background:#fff; }\n    .jp-razlog__ikona{ display:grid; place-items:center; width:42px; height:42px; margin-bottom:15px; border-radius:13px; background:var(--jp-plava-blaga); color:var(--jp-plava); }\n    .jp-razlog__ikona svg{ width:21px; height:21px; }\n    .jp-razlog h3{ margin:0 0 7px; font-size:15.5px; font-weight:830; letter-spacing:-.02em; color:var(--jp-tamna); }\n    .jp-razlog p{ margin:0; font-size:13px; color:var(--jp-tekst); line-height:1.68; }\n\n    \/* ================= POKRIVENOST ================= *\/\n    .jp-pokrivenost{ padding:96px 0; background:#fff; }\n    .jp-gradovi{ display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }\n    .jp-grad{\n      position:relative; overflow:hidden; isolation:isolate;\n      padding:10px 17px; border:1px solid var(--jp-ivica); border-radius:999px;\n      background:var(--jp-povrsina); font-size:13px; font-weight:760; color:var(--jp-tamna-meka);\n      cursor:default; backdrop-filter:blur(0px);\n      transition:color .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;\n    }\n    \/* Staklo: providni plavi sloj koji naraste ispod teksta *\/\n    .jp-grad::before{\n      content:\"\"; position:absolute; inset:0; z-index:-1; border-radius:inherit;\n      background:linear-gradient(135deg, rgba(18,60,171,.92), rgba(7,27,82,.86));\n      opacity:0; transform:scale(.82); transition:opacity .3s ease, transform .35s cubic-bezier(.2,.8,.3,1);\n    }\n    \/* Odsjaj koji prelazi preko dugmeta *\/\n    .jp-grad::after{\n      content:\"\"; position:absolute; inset:0; z-index:-1; border-radius:inherit;\n      background:linear-gradient(115deg, transparent 30%, rgba(255,255,255,.42) 50%, transparent 70%);\n      transform:translateX(-120%); transition:transform .6s ease;\n    }\n    .jp-grad:hover{\n      color:#fff; border-color:rgba(255,255,255,.35); transform:translateY(-3px);\n      backdrop-filter:blur(8px); box-shadow:0 14px 30px rgba(18,60,171,.32);\n    }\n    .jp-grad:hover::before{ opacity:1; transform:scale(1); }\n    .jp-grad:hover::after{ transform:translateX(120%); }\n    .jp-pokrivenost__layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.62fr); gap:clamp(36px,5vw,70px); align-items:start; }\n    .jp-vozni-red{ padding:28px; border:1px solid var(--jp-ivica); border-radius:22px; background:linear-gradient(165deg,#fff,var(--jp-plava-pale)); box-shadow:var(--jp-senka); }\n    .jp-vozni-red h3{ margin:0 0 18px; font-size:18px; font-weight:840; letter-spacing:-.03em; color:var(--jp-tamna); }\n    .jp-vozni-red__red{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--jp-ivica); }\n    .jp-vozni-red__red:last-of-type{ border-bottom:0; }\n    .jp-vozni-red__red span{ font-size:13px; color:var(--jp-tekst); }\n    .jp-vozni-red__red b{ font-size:14px; font-weight:830; color:var(--jp-tamna); white-space:nowrap; }\n\n    \/* ================= FAQ ================= *\/\n    .jp-faq{ padding:96px 0; background:var(--jp-povrsina); }\n    .jp-faq__layout{ display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1fr); gap:clamp(36px,5vw,70px); align-items:start; }\n    .jp-faq__kontakt{ margin-top:30px; padding:24px; border:1px solid var(--jp-ivica); border-radius:20px; background:#fff; }\n    .jp-faq__kontakt strong{ display:block; font-size:15px; font-weight:830; color:var(--jp-tamna); margin-bottom:6px; }\n    .jp-faq__kontakt span{ display:block; font-size:13px; color:var(--jp-tekst); line-height:1.65; margin-bottom:18px; }\n    .jp-faq-lista{ display:grid; gap:12px; }\n    .jp-faq-item{ border:1px solid var(--jp-ivica); border-radius:16px; background:#fff; overflow:hidden; transition:border-color .25s ease, box-shadow .25s ease; }\n    .jp-faq-item[open]{ border-color:rgba(18,60,171,.3); box-shadow:0 16px 40px rgba(15,23,34,.07); }\n    .jp-faq-item summary{\n      display:flex; align-items:center; justify-content:space-between; gap:16px;\n      padding:19px 22px; cursor:pointer; list-style:none;\n    }\n    .jp-faq-item summary::-webkit-details-marker{ display:none; }\n    .jp-faq-item summary strong{ font-size:15px; font-weight:790; color:var(--jp-tamna); line-height:1.5; }\n    .jp-faq-item__toggle{ position:relative; flex:none; width:22px; height:22px; border-radius:50%; background:var(--jp-plava-blaga); }\n    .jp-faq-item__toggle::before, .jp-faq-item__toggle::after{\n      content:\"\"; position:absolute; top:50%; left:50%; width:9px; height:2px; border-radius:2px;\n      background:var(--jp-plava); transform:translate(-50%,-50%); transition:transform .28s ease;\n    }\n    .jp-faq-item__toggle::after{ transform:translate(-50%,-50%) rotate(90deg); }\n    .jp-faq-item[open] .jp-faq-item__toggle::after{ transform:translate(-50%,-50%) rotate(0deg); }\n    .jp-faq-item__sadrzaj{ padding:0 22px 21px; }\n    .jp-faq-item__sadrzaj p{ margin:0; font-size:14px; color:var(--jp-tekst); line-height:1.78; }\n    .jp-faq-item__sadrzaj strong{ color:var(--jp-tamna); font-weight:760; }\n\n    \/* ================= ZAVR\u0160NI CTA ================= *\/\n    \/* ---- Zajedni\u010dka podloga za CTA i footer ---- *\/\n    .jp-kraj{\n      position:relative; overflow:hidden; isolation:isolate;\n      background:\n        radial-gradient(circle at 10% 8%,  rgba(240,122,34,.22), transparent 34%),\n        radial-gradient(circle at 92% 62%, rgba(240,122,34,.14), transparent 36%),\n        linear-gradient(160deg, var(--jp-plava) 0%, var(--jp-plava-tam) 46%, var(--jp-plava-dub) 100%);\n    }\n    .jp-kraj__motiv{ position:absolute; inset:0; z-index:0; opacity:.5; pointer-events:none; }\n    .jp-kraj__motiv svg{ width:100%; height:100%; }\n    .jp-kraj__putanja{\n      fill:none; stroke:rgba(255,255,255,.3); stroke-width:2; stroke-linecap:round;\n      stroke-dasharray:7 11; animation:jp-tok 26s linear infinite;\n    }\n    .jp-kraj__kombi{ animation:jp-vozi-f 20s linear infinite; }\n    .jp-kraj::before{\n      content:\"\"; position:absolute; z-index:0; left:-160px; bottom:-240px;\n      width:520px; height:520px; border:1px solid rgba(255,255,255,.1); border-radius:50%;\n    }\n\n    .jp-cta{ position:relative; z-index:2; padding:88px 0 78px; color:#fff; background:none; }\n    .jp-cta__kutija{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:40px; }\n    .jp-cta__akcije{ display:grid; gap:11px; min-width:290px; }\n    .jp-poziv{\n      display:flex; flex-direction:column; gap:3px; padding:15px 20px;\n      border:1px solid rgba(255,255,255,.24); border-radius:16px;\n      background:rgba(255,255,255,.1); backdrop-filter:blur(8px);\n      transition:background .25s ease, border-color .25s ease, transform .25s ease;\n    }\n    .jp-poziv:hover{ background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.5); transform:translateY(-3px); }\n    .jp-poziv__drzava{\n      display:inline-flex; align-items:center; gap:7px;\n      font-size:10px; font-weight:830; letter-spacing:.11em; text-transform:uppercase; color:rgba(255,255,255,.68);\n    }\n    .jp-poziv__drzava svg{ width:13px; height:13px; }\n    .jp-poziv b{ font-size:21px; font-weight:850; letter-spacing:-.02em; color:#fff; }\n    .jp-cta__dodatno{ display:flex; flex-wrap:wrap; gap:9px; margin-top:4px; }\n    .jp-cta__dodatno .jp-button{ flex:1; min-width:130px; }\n    .jp-cta__tel{ display:flex; flex-wrap:wrap; gap:26px; margin-top:26px; }\n    .jp-cta__tel div span{ display:block; font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:rgba(255,255,255,.6); margin-bottom:4px; }\n    .jp-cta__tel div a{ font-size:19px; font-weight:850; color:#fff !important; letter-spacing:-.02em; }\n    .jp-cta__tel div a:hover{ color:#FFC79A !important; }\n\n    \/* ================= FOOTER ================= *\/\n    .jp-footer{\n      position:relative; z-index:2; padding:8px 0 0; color:#fff; background:none;\n      border-top:1px solid rgba(255,255,255,.13);\n    }\n    @keyframes jp-vozi-f{ from{ offset-distance:0%; } to{ offset-distance:100%; } }\n\n    .jp-footer__grid{\n      position:relative; z-index:2;\n      display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.1fr);\n      gap:clamp(32px,4vw,64px); padding-bottom:56px;\n    }\n\n    .jp-footer__logo{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }\n    \/* Logo je .jpg sa belom pozadinom, pa mu dajemo belu plo\u010dicu\n       da bela ne \u201eiscuri\" kao pravougaonik preko plave podloge. *\/\n    .jp-footer__logo img{\n      height:74px; width:74px; object-fit:contain; padding:7px;\n      border-radius:16px; background:#fff;\n      box-shadow:0 10px 26px rgba(7,27,82,.28);\n    }\n    .jp-footer__logo b{ display:block; font-size:19px; font-weight:850; letter-spacing:-.02em; }\n    .jp-footer__logo span{ display:block; margin-top:2px; font-size:9.5px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.6); }\n    .jp-footer__opis{ margin:0 0 22px; max-width:34ch; font-size:13.5px; line-height:1.75; color:rgba(255,255,255,.72); }\n    .jp-footer__znacke{ display:flex; flex-wrap:wrap; gap:8px; }\n    .jp-footer__znacka{\n      padding:6px 13px; border:1px solid rgba(255,255,255,.2); border-radius:999px;\n      background:rgba(255,255,255,.08); font-size:11px; font-weight:750; color:rgba(255,255,255,.86);\n    }\n\n    .jp-footer h3{\n      margin:0 0 20px; font-size:11px; font-weight:830; letter-spacing:.13em;\n      text-transform:uppercase; color:rgba(255,255,255,.56);\n    }\n\n    \/* Slot za WP meni \u201eDodatne informacije\" *\/\n    .jp-footer__meni ul{ margin:0; padding:0; list-style:none; display:grid; gap:12px; }\n    .jp-footer__meni li{ margin:0; list-style:none; }\n    .jp-footer__meni a{\n      position:relative; display:inline-flex; align-items:center; gap:9px;\n      font-size:14px; font-weight:600; color:rgba(255,255,255,.82) !important;\n      transition:color .22s ease, gap .22s ease;\n    }\n    .jp-footer__meni a::before{\n      content:\"\"; width:0; height:1.5px; border-radius:2px; background:var(--jp-narandzasta);\n      transition:width .25s ease;\n    }\n    .jp-footer__meni a:hover{ color:#fff !important; gap:12px; }\n    .jp-footer__meni a:hover::before{ width:14px; }\n\n    .jp-footer__kontakt{ display:grid; gap:20px; }\n    .jp-footer__stavka{ display:flex; gap:13px; }\n    .jp-footer__ikona{\n      flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:12px;\n      border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#fff;\n    }\n    .jp-footer__ikona svg{ width:17px; height:17px; }\n    .jp-footer__stavka small{\n      display:block; font-size:9.5px; font-weight:820; letter-spacing:.11em;\n      text-transform:uppercase; color:rgba(255,255,255,.52); margin-bottom:5px;\n    }\n    .jp-footer__stavka a{ display:block; font-size:16px; font-weight:800; color:#fff !important; letter-spacing:-.01em; }\n    .jp-footer__stavka a:hover{ color:#FFC79A !important; }\n    .jp-footer__stavka p{ margin:0; font-size:13.5px; color:rgba(255,255,255,.78); line-height:1.7; }\n    .jp-footer__stavka p b{ color:#fff; font-weight:760; }\n\n    .jp-footer__dno{\n      position:relative; z-index:2;\n      display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 26px;\n      padding:22px 0 26px; border-top:1px solid rgba(255,255,255,.14);\n      font-size:13px; color:rgba(255,255,255,.6);\n    }\n    .jp-footer__dno p{ margin:0; }\n    .jp-footer__dno strong{ color:#fff; font-weight:700; }\n    .jp-footer__dno a{\n      color:#fff !important; font-weight:700;\n      border-bottom:1px solid rgba(255,255,255,.3); transition:border-color .2s ease;\n    }\n    .jp-footer__dno a:hover{ border-color:var(--jp-narandzasta); }\n\n    \/* ================= PLUTAJU\u0106A DUGMAD ================= *\/\n    .jp-plutajuce{ position:fixed; right:20px; bottom:20px; z-index:70; display:flex; flex-direction:column; gap:10px; }\n    .jp-plutajuce a{\n      display:grid; place-items:center; width:54px; height:54px; border-radius:50%;\n      box-shadow:0 12px 30px rgba(15,23,34,.26); transition:transform .25s ease;\n    }\n    .jp-plutajuce a:hover{ transform:scale(1.08); }\n    .jp-plutajuce svg{ width:24px; height:24px; color:#fff; }\n    .jp-plutajuce__whatsapp{ background:#25D366; }\n    .jp-plutajuce__tel{ background:var(--jp-uspeh); }\n\n    \/* ================= RESPONSIVE ================= *\/\n    @media (max-width:1080px){\n      .jp-hero__grid, .jp-rezervacija__layout, .jp-paketi__layout,\n      .jp-zasto__layout, .jp-pokrivenost__layout, .jp-faq__layout{ grid-template-columns:1fr; }\n      .jp-section-header{ grid-template-columns:1fr; gap:20px; }\n      .jp-trust__grid{ grid-template-columns:1fr 1fr; }\n      .jp-dest-grid, .jp-park-grid, .jp-cene-grid{ grid-template-columns:1fr 1fr; }\n      .jp-koraci{ grid-template-columns:1fr 1fr; }\n      .jp-korak::after{ display:none; }\n      .jp-cta__kutija{ grid-template-columns:1fr; }\n      .jp-footer__grid{ grid-template-columns:1fr 1fr; }\n    }\n    @media (max-width:680px){\n      .jp-page section[id]{ scroll-margin-top:74px; }\n      .jp-page{ --jp-header-h:64px; --jp-vrh:30px; }\n      .jp-hero{ padding:var(--jp-vrh) 0 64px; }\n      .jp-rezervacija, .jp-destinacije, .jp-proces, .jp-paketi,\n      .jp-park, .jp-cene, .jp-zasto, .jp-pokrivenost, .jp-faq{ padding:64px 0; }\n      .jp-trust__grid, .jp-dest-grid, .jp-park-grid,\n      .jp-cene-grid, .jp-koraci, .jp-razlozi, .jp-brojke, .jp-red{ grid-template-columns:1fr; }\n      .jp-ruta-karta{ min-height:auto; }\n      .jp-ruta__tacka--b{ left:26%; }\n      .jp-footer__grid{ grid-template-columns:1fr; gap:36px; }\n      .jp-footer{ padding-top:56px; }\n      .jp-plutajuce{ right:14px; bottom:14px; }\n    }\n\n    @media (prefers-reduced-motion:reduce){\n      .jp-page *, .jp-page *::before, .jp-page *::after{ animation:none !important; transition:none !important; }\n      [data-jp-reveal]{ opacity:1; transform:none; }\n    }\n  <\/style>\n\n  <!-- ============ HERO ============ -->\n  <section class=\"jp-hero\" aria-labelledby=\"jp-hero-title\">\n    <div class=\"jp-container\">\n\n      <div class=\"jp-hero__grid\">\n\n        <div>\n          <div class=\"jp-odbroj\" data-jp-reveal>\n            <span class=\"jp-odbroj__tacka\" aria-hidden=\"true\"><\/span>\n            <span class=\"jp-odbroj__tekst\">Slede\u0107i polazak za Be\u010d <b id=\"jp-odbroj-kada\">danas u 14:00<\/b><\/span>\n            <span class=\"jp-odbroj__sat\" id=\"jp-odbroj-sat\">--:--:--<\/span>\n          <\/div>\n\n          <span class=\"jp-eyebrow\" data-jp-reveal>Me\u0111unarodni prevoz putnika i paketa<\/span>\n\n          <h1 class=\"jp-hero__title\" id=\"jp-hero-title\" data-jp-reveal>\n            Od va\u0161ih vrata u Srbiji, do njihovih u <span>Be\u010du<\/span>.\n          <\/h1>\n\n          <p class=\"jp-hero__desc\" data-jp-reveal data-jp-delay=\"1\">\n            Bez presedanja, bez \u010dekanja na stanici, bez tra\u017eenja prevoza sa aerodroma.\n            Vozimo <strong>svakog dana<\/strong> i dolazimo ta\u010dno pred va\u0161a vrata \u2014 i u Srbiji\n            i u Be\u010du. Nema zbornog mesta. Isto radimo ve\u0107 <strong>preko 40 godina<\/strong>.\n          <\/p>\n\n          <div class=\"jp-hero__akcije\" data-jp-reveal data-jp-delay=\"2\">\n            <a class=\"jp-button jp-button--primary\" href=\"#rezervacija\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              Rezervi\u0161i mesto\n            <\/a>\n            <a class=\"jp-button jp-button--secondary\" href=\"tel:+38163207540\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              063 207 540\n            <\/a>\n          <\/div>\n\n          <p class=\"jp-hero__micro\" data-jp-reveal data-jp-delay=\"3\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\">\n              <path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            Rezervacija je besplatna i neobavezuju\u0107a \u2014 potvr\u0111ujemo je telefonom pre polaska.\n          <\/p>\n        <\/div>\n\n        <!-- Vizual sa rutom -->\n        <aside class=\"jp-ruta-karta\" data-jp-reveal data-jp-delay=\"1\" aria-label=\"Ruta Beograd \u2013 Budimpe\u0161ta \u2013 Be\u010d\">\n          <div class=\"jp-ruta-karta__vrh\">\n            <span class=\"jp-ruta-karta__oznaka\">Polazak svakog dana<\/span>\n            <span class=\"jp-ruta-karta__cena\">od 60 \u20ac u jednom pravcu<\/span>\n          <\/div>\n\n          <div class=\"jp-ruta\">\n            <svg viewBox=\"0 0 360 300\" aria-hidden=\"true\">\n              <defs>\n                <path id=\"jp-putanja\" d=\"M58 62 C 120 110, 150 130, 186 165 S 262 224, 306 250\"\/>\n              <\/defs>\n              <use href=\"#jp-putanja\" class=\"jp-ruta__linija\"\/>\n              <circle cx=\"58\"  cy=\"62\"  r=\"7\" fill=\"#fff\"\/>\n              <circle cx=\"186\" cy=\"165\" r=\"6\" fill=\"#FFC79A\"\/>\n              <circle cx=\"306\" cy=\"250\" r=\"7\" fill=\"#8BE4B6\"\/>\n              <g class=\"jp-ruta__vozilo\" style=\"offset-path:path('M58 62 C 120 110, 150 130, 186 165 S 262 224, 306 250'); offset-rotate:auto;\">\n                <rect x=\"-13\" y=\"-8\" width=\"26\" height=\"16\" rx=\"4\" fill=\"#fff\"\/>\n                <rect x=\"-9\" y=\"-5\" width=\"9\" height=\"6\" rx=\"1.5\" fill=\"#123CAB\"\/>\n              <\/g>\n            <\/svg>\n\n            <div class=\"jp-ruta__tacka jp-ruta__tacka--a\">\n              <b>Beograd<\/b><span>sa va\u0161e adrese<\/span>\n            <\/div>\n            <div class=\"jp-ruta__tacka jp-ruta__tacka--b\">\n              <b>Budimpe\u0161ta<\/b><span>usput, po dogovoru<\/span>\n            <\/div>\n            <div class=\"jp-ruta__tacka jp-ruta__tacka--c\">\n              <b>Be\u010d<\/b><span>na va\u0161u adresu<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"jp-ruta-karta__dno\">\n            <div class=\"jp-ruta-karta__stavka\"><b>40+<\/b><span>godina<\/span><\/div>\n            <div class=\"jp-ruta-karta__stavka\"><b>8+1<\/b><span>Sprinter<\/span><\/div>\n            <div class=\"jp-ruta-karta__stavka\"><b>7\/7<\/b><span>polazaka<\/span><\/div>\n          <\/div>\n        <\/aside>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ TRUST BAR ============ -->\n  <section class=\"jp-trust\" aria-label=\"Za\u0161to Joca Prevoz\">\n    <div class=\"jp-container\">\n      <div class=\"jp-trust__grid\" data-jp-reveal>\n\n        <div class=\"jp-trust__stavka\">\n          <span class=\"jp-trust__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 12h4l3-8 4 16 3-8h4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <div><b>Od vrata do vrata<\/b><span>Preuzimamo vas na adresi i ostavljamo na adresi.<\/span><\/div>\n        <\/div>\n\n        <div class=\"jp-trust__stavka\">\n          <span class=\"jp-trust__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <div><b>Polazak svakog dana<\/b><span>Ne \u010dekamo da se vozilo popuni da bismo krenuli.<\/span><\/div>\n        <\/div>\n\n        <div class=\"jp-trust__stavka\">\n          <span class=\"jp-trust__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 2 4 6v6c0 5 3.4 8.9 8 10 4.6-1.1 8-5 8-10V6z\" stroke-linejoin=\"round\"\/><path d=\"m9 12 2 2 4-4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <div><b>40 godina iskustva<\/b><span>Isti ljudi, ista vozila, ista ruta \u2014 od 1982.<\/span><\/div>\n        <\/div>\n\n        <div class=\"jp-trust__stavka\">\n          <span class=\"jp-trust__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"13\" height=\"10\" rx=\"2\"\/><path d=\"M15 10h4l3 3v4h-7z\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"19\" r=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"2\"\/><\/svg><\/span>\n          <div><b>I paketi, ne samo ljudi<\/b><span>Po\u0161iljka putuje istim vozilom \u2014 bez pretovara.<\/span><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ REZERVACIJA ============ -->\n  <section class=\"jp-rezervacija\" id=\"rezervacija\" aria-labelledby=\"jp-rez-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-rezervacija__layout\">\n\n        <div data-jp-reveal>\n          <span class=\"jp-eyebrow\">Rezervacija za 30 sekundi<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-rez-title\">\n            Popunite, po\u0161aljite na <span>WhatsApp<\/span> \u2014 javljamo se isti dan.\n          <\/h2>\n          <p class=\"jp-lead\">\n            Ne tra\u017eimo registraciju ni karticu. Forma samo sklopi poruku sa va\u0161im podacima\n            i otvori WhatsApp \u2014 vi je po\u0161aljete, a mi potvrdimo mesto i dogovorimo ta\u010dno\n            vreme preuzimanja.\n          <\/p>\n\n          <ul class=\"jp-prednosti\">\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Bez avansa.<\/strong> Pla\u0107ate voza\u010du pri polasku, u evrima ili dinarima.<\/span>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Otkazivanje bez naknade<\/strong> do 24 sata pre polaska.<\/span>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Broj voza\u010da dobijate dan ranije<\/strong> \u2014 zovete ga direktno ako se ne\u0161to promeni.<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"jp-forma-karta\" data-jp-reveal data-jp-delay=\"1\">\n          <div class=\"jp-forma-karta__vrh\">\n            <h3>Prijava za prevoz<\/h3>\n            <p>Polja sa zvezdicom su obavezna. Ostalo dogovaramo telefonom.<\/p>\n          <\/div>\n\n          <form class=\"jp-forma\" id=\"jp-forma\" data-whatsapp=\"38163207540\" novalidate>\n\n            <div class=\"jp-red\">\n              <div class=\"jp-polje\">\n                <label for=\"jp-relacija\">Relacija *<\/label>\n                <select id=\"jp-relacija\" name=\"relacija\" required>\n                  <option value=\"\">Izaberite\u2026<\/option>\n                  <option>Beograd \u2192 Be\u010d<\/option>\n                  <option>Be\u010d \u2192 Beograd<\/option>\n                  <option>Beograd \u2192 Budimpe\u0161ta<\/option>\n                  <option>Budimpe\u0161ta \u2192 Beograd<\/option>\n                  <option>Beograd \u2192 Parndorf<\/option>\n                  <option>Drugo (upisa\u0107u u napomeni)<\/option>\n                <\/select>\n                <span class=\"jp-polje__greska\">Izaberite relaciju.<\/span>\n              <\/div>\n\n              <div class=\"jp-polje\">\n                <label for=\"jp-datum\">Datum putovanja *<\/label>\n                <input type=\"date\" id=\"jp-datum\" name=\"datum\" required>\n                <span class=\"jp-polje__greska\">Unesite datum.<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"jp-red\">\n              <div class=\"jp-polje\">\n                <label for=\"jp-putnici\">Broj putnika *<\/label>\n                <select id=\"jp-putnici\" name=\"putnici\" required>\n                  <option value=\"\">Izaberite\u2026<\/option>\n                  <option>1 putnik<\/option>\n                  <option>2 putnika<\/option>\n                  <option>3 putnika<\/option>\n                  <option>4 putnika<\/option>\n                  <option>5 i vi\u0161e<\/option>\n                  <option>Samo paket, bez putnika<\/option>\n                <\/select>\n                <span class=\"jp-polje__greska\">Izaberite broj putnika.<\/span>\n              <\/div>\n\n              <div class=\"jp-polje\">\n                <label for=\"jp-kontakt\">Va\u0161 telefon *<\/label>\n                <input type=\"tel\" id=\"jp-kontakt\" name=\"kontakt\" placeholder=\"06x xxx xxxx\" required>\n                <span class=\"jp-polje__greska\">Unesite broj telefona.<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"jp-polje\">\n              <label for=\"jp-adresa\">Adresa preuzimanja<\/label>\n              <input type=\"text\" id=\"jp-adresa\" name=\"adresa\" placeholder=\"Ulica i broj, grad\">\n            <\/div>\n\n            <div class=\"jp-polje\">\n              <label>Treba mi jo\u0161<\/label>\n              <div class=\"jp-izbor\">\n                <input type=\"checkbox\" id=\"jp-d1\" name=\"dodatno\" value=\"Prevoz paketa\"><label for=\"jp-d1\">Prevoz paketa<\/label>\n                <input type=\"checkbox\" id=\"jp-d2\" name=\"dodatno\" value=\"Dodatni prtljag\"><label for=\"jp-d2\">Dodatni prtljag<\/label>\n                <input type=\"checkbox\" id=\"jp-d3\" name=\"dodatno\" value=\"De\u010dje sedi\u0161te\"><label for=\"jp-d3\">De\u010dje sedi\u0161te<\/label>\n              <\/div>\n            <\/div>\n\n            <div class=\"jp-polje\">\n              <label for=\"jp-napomena\">Napomena<\/label>\n              <textarea id=\"jp-napomena\" name=\"napomena\" rows=\"3\" placeholder=\"Broj kofera, ta\u010dna adresa u Be\u010du, vreme dolaska\u2026\"><\/textarea>\n            <\/div>\n\n            <div class=\"jp-forma__status\" id=\"jp-status\" role=\"status\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span>Otvaramo WhatsApp sa gotovom porukom \u2014 samo je po\u0161aljite.<\/span>\n            <\/div>\n\n            <button type=\"submit\" class=\"jp-button jp-button--primary\">\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.21-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.87 1.22 3.07.15.2 2.1 3.2 5.08 4.49.7.3 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.42-.08-.12-.27-.2-.57-.34m-5.42 7.4a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.89 9.88M20.46 3.49A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.69 1.45c6.55 0 11.89-5.34 11.89-11.9a11.82 11.82 0 0 0-3.48-8.41\"\/><\/svg>\n              Po\u0161alji upit na WhatsApp\n            <\/button>\n\n            <p class=\"jp-forma__napomena\">\n              Nemate WhatsApp? Pozovite <a href=\"tel:+38163207540\" style=\"color:var(--jp-plava);font-weight:800\">063 207 540<\/a>\n              radnim danom 09\u201321h, vikendom 09\u201315h.\n            <\/p>\n          <\/form>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ DESTINACIJE ============ -->\n  <section class=\"jp-destinacije\" id=\"destinacije\" aria-labelledby=\"jp-dest-title\">\n    <div class=\"jp-container\">\n\n      <header class=\"jp-section-header\" data-jp-reveal>\n        <div>\n          <span class=\"jp-eyebrow\">Destinacije<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-dest-title\">\n            \u010cetiri pravca koje vozimo <span>iz godine u godinu<\/span>.\n          <\/h2>\n        <\/div>\n        <p class=\"jp-section-header__text\">\n          Nisu to nasumi\u010dne ture. Ove rute vozimo decenijama, znamo svaki\n          grani\u010dni prelaz i svaku alternativu kad se na Horgo\u0161u zaglavi.\n        <\/p>\n      <\/header>\n\n      <div class=\"jp-dest-grid\">\n\n        <article class=\"jp-dest\" data-jp-reveal>\n          <span class=\"jp-dest__zastava\">Austrija<\/span>\n          <h3>Be\u010d<\/h3>\n          <p>\n            Glavna linija. Polazak svakog dana, preuzimanje na va\u0161oj adresi u Srbiji\n            i dolazak na ta\u010dnu adresu u Be\u010du. Povratak po dogovoru.\n          <\/p>\n          <div class=\"jp-dest__meta\">\n            <div class=\"jp-dest__cena\"><b>60 \u20ac<\/b><span>iz Beograda<\/span><\/div>\n          <\/div>\n          <a class=\"jp-dest__dugme\" href=\"#rezervacija\">\n            Rezervi\u0161i\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"jp-dest\" data-jp-reveal data-jp-delay=\"1\">\n          <span class=\"jp-dest__zastava\">Ma\u0111arska<\/span>\n          <h3>Budimpe\u0161ta<\/h3>\n          <p>\n            Usputna stanica na liniji za Be\u010d, ali i samostalna destinacija.\n            Idealno za let sa budimpe\u0161tanskog aerodroma \u2014 vozimo do terminala.\n          <\/p>\n          <div class=\"jp-dest__meta\">\n            <div class=\"jp-dest__cena\"><b>Na upit<\/b><span>zavisno od termina<\/span><\/div>\n          <\/div>\n          <a class=\"jp-dest__dugme\" href=\"#rezervacija\">\n            Pitaj cenu\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n        <article class=\"jp-dest\" data-jp-reveal data-jp-delay=\"2\">\n          <span class=\"jp-dest__zastava\">Austrija<\/span>\n          <h3>Parndorf<\/h3>\n          <p>\n            Outlet centar na sat vremena od Be\u010da. Vozimo grupe i pojedince,\n            \u010dekamo vas dok obavite kupovinu i vra\u0107amo isti dan.\n          <\/p>\n          <div class=\"jp-dest__meta\">\n            <div class=\"jp-dest__cena\"><b>Na upit<\/b><span>grupno povoljnije<\/span><\/div>\n          <\/div>\n          <a class=\"jp-dest__dugme\" href=\"#rezervacija\">\n            Pitaj cenu\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n\n\n        <article class=\"jp-dest\" data-jp-reveal data-jp-delay=\"3\">\n          <span class=\"jp-dest__zastava\">Turska<\/span>\n          <h3>Istanbul<\/h3>\n          <p>\n            Organizovane \u0161oping ture, nekoliko puta godi\u0161nje. Polazak u grupi,\n            sme\u0161taj i povratak po dogovoru \u2014 javite se da vas stavimo na spisak.\n          <\/p>\n          <div class=\"jp-dest__meta\">\n            <div class=\"jp-dest__cena\"><b>Na upit<\/b><span>u terminima grupe<\/span><\/div>\n          <\/div>\n          <a class=\"jp-dest__dugme\" href=\"#rezervacija\">\n            Pitaj termin\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ KAKO IDE ============ -->\n  <section class=\"jp-proces\" aria-labelledby=\"jp-proces-title\">\n    <div class=\"jp-container\">\n\n      <header class=\"jp-section-header\" data-jp-reveal>\n        <div>\n          <span class=\"jp-eyebrow\">Kako to izgleda<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-proces-title\">\n            Od poziva do <span>va\u0161ih vrata u Be\u010du<\/span>.\n          <\/h2>\n        <\/div>\n        <p class=\"jp-section-header__text\">\n          \u010cetiri koraka. Nema aplikacije koju treba skinuti ni naloga koji treba otvoriti.\n        <\/p>\n      <\/header>\n\n      <div class=\"jp-koraci\">\n\n        <article class=\"jp-korak\" data-jp-reveal>\n          <div class=\"jp-korak__broj\">1<\/div>\n          <h3>Javite se<\/h3>\n          <p>Telefonom ili preko forme. Ka\u017eete datum, relaciju i koliko vas ima.<\/p>\n        <\/article>\n\n        <article class=\"jp-korak\" data-jp-reveal data-jp-delay=\"1\">\n          <div class=\"jp-korak__broj\">2<\/div>\n          <h3>Potvr\u0111ujemo mesto<\/h3>\n          <p>Zovemo vas isti dan, dogovaramo ta\u010dno vreme i mesto preuzimanja.<\/p>\n        <\/article>\n\n        <article class=\"jp-korak\" data-jp-reveal data-jp-delay=\"2\">\n          <div class=\"jp-korak__broj\">3<\/div>\n          <h3>Dolazimo po vas<\/h3>\n          <p>Isklju\u010divo na va\u0161u adresu, u dogovoreno vreme. Voza\u010d vas zove kad krene.<\/p>\n        <\/article>\n\n        <article class=\"jp-korak\" data-jp-reveal data-jp-delay=\"3\">\n          <div class=\"jp-korak__broj\">4<\/div>\n          <h3>Vozimo do adrese<\/h3>\n          <p>Bez presedanja i bez \u010dekanja. Ostavljamo vas ta\u010dno tamo gde ste rekli.<\/p>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ PAKETI ============ -->\n  <section class=\"jp-paketi\" id=\"paketi\" aria-labelledby=\"jp-paketi-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-paketi__layout\">\n\n        <div data-jp-reveal>\n          <span class=\"jp-eyebrow jp-eyebrow--svetli\">Paketi i po\u0161iljke<\/span>\n          <h2 class=\"jp-heading jp-heading--svetli\" id=\"jp-paketi-title\">\n            Paket za porodicu u Be\u010du sti\u017ee <span>sutra<\/span>, ne za dve nedelje.\n          <\/h2>\n          <p class=\"jp-lead jp-lead--svetli\">\n            Bez skladi\u0161ta, bez pretovara, bez sortirnih centara. Va\u0161 paket ulazi u isti\n            kombi u kom putuju ljudi i izlazi na adresi kojoj je namenjen.\n          <\/p>\n\n          <ul class=\"jp-paketi__lista\">\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Preuzimamo na adresi<\/strong> u Beogradu i okolini \u2014 ne morate nigde da nosite.<\/span>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Dokumenta, lekovi, hrana, sitna roba.<\/strong> Ono \u0161to po\u0161ta ili ne prima ili nosi predugo.<\/span>\n            <\/li>\n            <li>\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <span><strong>Znate ko vozi va\u0161 paket.<\/strong> Broj voza\u010da dobijate odmah, zovete ga kad ho\u0107ete.<\/span>\n            <\/li>\n          <\/ul>\n\n          <a class=\"jp-button jp-button--narandzasta\" href=\"tel:+38163207540\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n              <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            Pozovite za cenu paketa\n          <\/a>\n        <\/div>\n\n        <div class=\"jp-paket-karta\" data-jp-reveal data-jp-delay=\"1\">\n          <h3>\u0160ta naj\u010de\u0161\u0107e vozimo<\/h3>\n          <div class=\"jp-paket-red\"><span>Dokumenta i papiri<\/span><b>Isti dan<\/b><\/div>\n          <div class=\"jp-paket-red\"><span>Manji paket do 10 kg<\/span><b>Na upit<\/b><\/div>\n          <div class=\"jp-paket-red\"><span>Kofer ili putna torba<\/span><b>Na upit<\/b><\/div>\n          <div class=\"jp-paket-red\"><span>Lekovi iz apoteke<\/span><b>Prioritetno<\/b><\/div>\n          <div class=\"jp-paket-red\"><span>Doma\u0107a hrana i paketi<\/span><b>Redovno<\/b><\/div>\n          <div class=\"jp-paket-red\"><span>Roba za firme<\/span><b>Po dogovoru<\/b><\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ VOZNI PARK ============ -->\n  <section class=\"jp-park\" id=\"vozni-park\" aria-labelledby=\"jp-park-title\">\n    <div class=\"jp-container\">\n\n      <header class=\"jp-section-header\" data-jp-reveal>\n        <div>\n          <span class=\"jp-eyebrow\">Vozni park i najam<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-park-title\">\n            Isklju\u010divo <span>Mercedes Sprinter<\/span> vozila.\n          <\/h2>\n        <\/div>\n        <p class=\"jp-section-header__text\">\n          Namerno vozimo jednu klasu vozila. Znamo ih napamet, servisiramo ih\n          po istom planu i rezervni deo za jedno vozilo odgovara svakom drugom.\n        <\/p>\n      <\/header>\n\n      <figure class=\"jp-park-slika\" data-jp-reveal>\n        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/joca-prevoz-vozni-park.jpg\"\n             alt=\"Mercedes Sprinter minibusi Joca Prevoz sa logom firme na vratima\"\n             width=\"1700\" height=\"920\" loading=\"lazy\">\n        <figcaption>Vozni park \u2014 Mercedes Sprinter, 8+1 mesto.<\/figcaption>\n      <\/figure>\n\n      <div class=\"jp-park-grid\">\n\n        <article class=\"jp-vozilo\" data-jp-reveal>\n          <div class=\"jp-vozilo__vrh\">\n            <span class=\"jp-vozilo__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M3 17V9a2 2 0 0 1 2-2h9l5 5v5\" stroke-linejoin=\"round\"\/><circle cx=\"7.5\" cy=\"17.5\" r=\"2\"\/><circle cx=\"16.5\" cy=\"17.5\" r=\"2\"\/><path d=\"M3 13h16\"\/><\/svg><\/span>\n            <span class=\"jp-vozilo__mesta\">8 + 1<\/span>\n          <\/div>\n          <h3>Linija za Be\u010d<\/h3>\n          <p>Svakodnevni polazak u 14:00. Odvojena sedi\u0161ta, prostor za kofere iza, klima na svim redovima.<\/p>\n          <div class=\"jp-vozilo__oznake\">\n            <span class=\"jp-oznaka\">Svaki dan<\/span><span class=\"jp-oznaka\">Od vrata do vrata<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"jp-vozilo\" data-jp-reveal data-jp-delay=\"1\">\n          <div class=\"jp-vozilo__vrh\">\n            <span class=\"jp-vozilo__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <span class=\"jp-vozilo__mesta\">do 9<\/span>\n          <\/div>\n          <h3>Grupe i izleti<\/h3>\n          <p>Ekskurzije, prevoz radnika, \u0161oping ture i sportski klubovi. Za ve\u0107e grupe \u0161aljemo vi\u0161e vozila.<\/p>\n          <div class=\"jp-vozilo__oznake\">\n            <span class=\"jp-oznaka\">Firme<\/span><span class=\"jp-oznaka\">Ekskurzije<\/span><span class=\"jp-oznaka\">Ture<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"jp-vozilo\" data-jp-reveal data-jp-delay=\"2\">\n          <div class=\"jp-vozilo__vrh\">\n            <span class=\"jp-vozilo__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" aria-hidden=\"true\"><rect x=\"2\" y=\"7\" width=\"13\" height=\"10\" rx=\"2\"\/><path d=\"M15 10h4l3 3v4h-7z\" stroke-linejoin=\"round\"\/><circle cx=\"7\" cy=\"19\" r=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"2\"\/><\/svg><\/span>\n            <span class=\"jp-vozilo__mesta\">Teret<\/span>\n          <\/div>\n          <h3>Paketi i selidbe<\/h3>\n          <p>Kad se sedi\u0161ta sklope, ostaje pun teretni prostor \u2014 za po\u0161iljke, manje selidbe i transport robe.<\/p>\n          <div class=\"jp-vozilo__oznake\">\n            <span class=\"jp-oznaka\">Po\u0161iljke<\/span><span class=\"jp-oznaka\">Selidbe<\/span><span class=\"jp-oznaka\">Roba<\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ CENOVNIK ============ -->\n  <section class=\"jp-cene\" id=\"cenovnik\" aria-labelledby=\"jp-cene-title\">\n    <div class=\"jp-container\">\n\n      <header class=\"jp-section-header\" data-jp-reveal>\n        <div>\n          <span class=\"jp-eyebrow\">Cenovnik<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-cene-title\">\n            Cena je cena. <span>Bez doplata na granici.<\/span>\n          <\/h2>\n        <\/div>\n        <p class=\"jp-section-header__text\">\n          Cena zavisi samo od toga odakle vas preuzimamo. U nju je ura\u010dunat prevoz\n          od vrata do vrata i uobi\u010dajen prtljag \u2014 kofer i ru\u010dni prtljag po putniku.\n        <\/p>\n      <\/header>\n\n      <div class=\"jp-cene-grid\">\n\n        <article class=\"jp-cena jp-cena--istaknuta\" data-jp-reveal>\n          <span class=\"jp-cena__plocica\">Najtra\u017eenije<\/span>\n          <h3>Beograd \u2014 Be\u010d<\/h3>\n          <p class=\"jp-cena__ruta\">Preuzimanje na adresi u Beogradu<\/p>\n          <div class=\"jp-cena__iznos\">\n            <b>60 \u20ac<\/b>\n            <span>po putniku, jedan pravac<\/span>\n          <\/div>\n          <ul>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Dolazimo pred va\u0161a vrata u Beogradu<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Ostavljamo na ta\u010dnoj adresi u Be\u010du<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Kofer + ru\u010dni prtljag ura\u010dunati<\/li>\n          <\/ul>\n          <a class=\"jp-button jp-button--primary\" href=\"#rezervacija\">Rezervi\u0161i mesto<\/a>\n        <\/article>\n\n        <article class=\"jp-cena\" data-jp-reveal data-jp-delay=\"1\">\n          <h3>Van Beograda &amp; okolina Be\u010da<\/h3>\n          <p class=\"jp-cena__ruta\">Mesta van Beograda i adrese oko Be\u010da<\/p>\n          <div class=\"jp-cena__iznos\">\n            <b>70 \u20ac<\/b>\n            <span>po putniku, jedan pravac<\/span>\n          <\/div>\n          <ul>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Skre\u0107emo do va\u0161e adrese van Beograda<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Ista cena i za adrese u okolini Be\u010da<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Za udaljenija mesta \u2014 pozovite<\/li>\n          <\/ul>\n          <a class=\"jp-button jp-button--secondary\" href=\"#rezervacija\">Proveri svoje mesto<\/a>\n        <\/article>\n\n      <\/div>\n\n      <p class=\"jp-cene__dodatak\" data-jp-reveal>\n        Vozimo isklju\u010divo u jednom pravcu \u2014 povratak se rezervi\u0161e kao zasebna vo\u017enja.\n        Za Budimpe\u0161tu, Parndorf, prevoz paketa i najam vozila cena se dogovara.\n        <strong>Vozimo i za ostale evropske gradove po dogovoru<\/strong> \u2014\n        <a href=\"tel:+38163207540\">pozovite nas<\/a>.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ZA\u0160TO MI ============ -->\n  <section class=\"jp-zasto\" aria-labelledby=\"jp-zasto-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-zasto__layout\">\n\n        <div data-jp-reveal>\n          <span class=\"jp-eyebrow\">O nama<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-zasto-title\">\n            Firma koju vodi <span>\u010dovek \u010dije ime nosi<\/span>.\n          <\/h2>\n          <p class=\"jp-lead\">\n            \u201eJoca prevoz\u201c je od 1982. u vlasni\u0161tvu Jovana Cveji\u0107a i od tada radi isto:\n            me\u0111unarodni prevoz putnika i robe, doma\u0107i saobra\u0107aj, selidbe iz zemalja\n            Evropske unije i iznajmljivanje vozila sa voza\u010dem.\n          <\/p>\n\n          <div class=\"jp-brojke\">\n            <div class=\"jp-brojka\"><b data-jp-broj=\"40\" data-jp-sufiks=\"+\">0<\/b><span>godina na istoj ruti<\/span><\/div>\n            <div class=\"jp-brojka\"><b data-jp-broj=\"8\" data-jp-sufiks=\"+1\">0<\/b><span>mesta u Sprinteru<\/span><\/div>\n            <div class=\"jp-brojka\"><b data-jp-broj=\"7\" data-jp-sufiks=\"\/7\">0<\/b><span>polazaka nedeljno<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"jp-razlozi\" data-jp-reveal data-jp-delay=\"1\">\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M12 2 4 6v6c0 5 3.4 8.9 8 10 4.6-1.1 8-5 8-10V6z\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n            <h3>Isti voza\u010di godinama<\/h3>\n            <p>Nema rotacije ljudi koje vidite prvi i poslednji put. Redovni putnici znaju ko ih vozi.<\/p>\n          <\/article>\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M21 10c0 6-9 12-9 12S3 16 3 10a9 9 0 0 1 18 0z\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span>\n            <h3>Ta\u010dno na adresu<\/h3>\n            <p>Ne ostavljamo vas \u201enegde u centru\u201c. Vozimo do ulaza, i u Beogradu i u Be\u010du.<\/p>\n          <\/article>\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <h3>Polazak koji se po\u0161tuje<\/h3>\n            <p>U 14:00 zna\u010di u 14:00. Ne \u010dekamo da se vozilo popuni da bismo krenuli.<\/p>\n          <\/article>\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M14 9V5a3 3 0 0 0-6 0v4\" stroke-linecap=\"round\"\/><rect x=\"4\" y=\"9\" width=\"16\" height=\"12\" rx=\"2\"\/><\/svg><\/span>\n            <h3>Vozila koja se odr\u017eavaju<\/h3>\n            <p>Klimatizovana, \u010dista i redovno servisirana. Detalj koji se primeti tek na osmom satu vo\u017enje.<\/p>\n          <\/article>\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke-linecap=\"round\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <h3>Ljudi koji se vra\u0107aju<\/h3>\n            <p>Najve\u0107i deo posla dolazi od stalnih putnika i njihovih preporuka, ne od oglasa.<\/p>\n          <\/article>\n\n          <article class=\"jp-razlog\">\n            <span class=\"jp-razlog__ikona\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M3 12h18M12 3a15 15 0 0 1 0 18 15 15 0 0 1 0-18z\"\/><circle cx=\"12\" cy=\"12\" r=\"9\"\/><\/svg><\/span>\n            <h3>Broj i u Austriji<\/h3>\n            <p>Zovete lokalni austrijski broj kad ste tamo \u2014 bez me\u0111unarodne tarife i bez \u010dekanja.<\/p>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ POKRIVENOST ============ -->\n  <section class=\"jp-pokrivenost\" aria-labelledby=\"jp-pokr-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-pokrivenost__layout\">\n\n        <div data-jp-reveal>\n          <span class=\"jp-eyebrow\">Gde sve dolazimo<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-pokr-title\">\n            Preuzimamo i <span>van Beograda<\/span>.\n          <\/h2>\n          <p class=\"jp-lead\">\n            Ako ste na putu ka granici, sta\u0107emo po vas. Za mesta koja nisu na listi\n            pozovite \u2014 naj\u010de\u0161\u0107e se na\u0111e re\u0161enje.\n          <\/p>\n\n          <div class=\"jp-gradovi\">\n            <span class=\"jp-grad\">Beograd<\/span>\n            <span class=\"jp-grad\">In\u0111ija<\/span>\n            <span class=\"jp-grad\">Stara Pazova<\/span>\n            <span class=\"jp-grad\">Nova Pazova<\/span>\n            <span class=\"jp-grad\">Novi Sad<\/span>\n            <span class=\"jp-grad\">Srbobran<\/span>\n            <span class=\"jp-grad\">Vrbas<\/span>\n            <span class=\"jp-grad\">Ba\u010dka Topola<\/span>\n            <span class=\"jp-grad\">Subotica<\/span>\n            <span class=\"jp-grad\">Budimpe\u0161ta<\/span>\n            <span class=\"jp-grad\">\u0110er<\/span>\n            <span class=\"jp-grad\">Be\u010d<\/span>\n            <span class=\"jp-grad\">Parndorf<\/span>\n            <span class=\"jp-grad\">i ostala mesta po dogovoru<\/span>\n          <\/div>\n        <\/div>\n\n        <aside class=\"jp-vozni-red\" data-jp-reveal data-jp-delay=\"1\">\n          <h3>Red vo\u017enje<\/h3>\n          <div class=\"jp-vozni-red__red\"><span>Polazak iz Beograda<\/span><b>Svaki dan, 14:00<\/b><\/div>\n          <div class=\"jp-vozni-red__red\"><span>Preuzimanje<\/span><b>Na va\u0161oj adresi<\/b><\/div>\n          <div class=\"jp-vozni-red__red\"><span>Povratak iz Be\u010da<\/span><b>Po dogovoru<\/b><\/div>\n          <div class=\"jp-vozni-red__red\"><span>Radno vreme, radni dan<\/span><b>09\u201421h<\/b><\/div>\n          <div class=\"jp-vozni-red__red\"><span>Radno vreme, vikend<\/span><b>09\u201415h<\/b><\/div>\n          <p class=\"jp-section-header__text\" style=\"margin:16px 0 0\">\n            Nemamo zborno mesto \u2014 vozilo dolazi na adresu koju nam date, i u Srbiji i u Austriji.\n          <\/p>\n        <\/aside>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FAQ ============ -->\n  <section class=\"jp-faq\" id=\"pitanja\" aria-labelledby=\"jp-faq-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-faq__layout\">\n\n        <aside data-jp-reveal>\n          <span class=\"jp-eyebrow\">\u010cesta pitanja<\/span>\n          <h2 class=\"jp-heading\" id=\"jp-faq-title\">\n            Ono \u0161to nas <span>najvi\u0161e pitaju<\/span>.\n          <\/h2>\n          <p class=\"jp-lead\">\n            Ako va\u0161e pitanje nije ovde, jedan poziv re\u0161ava br\u017ee nego pisanje.\n          <\/p>\n\n          <div class=\"jp-faq__kontakt\">\n            <strong>Neobi\u010dan termin ili adresa van rute?<\/strong>\n            <span>Pozovite i recite \u0161ta vam treba \u2014 retko se desi da nema re\u0161enja.<\/span>\n            <a class=\"jp-button jp-button--primary\" href=\"tel:+38163207540\">Pozovi odmah<\/a>\n          <\/div>\n        <\/aside>\n\n        <div class=\"jp-faq-lista\" data-jp-reveal data-jp-delay=\"1\">\n\n          <details class=\"jp-faq-item\" open>\n            <summary><strong>Koliko traje put od Beograda do Be\u010da?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Oko <strong>8 do 10 sati<\/strong>, zavisno od gu\u017eve na granici i broja adresa na kojima staje vozilo. Polazak je u 14:00, pa se u Be\u010du naj\u010de\u0161\u0107e sti\u017ee u toku no\u0107i ili rano ujutru.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Da li zaista dolazite na moju adresu?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Da, to je jedini na\u010din na koji radimo. Preuzimamo vas ispred zgrade i ostavljamo na ta\u010dnoj adresi u Be\u010du. Nemamo zborno mesto niti stanicu na koju treba da dolazite.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Koliko ko\u0161ta prevoz do Be\u010da?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Ako vas preuzimamo <strong>u Beogradu \u2014 60 \u20ac<\/strong> po putniku u jednom pravcu. Za adrese <strong>van Beograda<\/strong>, kao i za dostavu u <strong>okolini Be\u010da<\/strong>, cena je <strong>70 \u20ac<\/strong>. U cenu ulazi prevoz od vrata do vrata i uobi\u010dajen prtljag.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Koliko prtljaga mogu da ponesem?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>U cenu ulazi <strong>kofer i ru\u010dni prtljag<\/strong> po putniku. Ako nosite vi\u0161e od toga \u2014 selidba, ve\u0107i paketi, bicikl \u2014 javite unapred da bismo obezbedili mesto. Doplata se dogovara.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Kada i kako se pla\u0107a?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Voza\u010du, pri polasku. Bez avansa i bez uplate unapred. Primamo evre i dinare. Za firme i ugovoreni prevoz izdajemo ra\u010dun i radimo preko fakture.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>\u0160ta ako otka\u017eem putovanje?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Otkazivanje do <strong>24 sata pre polaska<\/strong> je bez naknade \u2014 samo nas pozovite. Po\u0161to se ne pla\u0107a unapred, nema ni povra\u0107aja novca ni komplikacija.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Mogu li da po\u0161aljem paket ako sam ne putujem?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Naravno. Preuzimamo paket na va\u0161oj adresi u Beogradu i isporu\u010dujemo ga na adresu u Be\u010du ili Budimpe\u0161ti. Cena zavisi od veli\u010dine \u2014 pozovite i opi\u0161ite \u0161ta \u0161aljete.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Vozite li decu bez pratnje?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Vozimo, ali uz <strong>overenu saglasnost roditelja<\/strong> i svu potrebnu dokumentaciju za prelazak granice. Pozovite pre rezervacije da pro\u0111emo kroz papire \u2014 grani\u010dna policija je po tom pitanju stroga.<\/p>\n            <\/div>\n          <\/details>\n\n          <details class=\"jp-faq-item\">\n            <summary><strong>Da li se kombi mo\u017ee iznajmiti bez voza\u010da?<\/strong><span class=\"jp-faq-item__toggle\" aria-hidden=\"true\"><\/span><\/summary>\n            <div class=\"jp-faq-item__sadrzaj\">\n              <p>Ne. Sva vozila izdajemo isklju\u010divo sa na\u0161im voza\u010dem \u2014 i za jednodnevne izlete i za dugoro\u010dne ugovore sa firmama.<\/p>\n            <\/div>\n          <\/details>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ ZAVR\u0160NICA: CTA + FOOTER ============ -->\n  <!-- Oba su u istom omota\u010du da bi gradijent tekao neprekidno,\n       bez vidljivog \u0161ava izme\u0111u sekcija. -->\n  <div class=\"jp-kraj\">\n    <div class=\"jp-kraj__motiv\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 1400 900\" preserveAspectRatio=\"none\">\n        <defs>\n          <path id=\"jp-k-putanja\" d=\"M-40 700 C 240 620, 380 660, 560 560 S 940 400, 1160 470 S 1380 380, 1460 400\"\/>\n        <\/defs>\n        <use href=\"#jp-k-putanja\" class=\"jp-kraj__putanja\"\/>\n        <circle cx=\"560\" cy=\"560\" r=\"5\" fill=\"rgba(255,255,255,.5)\"\/>\n        <circle cx=\"1160\" cy=\"470\" r=\"5\" fill=\"rgba(255,199,154,.7)\"\/>\n        <g class=\"jp-kraj__kombi\" style=\"offset-path:path('M-40 700 C 240 620, 380 660, 560 560 S 940 400, 1160 470 S 1380 380, 1460 400'); offset-rotate:auto;\">\n          <rect x=\"-12\" y=\"-7\" width=\"24\" height=\"14\" rx=\"3.5\" fill=\"rgba(255,255,255,.85)\"\/>\n          <rect x=\"-8\" y=\"-4.5\" width=\"8\" height=\"5\" rx=\"1.2\" fill=\"#123CAB\"\/>\n        <\/g>\n      <\/svg>\n    <\/div>\n\n  <!-- ============ ZAVR\u0160NI CTA ============ -->\n  <section class=\"jp-cta\" aria-labelledby=\"jp-cta-title\">\n    <div class=\"jp-container\">\n      <div class=\"jp-cta__kutija\" data-jp-reveal>\n\n        <div>\n          <span class=\"jp-eyebrow jp-eyebrow--svetli\">Krenimo<\/span>\n          <h2 class=\"jp-heading jp-heading--svetli\" id=\"jp-cta-title\">\n            Polazak je <span>danas u 14:00<\/span>. Ima li mesta za vas?\n          <\/h2>\n\n          <div class=\"jp-cta__tel\">\n            <div><span>Srbija \u00b7 fiksni<\/span><a href=\"tel:+381112860079\">011 286 00 79<\/a><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"jp-cta__akcije\">\n\n          <a class=\"jp-poziv\" href=\"tel:+38163207540\">\n            <span class=\"jp-poziv__drzava\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              Srbija\n            <\/span>\n            <b>063 \/ 207 540<\/b>\n          <\/a>\n\n          <a class=\"jp-poziv\" href=\"tel:+436643810913\">\n            <span class=\"jp-poziv__drzava\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              Austrija\n            <\/span>\n            <b>+43 (66) 43 810 913<\/b>\n          <\/a>\n\n          <div class=\"jp-cta__dodatno\">\n            <a class=\"jp-button jp-button--narandzasta\" href=\"#rezervacija\">Rezervi\u0161i mesto<\/a>\n            <a class=\"jp-button jp-button--duh\" href=\"https:\/\/wa.me\/38163207540\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ FOOTER ============ -->\n  <footer class=\"jp-footer\">\n\n    <div class=\"jp-container\">\n      <div class=\"jp-footer__grid\">\n\n        <!-- ---------- LEVO: logo ---------- -->\n        <div>\n          <div class=\"jp-footer__logo\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/JOCA_PREVOZ_LOGO-removebg-preview.png\"\n                 alt=\"Joca Prevoz \u2014 logo\" width=\"150\" height=\"150\" loading=\"lazy\">\n            <span>\n              <b>Joca Prevoz<\/b>\n              <span>Me\u0111unarodni prevoz<\/span>\n            <\/span>\n          <\/div>\n\n          <p class=\"jp-footer__opis\">\n            Od 1982. vozimo putnike i pakete iz Srbije ka Austriji i Ma\u0111arskoj.\n            Svakog dana, od vrata do vrata.\n          <\/p>\n\n          <div class=\"jp-footer__znacke\">\n            <span class=\"jp-footer__znacka\">40+ godina<\/span>\n            <span class=\"jp-footer__znacka\">Beograd \u00b7 Be\u010d<\/span>\n            <span class=\"jp-footer__znacka\">Polazak 14:00<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- ---------- SREDINA: WP meni \u201eDodatne informacije\" ---------- -->\n        <div class=\"jp-footer__meni\">\n          <h3>Dodatne informacije<\/h3>\n\n          <!-- ==========================================================\n               SLOT ZA WORDPRESS MENI \u201eDodatne informacije\"\n               Isto kao gore: ili Elementor \u201eWordPress Menu\" widget sa\n               CSS klasom  jp-footer__meni , ili shortcode plugin:\n               [menu name=\"Dodatne informacije\"]\n               Do tada radi stati\u010dni spisak ispod.\n               ========================================================== -->\n          <ul>\n            <li><a href=\"#rezervacija\">Rezervacija<\/a><\/li>\n            <li><a href=\"#destinacije\">Destinacije i cene<\/a><\/li>\n            <li><a href=\"#paketi\">Prevoz paketa<\/a><\/li>\n            <li><a href=\"#vozni-park\">Vozni park<\/a><\/li>\n            <li><a href=\"#pitanja\">\u010cesta pitanja<\/a><\/li>\n            <li><a href=\"\/uslovi-koriscenja\/\">Uslovi kori\u0161\u0107enja<\/a><\/li>\n            <li><a href=\"\/politika-privatnosti\/\">Politika privatnosti<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- ---------- DESNO: kontakt ---------- -->\n        <div class=\"jp-footer__kontakt\">\n          <h3>Kontakt<\/h3>\n\n          <div class=\"jp-footer__stavka\">\n            <span class=\"jp-footer__ikona\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/span>\n            <div>\n              <small>Srbija<\/small>\n              <a href=\"tel:+38163207540\">063 \/ 207 540<\/a>\n              <a href=\"tel:+381112860079\" style=\"font-size:14px;font-weight:600;color:rgba(255,255,255,.78) !important\">011 \/ 286 00 79<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"jp-footer__stavka\">\n            <span class=\"jp-footer__ikona\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/span>\n            <div>\n              <small>Austrija<\/small>\n              <a href=\"tel:+436643810913\">+43 (66) 43 810 913<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"jp-footer__stavka\">\n            <span class=\"jp-footer__ikona\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m2 7 10 6 10-6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <\/span>\n            <div>\n              <small>E-po\u0161ta<\/small>\n              <a href=\"mailto:info@jocaprevoz.com\" style=\"font-size:15px\">info@jocaprevoz.com<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"jp-footer__stavka\">\n            <span class=\"jp-footer__ikona\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\" stroke-linecap=\"round\"\/><\/svg>\n            <\/span>\n            <div>\n              <small>Radno vreme<\/small>\n              <p>\n                <b>Ponedeljak \u2014 petak<\/b> 09\u201421h<br>\n                <b>Subota i nedelja<\/b> 09\u201415h\n              <\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"jp-footer__dno\">\n        <p>&copy; <span id=\"jp-godina\">2026<\/span> <strong>Joca Prevoz<\/strong>. Sva prava zadr\u017eana.<\/p>\n        <p>Izrada sajta: <a href=\"https:\/\/liconsultingservices.com\" target=\"_blank\" rel=\"noopener\">LI Consulting Services<\/a><\/p>\n      <\/div>\n    <\/div>\n  <\/footer>\n  <\/div>\n\n  <!-- ============ PLUTAJU\u0106A DUGMAD ============ -->\n  <div class=\"jp-plutajuce\">\n    <a class=\"jp-plutajuce__whatsapp\" href=\"https:\/\/wa.me\/38163207540\" target=\"_blank\" rel=\"noopener\" aria-label=\"Pi\u0161i nam na WhatsApp\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.21-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48 0 1.46 1.07 2.87 1.22 3.07.15.2 2.1 3.2 5.08 4.49.7.3 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.42-.08-.12-.27-.2-.57-.34m-5.42 7.4a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.43 9.88-9.89 9.88M20.46 3.49A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.69 1.45c6.55 0 11.89-5.34 11.89-11.9a11.82 11.82 0 0 0-3.48-8.41\"\/><\/svg>\n    <\/a>\n    <a class=\"jp-plutajuce__tel\" href=\"tel:+38163207540\" aria-label=\"Pozovi 063 207 540\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/a>\n  <\/div>\n\n  <script>\n  (function(){\n    var page = document.getElementById('joca-prevoz');\n    if (!page) return;\n\n    \/* ---------- Godina u footeru ---------- *\/\n    var godina = page.querySelector('#jp-godina');\n    if (godina) godina.textContent = new Date().getFullYear();\n\n    \/* ---------- 1. Odbrojavanje do slede\u0107eg polaska (14:00) ---------- *\/\n    var sat = page.querySelector('#jp-odbroj-sat');\n    var kada = page.querySelector('#jp-odbroj-kada');\n\n    function osveziOdbrojavanje(){\n      var sada = new Date();\n      var cilj = new Date(sada.getFullYear(), sada.getMonth(), sada.getDate(), 14, 0, 0);\n      var danas = true;\n\n      if (sada >= cilj){                        \/\/ pro\u0161lo je 14h \u2014 gledamo sutra\n        cilj.setDate(cilj.getDate() + 1);\n        danas = false;\n      }\n\n      var razlika = Math.max(0, cilj - sada);\n      var h = Math.floor(razlika \/ 3600000);\n      var m = Math.floor((razlika % 3600000) \/ 60000);\n      var s = Math.floor((razlika % 60000) \/ 1000);\n\n      var pad = function(n){ return String(n).padStart(2,'0'); };\n      sat.textContent = pad(h) + ':' + pad(m) + ':' + pad(s);\n      if (kada) kada.textContent = (danas ? 'danas' : 'sutra') + ' u 14:00';\n    }\n    osveziOdbrojavanje();\n    setInterval(osveziOdbrojavanje, 1000);\n\n    \/* ---------- 2. Forma \u2192 WhatsApp ---------- *\/\n    var forma = page.querySelector('#jp-forma');\n    var status = page.querySelector('#jp-status');\n    var datum = forma.querySelector('#jp-datum');\n\n    if (datum){                                  \/\/ ne dozvoli datum u pro\u0161losti\n      var d = new Date();\n      datum.min = d.getFullYear() + '-' + String(d.getMonth()+1).padStart(2,'0') + '-' + String(d.getDate()).padStart(2,'0');\n    }\n\n    function ocisti(polje){\n      var w = polje.closest('.jp-polje');\n      if (w) w.classList.remove('is-invalid');\n      polje.removeAttribute('aria-invalid');\n    }\n    function greska(polje){\n      var w = polje.closest('.jp-polje');\n      if (w) w.classList.add('is-invalid');\n      polje.setAttribute('aria-invalid','true');\n    }\n\n    forma.addEventListener('input', function(e){ ocisti(e.target); });\n    forma.addEventListener('change', function(e){ ocisti(e.target); });\n\n    forma.addEventListener('submit', function(e){\n      e.preventDefault();\n\n      var obavezna = Array.prototype.slice.call(forma.querySelectorAll('[required]'));\n      var ispravno = true, prvo = null;\n\n      obavezna.forEach(function(polje){\n        if (!polje.value.trim()){\n          ispravno = false; greska(polje);\n          if (!prvo) prvo = polje;\n        } else { ocisti(polje); }\n      });\n\n      if (!ispravno){ prvo.focus(); return; }\n\n      var podaci = new FormData(forma);\n      var dodatno = podaci.getAll('dodatno').filter(Boolean);\n\n      var poruka = [\n        'Nova rezervacija \u2014 Joca Prevoz',\n        '',\n        'Relacija: '   + (podaci.get('relacija') || '\u2014'),\n        'Datum: '      + (podaci.get('datum')    || '\u2014'),\n        'Putnika: '    + (podaci.get('putnici')  || '\u2014'),\n        'Telefon: '    + (podaci.get('kontakt')  || '\u2014'),\n        'Adresa preuzimanja: ' + (podaci.get('adresa') || 'Nije navedena'),\n        'Dodatno: '    + (dodatno.length ? dodatno.join(', ') : 'Ni\u0161ta posebno'),\n        '',\n        'Napomena: '   + (podaci.get('napomena') || '\u2014'),\n        '',\n        'Molim potvrdu slobodnog mesta.'\n      ].join('\\n');\n\n      var broj = forma.dataset.whatsapp || '38163207540';\n      if (status) status.classList.add('is-visible');\n\n      window.open('https:\/\/wa.me\/' + broj + '?text=' + encodeURIComponent(poruka), '_blank', 'noopener,noreferrer');\n    });\n\n    \/* ---------- 3. FAQ: samo jedan otvoren ---------- *\/\n    var faq = Array.prototype.slice.call(page.querySelectorAll('.jp-faq-item'));\n    faq.forEach(function(item){\n      item.addEventListener('toggle', function(){\n        if (!item.open) return;\n        faq.forEach(function(drugi){ if (drugi !== item) drugi.open = false; });\n      });\n    });\n\n    \/* ---------- 4. Reveal + broja\u010di ---------- *\/\n    var reveal = page.querySelectorAll('[data-jp-reveal]');\n    var brojaci = Array.prototype.slice.call(page.querySelectorAll('[data-jp-broj]'));\n    var smanjeneAnimacije = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    function animirajBroj(el){\n      var cilj = parseInt(el.dataset.jpBroj, 10);\n      var sufiks = el.dataset.jpSufiks || '';\n      var trajanje = 1100, pocetak = null;\n\n      function korak(vreme){\n        if (!pocetak) pocetak = vreme;\n        var p = Math.min((vreme - pocetak) \/ trajanje, 1);\n        var eased = 1 - Math.pow(1 - p, 3);\n        el.textContent = Math.round(cilj * eased) + sufiks;\n        if (p < 1) requestAnimationFrame(korak);\n      }\n      requestAnimationFrame(korak);\n    }\n\n    if (smanjeneAnimacije || !('IntersectionObserver' in window)){\n      reveal.forEach(function(el){ el.classList.add('jp-visible'); });\n      brojaci.forEach(function(el){ el.textContent = el.dataset.jpBroj + (el.dataset.jpSufiks || ''); });\n    } else {\n      var obs = new IntersectionObserver(function(unosi, o){\n        unosi.forEach(function(u){\n          if (!u.isIntersecting) return;\n          u.target.classList.add('jp-visible');\n          u.target.querySelectorAll && Array.prototype.slice.call(u.target.querySelectorAll('[data-jp-broj]'))\n            .forEach(function(b){ if (!b.dataset.jpGotovo){ b.dataset.jpGotovo = '1'; animirajBroj(b); } });\n          o.unobserve(u.target);\n        });\n      }, { threshold:.08, rootMargin:'0px 0px -30px 0px' });\n      reveal.forEach(function(el){ obs.observe(el); });\n    }\n\n  })();\n  <\/script>\n\n  <!-- ============ STRUKTURIRANI PODACI ============ -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@graph\": [\n      {\n        \"@type\": [\"LocalBusiness\",\"TravelAgency\"],\n        \"@id\": \"https:\/\/www.jocaprevoz.com\/#organizacija\",\n        \"name\": \"Joca Prevoz\",\n        \"description\": \"Me\u0111unarodni prevoz putnika i paketa iz Srbije ka Austriji i Ma\u0111arskoj. Svakodnevni polasci od vrata do vrata, iznajmljivanje kombija i minibusa sa voza\u010dem.\",\n        \"url\": \"https:\/\/www.jocaprevoz.com\/\",\n        \"telephone\": \"+38163207540\",\n        \"foundingDate\": \"1994\",\n        \"founder\": { \"@type\": \"Person\", \"name\": \"Jovan Cveji\u0107\" },\n        \"priceRange\": \"\u20ac\u20ac\",\n        \"address\": {\n          \"@type\": \"PostalAddress\",\n          \"addressLocality\": \"Beograd\",\n          \"addressCountry\": \"RS\"\n        },\n        \"areaServed\": [\n          { \"@type\": \"Country\", \"name\": \"Srbija\" },\n          { \"@type\": \"Country\", \"name\": \"Austrija\" },\n          { \"@type\": \"Country\", \"name\": \"Ma\u0111arska\" }\n        ],\n        \"openingHoursSpecification\": [\n          { \"@type\": \"OpeningHoursSpecification\", \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"], \"opens\": \"09:00\", \"closes\": \"21:00\" },\n          { \"@type\": \"OpeningHoursSpecification\", \"dayOfWeek\": [\"Saturday\",\"Sunday\"], \"opens\": \"09:00\", \"closes\": \"15:00\" }\n        ]\n      },\n      {\n        \"@type\": \"Service\",\n        \"name\": \"Prevoz putnika Beograd \u2013 Be\u010d\",\n        \"provider\": { \"@id\": \"https:\/\/www.jocaprevoz.com\/#organizacija\" },\n        \"serviceType\": \"Me\u0111unarodni prevoz putnika\",\n        \"areaServed\": [\"Beograd\",\"Be\u010d\"],\n        \"offers\": {\n          \"@type\": \"Offer\",\n          \"priceCurrency\": \"EUR\",\n          \"price\": \"60\",\n          \"description\": \"Karta u jednom pravcu Beograd \u2013 Be\u010d, od vrata do vrata. Za preuzimanje van Beograda i dostavu u okolini Be\u010da cena je 70 \u20ac.\"\n        }\n      },\n      {\n        \"@type\": \"FAQPage\",\n        \"mainEntity\": [\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Koliko traje put od Beograda do Be\u010da?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oko 8 do 10 sati, zavisno od gu\u017eve na granici i broja adresa na kojima staje vozilo.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Da li dolazite na moju adresu?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Da, isklju\u010divo tako radimo. Preuzimamo putnike ispred zgrade i ostavljamo na ta\u010dnoj adresi u Be\u010du. Nemamo zborno mesto ni stanicu.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Koliko ko\u0161ta prevoz do Be\u010da?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Za preuzimanje u Beogradu 60 \u20ac po putniku u jednom pravcu, a za adrese van Beograda i u okolini Be\u010da 70 \u20ac. U cenu je ura\u010dunat prevoz od vrata do vrata i uobi\u010dajen prtljag.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Kada i kako se pla\u0107a?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Voza\u010du pri polasku, bez avansa. Primaju se evri i dinari. Za firme se izdaje ra\u010dun.\" }\n          },\n          {\n            \"@type\": \"Question\",\n            \"name\": \"Mogu li da po\u0161aljem paket ako sam ne putujem?\",\n            \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Da. Paket se preuzima na adresi u Beogradu i isporu\u010duje na adresu u Be\u010du ili Budimpe\u0161ti, istim vozilom, bez pretovara.\" }\n          }\n        ]\n      }\n    ]\n  }\n  <\/script>\n\n<\/section>\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>Srbija 063 \/ 207 540 Austrija +43 (66) 43 810 913 Rezervi\u0161i Slede\u0107i polazak za Be\u010d danas u 14:00 &#8211;:&#8211;:&#8211; Me\u0111unarodni prevoz putnika i paketa Od va\u0161ih vrata u Srbiji, do njihovih u Be\u010du. Bez presedanja, bez \u010dekanja na stanici, bez tra\u017eenja prevoza sa aerodroma. Vozimo svakog dana i dolazimo ta\u010dno pred va\u0161a vrata \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":16,"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":55,"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/pages\/17\/revisions\/55"}],"wp:attachment":[{"href":"https:\/\/jocaprevoz.com\/en\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}