{"id":589,"date":"2022-03-14T16:48:17","date_gmt":"2022-03-14T16:48:17","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/car-service\/?page_id=2"},"modified":"2026-07-02T11:09:07","modified_gmt":"2026-07-02T09:09:07","slug":"home","status":"publish","type":"page","link":"https:\/\/interlog.hr\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6eb6e82\" data-block-id=\"6eb6e82\"><style>.stk-6eb6e82 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6eb6e82-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-74fb7f1\" data-v=\"4\" data-block-id=\"74fb7f1\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-74fb7f1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-74fb7f1-inner-blocks\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap\">\n\n<style>\n  .thHero-wrap {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    min-height: 600px;\n    overflow: hidden;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  }\n  .thHero-slide {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background-size: cover;\n    background-position: center;\n    opacity: 0;\n    transition: opacity 0.8s ease;\n    z-index: 1;\n  }\n  .thHero-slide.thHero-active { opacity: 1; z-index: 2; }\n  .thHero-overlay {\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, rgba(13,13,13,0.92) 0%, rgba(13,13,13,0.70) 55%, rgba(13,13,13,0.45) 100%);\n    z-index: 3;\n  }\n  .thHero-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    max-width: 1480px;\n    padding: 0 24px;\n    transform: translate(-50%, -50%);\n    z-index: 4;\n    box-sizing: border-box;\n  }\n  .thHero-textBlock {\n    max-width: 950px;\n    opacity: 0;\n    transform: translateY(12px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n  .thHero-textBlock.thHero-textActive {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .thHero-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 18px;\n    border: 1px solid #F4A026;\n    border-radius: 999px;\n    color: #F4A026;\n    font-family: 'Inter', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 24px;\n  }\n  .thHero-pill::before {\n    content: '';\n    display: inline-block;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #F4A026;\n  }\n  .thHero-headline {\n    font-family: 'Inter', sans-serif;\n    font-size: 72px;\n    font-weight: 800;\n    line-height: 1.05;\n    letter-spacing: -0.02em;\n    color: #FFFFFF;\n    margin: 0 0 20px 0;\n  }\n  .thHero-subhead {\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.5;\n    color: #D1D5DB;\n    margin: 0 0 32px 0;\n    max-width: 650px;\n  }\n  .thHero-btnRow {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n  .thHero-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 32px;\n    border-radius: 15px;\n    font-family: 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n    border: none;\n  }\n  .thHero-btnPrimary {\n    background: #F4A026;\n    color: #FFFFFF;\n  }\n  .thHero-btnPrimary:hover { background: #C97E14; }\n  .thHero-btnSecondary {\n    background: transparent;\n    color: #FFFFFF;\n    border: 1.5px solid #FFFFFF;\n  }\n  .thHero-btnSecondary:hover {\n    background: #FFFFFF;\n    color: #0D0D0D;\n  }\n  .thHero-dots {\n    position: absolute;\n    right: 56px;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 22px;\n    z-index: 5;\n  }\n  .thHero-dot {\n    width: 16px;\n    height: 16px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.5);\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    transition: background 0.3s ease, width 0.4s ease, height 0.4s ease;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);\n  }\n  .thHero-dot:hover {\n    background: rgba(255, 255, 255, 0.8);\n  }\n  .thHero-dot.thHero-dotActive {\n    background: rgba(255, 255, 255, 0.25);\n    width: 18px;\n    height: 72px;\n    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);\n  }\n  .thHero-dotFill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 0%;\n    background: #F4A026;\n    transition: height linear;\n    border-radius: 999px;\n  }\n  .thHero-progress {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: rgba(255, 255, 255, 0.1);\n    z-index: 5;\n  }\n  .thHero-progressFill {\n    height: 100%;\n    width: 0%;\n    background: #F4A026;\n    transition: width linear;\n  }\n  @media (max-width:690px) {\n    .thHero-wrap {\n      height: 100vh;\n      min-height: 520px;\n    }\n    .thHero-content { padding: 0 24px; }\n    .thHero-headline { font-size: 40px; }\n    .thHero-subhead { font-size: 16px; }\n    .thHero-pill { font-size: 11px; padding: 6px 14px; }\n    .thHero-dots {\n      flex-direction: row;\n      right: 50%;\n      top: auto;\n      bottom: 32px;\n      transform: translateX(50%);\n      gap: 18px;\n    }\n    .thHero-dot {\n      width: 14px;\n      height: 14px;\n    }\n    .thHero-dot.thHero-dotActive {\n      width: 72px;\n      height: 18px;\n    }\n    .thHero-dotFill {\n      width: 0%;\n      height: 100%;\n      transition: width linear;\n    }\n    .thHero-btn { padding: 12px 24px; font-size: 14px; }\n  }\n<\/style>\n\n<div class=\"thHero-wrap\" id=\"thHero-root\">\n  <div class=\"thHero-slide thHero-active\" data-bg=\"https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a3a981572499097121be9f6.webp\"><\/div>\n  <div class=\"thHero-slide\" data-bg=\"https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a3597f7f2131051b8f0f332.webp\"><\/div>\n  <div class=\"thHero-slide\" data-bg=\"https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a35983bc50697c411885898.webp\"><\/div>\n\n  <div class=\"thHero-overlay\"><\/div>\n\n  <div class=\"thHero-content\">\n    <div class=\"thHero-textBlock thHero-textActive\" id=\"thHero-textBlock\">\n      <span class=\"thHero-pill\" id=\"thHero-pill\">Me\u0111unarodni transport<\/span>\n      <h1 class=\"thHero-headline\" id=\"thHero-headline\">Pouzdan partner za siguran i pravovremen transport robe diljem Europe<\/h1>\n      <p class=\"thHero-subhead\" id=\"thHero-subhead\">FTL i LTL prijevoz prilago\u0111en va\u0161im potrebama, uz profesionalnu organizaciju, transparentnu komunikaciju i mre\u017eu provjerenih logisti\u010dkih partnera.<\/p>\n      <div class=\"thHero-btnRow\">\n        <a href=\"#kontakt\" class=\"thHero-btn thHero-btnPrimary\">Zatra\u017ei ponudu \u2192<\/a>\n        <a href=\"#usluge\" class=\"thHero-btn thHero-btnSecondary\">Na\u0161e usluge<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"thHero-dots\" id=\"thHero-dots\">\n    <button class=\"thHero-dot thHero-dotActive\" data-idx=\"0\" aria-label=\"Slajd 1\"><span class=\"thHero-dotFill\"><\/span><\/button>\n    <button class=\"thHero-dot\" data-idx=\"1\" aria-label=\"Slajd 2\"><span class=\"thHero-dotFill\"><\/span><\/button>\n    <button class=\"thHero-dot\" data-idx=\"2\" aria-label=\"Slajd 3\"><span class=\"thHero-dotFill\"><\/span><\/button>\n  <\/div>\n\n  <div class=\"thHero-progress\">\n    <div class=\"thHero-progressFill\" id=\"thHero-progressFill\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  var SLIDE_DURATION = 6000;\n\n  var slides = [\n    {\n      pill: 'Me\u0111unarodni transport',\n      headline: 'Pouzdan partner za siguran i pravovremen transport robe diljem Europe',\n      subhead: 'FTL i LTL prijevoz prilago\u0111en va\u0161im potrebama, uz profesionalnu organizaciju, transparentnu komunikaciju i mre\u017eu provjerenih logisti\u010dkih partnera.'\n    },\n    {\n      pill: 'Moderna flota',\n      headline: 'Va\u0161 teret. Na\u0161a odgovornost.',\n      subhead: 'Organiziramo doma\u0107i i me\u0111unarodni transport robe s fokusom na sigurnost, preciznost i po\u0161tivanje rokova isporuke.'\n    },\n    {\n      pill: '24\/7 podr\u0161ka',\n      headline: 'Transportna rje\u0161enja na koja se mo\u017eete osloniti',\n      subhead: 'Od pojedina\u010dnih po\u0161iljki do dugoro\u010dnih logisti\u010dkih partnerstava \u2014 osiguravamo u\u010dinkovit prijevoz robe kroz Hrvatsku, Europu i me\u0111unarodna tr\u017ei\u0161ta.'\n    }\n  ];\n\n  var root = document.getElementById('thHero-root');\n  if (!root) return;\n\n  var slideEls = root.querySelectorAll('.thHero-slide');\n  var dotEls = root.querySelectorAll('.thHero-dot');\n  var fillEls = root.querySelectorAll('.thHero-dotFill');\n  var pillEl = document.getElementById('thHero-pill');\n  var headlineEl = document.getElementById('thHero-headline');\n  var subheadEl = document.getElementById('thHero-subhead');\n  var textBlock = document.getElementById('thHero-textBlock');\n  var progressFill = document.getElementById('thHero-progressFill');\n\n  \/\/ Set background images\n  for (var i = 0; i < slideEls.length; i++) {\n    slideEls[i].style.backgroundImage = 'url(' + slideEls[i].getAttribute('data-bg') + ')';\n  }\n\n  var currentIdx = 0;\n  var timer = null;\n  var lastWindowWidth = window.innerWidth;\n  var lastIsMobile = window.innerWidth <= 768;\n\n  function isMobile() {\n    return window.innerWidth <= 768;\n  }\n\n  function resetAllFills() {\n    for (var i = 0; i < fillEls.length; i++) {\n      fillEls[i].style.transition = 'none';\n      if (isMobile()) {\n        fillEls[i].style.width = '0%';\n        fillEls[i].style.height = '100%';\n      } else {\n        fillEls[i].style.height = '0%';\n        fillEls[i].style.width = '100%';\n      }\n    }\n  }\n\n  function resetProgressBar() {\n    progressFill.style.transition = 'none';\n    progressFill.style.width = '0%';\n    void progressFill.offsetWidth;\n  }\n\n  function startActiveFill(idx) {\n    var fill = fillEls[idx];\n    void fill.offsetWidth;\n    if (isMobile()) {\n      fill.style.transition = 'width ' + SLIDE_DURATION + 'ms linear';\n      fill.style.width = '100%';\n    } else {\n      fill.style.transition = 'height ' + SLIDE_DURATION + 'ms linear';\n      fill.style.height = '100%';\n    }\n  }\n\n  function startProgressBar() {\n    void progressFill.offsetWidth;\n    progressFill.style.transition = 'width ' + SLIDE_DURATION + 'ms linear';\n    progressFill.style.width = '100%';\n  }\n\n  function setSlide(idx) {\n    currentIdx = idx;\n\n    \/\/ Swap slide visibility\n    for (var i = 0; i < slideEls.length; i++) {\n      if (i === idx) {\n        slideEls[i].classList.add('thHero-active');\n      } else {\n        slideEls[i].classList.remove('thHero-active');\n      }\n    }\n\n    \/\/ Swap dots\n    for (var j = 0; j < dotEls.length; j++) {\n      if (j === idx) {\n        dotEls[j].classList.add('thHero-dotActive');\n      } else {\n        dotEls[j].classList.remove('thHero-dotActive');\n      }\n    }\n\n    \/\/ Animate text out, swap content, animate in\n    textBlock.classList.remove('thHero-textActive');\n    setTimeout(function() {\n      pillEl.textContent = slides[idx].pill;\n      headlineEl.textContent = slides[idx].headline;\n      subheadEl.textContent = slides[idx].subhead;\n      textBlock.classList.add('thHero-textActive');\n    }, 200);\n\n    \/\/ Reset both indicators, then start them in sync\n    resetAllFills();\n    resetProgressBar();\n    setTimeout(function() {\n      startActiveFill(idx);\n      startProgressBar();\n    }, 50);\n  }\n\n  function startTimer() {\n    stopTimer();\n    timer = setInterval(function() {\n      var next = (currentIdx + 1) % slides.length;\n      setSlide(next);\n    }, SLIDE_DURATION);\n  }\n\n  function stopTimer() {\n    if (timer) {\n      clearInterval(timer);\n      timer = null;\n    }\n  }\n\n  \/\/ Dot click handlers\n  for (var k = 0; k < dotEls.length; k++) {\n    (function(idx) {\n      dotEls[idx].addEventListener('click', function() {\n        setSlide(idx);\n        startTimer();\n      });\n    })(k);\n  }\n\n  \/\/ Smart resize handler \u2014 only reacts to REAL layout changes, not mobile\n  \/\/ browser address-bar show\/hide jiggles that fire fake resize events on scroll\n  var resizeDebounce = null;\n  window.addEventListener('resize', function() {\n    if (resizeDebounce) clearTimeout(resizeDebounce);\n    resizeDebounce = setTimeout(function() {\n      var currentWidth = window.innerWidth;\n      var currentIsMobile = currentWidth <= 768;\n\n      \/\/ Only act if width actually changed (real resize\/orientation change)\n      \/\/ OR if we crossed the mobile breakpoint\n      if (currentWidth !== lastWindowWidth || currentIsMobile !== lastIsMobile) {\n        lastWindowWidth = currentWidth;\n        lastIsMobile = currentIsMobile;\n\n        \/\/ Only reinitialize fill direction if breakpoint changed\n        \/\/ Don't reset the timer or slide progress\n        if (currentIsMobile !== lastIsMobile) {\n          resetAllFills();\n          resetProgressBar();\n          setTimeout(function() {\n            startActiveFill(currentIdx);\n            startProgressBar();\n          }, 50);\n        }\n      }\n    }, 200);\n  });\n\n  \/\/ Init\n  resetAllFills();\n  resetProgressBar();\n  setTimeout(function() {\n    startActiveFill(0);\n    startProgressBar();\n  }, 50);\n  startTimer();\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-d678faf\" id=\"usluge\" data-block-id=\"d678faf\"><style>.stk-d678faf {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center has-text-align-left-tablet has-text-align-left-mobile stk-block-content stk-content-align stk-d678faf-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8a7e4c6\" data-v=\"4\" data-block-id=\"8a7e4c6\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8a7e4c6-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center has-text-align-left-mobile stk-block-content stk-inner-blocks stk-8a7e4c6-inner-blocks\">\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT FROM GOOGLE FONTS ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap');\n\n  \/* ===== CUSTOM SECTION CONTAINER ===== *\/\n  .logistics-services-section {\n      background-color: #0d0d0d !important; \/* Your exact black background *\/\n      padding: 80px 20px;\n      font-family: 'Montserrat', sans-serif !important; \/* Applied Montserrat *\/\n      color: #ffffff;\n  }\n\n  .l-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      text-align: center; \/* Changed to center by default on PC *\/\n  }\n\n  \/* ===== TOP PILL BADGE ===== *\/\n  .l-badge-wrapper {\n      margin-bottom: 25px;\n      display: flex;\n      justify-content: center; \/* Centered by default on PC *\/\n  }\n\n  .l-badge {\n      background-color: rgba(255, 255, 255, 0.06);\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      padding: 6px 18px;\n      border-radius: 30px;\n      font-size: 14px;\n      font-weight: 600;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      color: #ffffff;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-family: 'Montserrat', sans-serif !important;\n  }\n\n  .l-badge-icon {\n      color: #f4a026; \/* Matches your brand accent color *\/\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n  }\n\n  .l-badge-icon svg {\n      width: 16px;\n      height: 16px;\n      display: block;\n      stroke: currentColor;\n  }\n\n  \/* ===== HEADINGS ===== *\/\n  .l-main-title {\n      font-size: 42px;\n      font-weight: 700;\n      line-height: 1.25;\n      margin: 0 auto 20px auto;\n      max-width: 850px;\n      color: #ffffff;\n      letter-spacing: -0.5px;\n      font-family: 'Montserrat', sans-serif !important;\n      text-align: center; \/* Centered by default on PC *\/\n  }\n\n  .l-subtitle {\n      font-size: 16px;\n      line-height: 1.6;\n      color: #6a7280;\n      max-width: 780px;\n      margin: 0 auto 55px auto;\n      font-family: 'Montserrat', sans-serif !important;\n      text-align: center; \/* Centered by default on PC *\/\n  }\n\n  \/* ===== GRID LAYOUT ===== *\/\n  .l-services-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 25px;\n      margin-bottom: 50px;\n  }\n\n  \/* ===== CORE CARD STYLES ===== *\/\n  .l-card {\n      border-radius: 24px;\n      padding: 45px;\n      text-align: left; \/* Keeps grid card content crisp and left-aligned *\/\n      box-sizing: border-box;\n      transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;\n  }\n\n  \/* FIXED: Headlines forced to stay strictly white in all card columns *\/\n  .l-services-grid .l-card h3 {\n      font-size: 22px;\n      font-weight: 700;\n      margin: 0 0 15px 0;\n      color: #ffffff !important; \/* Strict white color for titles *\/\n      font-family: 'Montserrat', sans-serif !important;\n  }\n\n  \/* ===== PURE LIFT UP HOVER EFFECT ===== *\/\n  .l-services-grid .l-card:hover {\n      transform: translateY(-10px) !important;\n  }\n\n  .l-card h3 {\n      font-size: 22px;\n      font-weight: 700;\n      margin: 0 0 15px 0;\n      color: #ffffff !important;\n      font-family: 'Montserrat', sans-serif !important;\n  }\n\n  .l-card p {\n      font-size: 15px;\n      line-height: 1.6;\n      margin: 0;\n      font-family: 'Montserrat', sans-serif !important;\n  }\n\n  \/* Dark Cards (Cards 1 & 4) *\/\n  .l-card.card-dark {\n      background-color: #16181c !important;\n  }\n\n  .l-card.card-dark p {\n      color: #9ca3af;\n  }\n\n  \/* Blue Cards (Cards 2 & 3) *\/\n  .l-card.card-blue {\n      background-color: #004cb3 !important; \n  }\n\n  .l-card.card-blue p {\n      color: #e5e7eb;\n  }\n\n  \/* ===== SVG ACCENT ENGINE ===== *\/\n  .l-card-icon-wrap {\n      margin-bottom: 25px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      height: 55px;\n  }\n\n  .l-card-icon-wrap svg {\n      height: 100%;\n      width: auto;\n      max-width: 85px;\n      display: block;\n  }\n\n  \/* Dynamic sizing constraint patch for explicit 24x24 icons *\/\n  .l-card-icon-wrap svg[viewBox=\"0 0 24 24\"] {\n      width: 55px;\n      height: 55px;\n  }\n\n  \/* ===== BUTTONORANGE CTA ===== *\/\n  .l-btn-container {\n      margin-top: 40px;\n      display: flex;\n      justify-content: center; \/* Centered by default on PC *\/\n  }\n\n  .buttonorange {\n      background-color: #f4a026 !important;\n      color: #000000 !important;\n      font-weight: 700 !important;\n      font-size: 16px !important;\n      padding: 14px 38px !important;\n      border-radius: 12px !important; \n      text-decoration: none !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      gap: 12px !important;\n      border: none !important;\n      cursor: pointer !important;\n      font-family: 'Montserrat', sans-serif !important;\n      transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;\n  }\n\n  .buttonorange:hover {\n      filter: brightness(1.08) !important;\n      transform: translateY(-2px) !important;\n      box-shadow: 0 6px 20px rgba(244, 160, 38, 0.30) !important;\n  }\n\n  .btn-icon {\n      width: 20px;\n      height: 20px;\n      stroke: currentColor;\n      fill: none;\n      display: block;\n  }\n\n  \/* ===== MEDIA RESPONSIVE BREAKPOINTS ===== *\/\n  @media (max-width: 991px) {\n      .l-main-title {\n          font-size: 34px;\n      }\n      \n      .l-card {\n          padding: 35px;\n      }\n  }\n\n  @media (max-width:689px) {\n      .logistics-services-section {\n          padding: 60px 15px;\n      }\n\n      .l-container {\n          text-align: left; \/* Forces left alignment layout on mobile *\/\n      }\n\n      .l-badge-wrapper {\n          justify-content: flex-start !important; \/* Aligns badge left on mobile *\/\n      }\n\n      .l-services-grid {\n          grid-template-columns: 1fr; \/* Stacks cards into 1 clean column on mobile screens *\/\n          gap: 20px;\n      }\n      \n      .l-main-title {\n          font-size: 26px;\n          text-align: left;\n          margin: 0 0 20px 0; \/* Resets auto-centering margin logic *\/\n      }\n      \n      .l-subtitle {\n          font-size: 15px;\n          text-align: left;\n          margin: 0 0 35px 0; \/* Resets auto-centering margin logic *\/\n      }\n\n      .l-btn-container {\n          justify-content: center !important; \/* Aligns button container left on mobile *\/\n      }\n  }\n<\/style>\n\n<section class=\"logistics-services-section\">\n  <div class=\"l-container\">\n    \n    <div class=\"l-badge-wrapper\">\n      <span class=\"l-badge\">\n        <span class=\"l-badge-icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notepad-text-icon lucide-notepad-text\"><path d=\"M8 2v4\"><\/path><path d=\"M12 2v4\"><\/path><path d=\"M16 2v4\"><\/path><rect width=\"16\" height=\"18\" x=\"4\" y=\"4\" rx=\"2\"><\/rect><path d=\"M8 10h6\"><\/path><path d=\"M8 14h8\"><\/path><path d=\"M8 18h5\"><\/path><\/svg>\n        <\/span> \n        Na\u0161e usluge\n      <\/span>\n    <\/div>\n\n    <h2 class=\"l-main-title\">Pouzdana transportna rje\u0161enja za svaki korak va\u0161e isporuke<\/h2>\n    <p class=\"l-subtitle\">Od preuzimanja robe do isporuke na dogovorenu lokaciju, brinemo o organizaciji, sigurnosti i jasnoj komunikaciji kako bi va\u0161 transport pro\u0161ao jednostavno, uredno i na vrijeme.<\/p>\n\n    <div class=\"l-services-grid\">\n      \n      <div class=\"l-card card-dark\">\n        <div class=\"l-card-icon-wrap\">\n          <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 22.092 22.092\" xml:space=\"preserve\" fill=\"#000000\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <g> <path style=\"fill:#ffffff;\" d=\"M20.536,6.716c-0.133-1.388-0.72-2.319-2.242-1.028c-0.181,0.152-0.597,0.061-0.902,0.038 c-1.872-0.143-3.276-1.214-4.553-2.44c-1.023-0.983-1.984-1.598-3.277-0.456C9.228,3.125,8.808,3.361,8.391,3.508 C7.88,3.69,7.968,3.991,7.835,4.414c-0.316,0.987-1.068,1.861-1.771,2.67C5.986,7.172,4.886,7.203,4.41,6.667 C4.258,6.497,4.049,6.147,3.812,6.384C2.707,7.472,1.326,6.9,0,7.055c0.135,1.143,0.311,2.319,1.324,2.944 c0.834,0.516,0.723-1.109,1.594-0.982c0.137,0.663-0.036,1.428,0.695,1.97c0.037-0.599,0.073-1.121,0.103-1.603 c1.424-0.244,0.747,0.813,0.874,1.313c0.248,0.978,1.454,1.328,1.498,2.411c-0.328,0.067-0.657,0.139-0.965,0.204 c0.315,1.041,1.119,1.046,1.952,0.987c1.441,0.411,2.102,2.493,4.021,1.877c0.258,0.239-0.078,0.375-0.104,0.568l0.058,0.061 l-0.06-0.056c-0.068,0.05-0.136,0.103-0.2,0.153c0.083,0.076,0.165,0.151,0.247,0.229h-0.002c-0.195,0.338-0.253,0.564,0.245,0.744 c0.86,0.308,1.702,0.175,2.557,0.066c0.186,0.159,0.563,0.032,0.611,0.406c-0.893,0-1.788,0-2.676,0 c-0.037,0.202-0.071,0.407-0.106,0.612c2.049-0.51,3.623,0.967,5.736,0.917c-0.752-0.6-1.373-1.097-1.994-1.591 c-0.607-0.646-0.998-1.662-1.637-2.038c-2.396-1.405-3.423-3.924-5.157-5.852C8.166,9.905,8.417,9.118,8.701,8.675 c0.341-0.536,0.769,0,1.068,0.318c0.425,0.451,0.799,0.36,1.111-0.102c0.268-0.403,0.677-0.322,1.056-0.438 c1.296-0.398,2.439,0.355,3.686,0.403c1.12,0.042,2.351-0.434,3.382,0.242c0.896,0.584,1.709,1.686,2.089-0.39 c0.045-0.246,0.701,0.025,0.999-0.396C21.597,7.788,20.638,7.769,20.536,6.716z\"><\/path> <\/g> <\/g><\/svg>\n        <\/div>\n        <h3>Tuzemni prijevoz robe<\/h3>\n        <p>Kada robu trebate prevesti unutar Hrvatske, va\u017eno je da prijevoz bude organiziran jasno, sigurno i bez nepotrebnih komplikacija. Interlog preuzima odgovornost for pravovremeno preuzimanje, pa\u017eljiv transport i urednu isporuku robe na dogovorenu lokaciju.<\/p>\n      <\/div>\n\n      <div class=\"l-card card-blue\">\n        <div class=\"l-card-icon-wrap\">\n          <svg fill=\"#ffffff\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 222 260\" enable-background=\"new 0 0 222 260\" xml:space=\"preserve\" stroke=\"#ffffff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <path d=\"M128.154,116.506l-1.596-3.07l-4.494,4.347l2.186,2.75L128.154,116.506z M114.746,217.752l-0.515-4.003l-5.01,2.185 l1.203,5.919l2.407,1.448L114.746,217.752z M31.942,136.151l6.606-2.505l4.813,0.737l2.947-5.28l0.687-8.447l-6.434-2.382 l-0.957-2.21l4.96-3.389l-4.076-1.744l-3.143,6.115l-4.961-1.915l-2.676,6.507l2.75,2.603l-3.978,4.838l-3.143,0.589l0.712,4.715 L31.942,136.151z M127.589,112.307l3.512,6.753l4.494-1.547l1.056-4.715l4.714-0.418l2.505-6.826l0.246-11.837l3.978-3.683 l2.676-6.63l-6.311-4.838l-1.497-6.237l0.613-5.599l3.119-7.391l6.409-6.385l1.646-4.739l-1.449-2.702l3.438-8.521l4.592-0.565 l4.199,1.769l-0.835,4.984l-5.624,13.015l-3.585,5.501l3.414,10.682l0.024,4.224l9.626,3.462l13.58-7.146l8.226-21.045l-6.974-4.518 l-9.061-21.953l0.884-7.048l-6.065-5.206l0.515-7.563L164.645,2l-3.364,2.038l-1.547,10.583l-7.122,0.713l-3.266-3.708l-2.578,2.21 l-1.179,5.549l-5.157-0.81l-9.11,19.449l0.294,6.163l-2.48,5.746l1.204,4.298l-4.175,0.589l-2.136,5.133l0.908,11.762l2.677,2.554 l-2.161,2.996l1.154,6.433l-2.996,4.273l-1.547,9.135l7.072,13.801L127.589,112.307z M146.694,246.433l-6.606,2.039l-4.223-1.449 l-3.954,3.045l12.941,7.146l3.684,0.786l-0.147-5.059l1.939-5.992L146.694,246.433z M106.544,228.041l1.94,7.71l-0.835,3.659 l6.974,0.786l1.621-10.436l-3.364-5.624L106.544,228.041z M216.139,186.418l3.757-2.971l-0.614-3.904l-6.655,1.965l-2.505-4.568 l-2.186-7.367l-7.048-6.925l-8.005,3.88l-11.738,1.94l-4.224-2.701l1.13-5.206l-0.123-3.438l5.501-8.668l-3.315-5.378l-1.4-13.383 l-2.873-5.402l3.904-0.368l4.224-4.371l2.235-10.559l3.855-1.891l1.645-3.241l-5.697-9.012l0.221-3.413l-3.978-5.402l2.333-5.28 l-8.374,0.025l-7.735,5.034l1.105,4.788l4.027,4.42l1.228,4.592l-2.333,2.456l-5.452-4.985l-3.241,2.087l-1.694,5.623l0.835,5.672 l1.866,5.476l6.876,1.94l0.516,3.954l-17.337,2.406l-2.112-3.143l-7.244,2.849l-1.694,2.136l-8.177,3.192l-7.612-3.61l-5.648,3.512 l-7.539-5.844l0.663-4.568l2.75-3.61l0.074-7.367l-3.978-0.688l-4.813,3.241l1.989,12.327l0.712,7.907l-7.465,4.125l-5.304-1.449 l-5.697,2.898l-4.224,9.896l1.105,1.744l-0.172-0.025l-4.027-0.393l-4.027,1.743l-4.568,1.13l-2.726,6.434l-4.666,1.13l-2.652,2.996 l-4.445-1.793l-2.578,4.715l-5.771,0.81l-1.498-2.996l-7.416,0.368l-1.375,1.915l3.34,4.101l8.497,7.858l0.295,4.199l3.241,2.357 l-3.831,16.305l-3.168,4.297l-1.915,0.417l-26.84-7.711l-3.07-2.259l-9.086,4.125l2.357,5.451l-1.326,2.235l-1.351,7.244 l-2.873,6.016l-6.385,9.381l3.315,3.659l-3.831,9.528l7.195,1.866l2.529-0.712l5.009,3.045l0.933,5.378l4.592,2.308l0.098,0.025 l6.409-3.119l13.997,2.407l3.536-4.273l5.353-1.94l2.726,4.322l4.788-2.357l-2.382-6.336l9.061-10.387l6.262-1.031l7.146-4.494 l0.025-3.512l0.098-5.083l4.789-2.775l9.061,3.266l5.722,0.196l4.666-4.248l3.634-1.105l3.07-3.438l7.391,3.094l3.462,9.061 l13.285,11.517l3.831-0.368l2.308,3.02l3.831,0.958l1.13,3.217l4.15,0.982l4.15,9.724l-2.849,4.101l2.824,2.014l5.378-7.76 l-0.049-3.855l-3.954-1.768l2.48-6.557l5.378-1.547l-11.836-4.739l-0.295-3.855l-5.059,0.467l-6.164-4.617l-2.873-6.851 l-6.974-5.083l0.688-5.402l-1.498-3.634l7.49-1.277l-0.589,0.81l7.244,3.536l1.572,5.599l4.543,3.536l1.203-4.101l-2.898-6.876 l5.918-1.473l11.615,1.522l-1.866-7.441l6.728-2.235l3.34,4.15l4.199,1.964v2.726l5.992,1.154l1.449,1.793l-1.277,3.438l4.199,3.88 l-2.136,2.873l-0.172,4.273l3.143,1.719l1.326,4.96l-10.044,5.427l-3.659,10.608l5.451,5.574l4.125,2.431l-1.842,3.831l2.873,1.67 l2.578,5.427l7.883-1.179l-0.982-9.086l3.806-3.168l-4.199-1.94l-4.224-7.932l-2.038-1.793l7.269-3.782l0.54-2.849l4.789-3.143 l6.507,0.417l-0.491-7.195l4.469-4.003l2.21-5.329l-0.54-3.315l2.259-5.108L216.139,186.418z M117.055,186.049l-11.075,3.119 l-4.199-0.246l-1.081-3.659l-3.291-1.547l7.711-6.999l5.132-1.449l5.574,1.915l-0.54,3.266l4.273,1.793L117.055,186.049z\"><\/path> <\/g><\/svg>\n        <\/div>\n        <h3>Me\u0111unarodni prijevoz (EU)<\/h3>\n        <p>Za prijevoz robe prema europskim tr\u017ei\u0161tima potreban vam je partner koji razumije rute, rokove i va\u017enost pouzdane komunikacije. Organiziramo me\u0111unarodni cestovni prijevoz robe kroz EU, uz fokus na sigurnu isporuku, jasne informacije i po\u0161tivanje dogovorenih rokova.<\/p>\n      <\/div>\n\n      <div class=\"l-card card-blue\">\n        <div class=\"l-card-icon-wrap\">\n          <svg fill=\"#ffffff\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\" xml:space=\"preserve\" stroke=\"#ffffff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <g> <g> <polygon points=\"167.545,52.13 167.545,203.767 183.341,203.767 183.341,67.926 360.25,67.926 360.25,283.797 376.045,283.797 376.045,52.13 \"><\/polygon> <\/g> <\/g> <g> <g> <rect x=\"264.426\" y=\"443.852\" width=\"55.811\" height=\"15.795\"><\/rect> <\/g> <\/g> <g> <g> <path d=\"M313.216,130.058l-9.301,6.461v-18.035H200.083v55.813h49.448l-1.872,1.301l27.274,39.264l65.557-45.538L313.216,130.058z M215.877,158.5v-24.221h72.241v13.211l-16.112,11.192V158.5H215.877z M269.643,179.558l39.612-27.516l9.252,13.32l-39.612,27.516 L269.643,179.558z\"><\/path> <\/g> <\/g> <g> <g> <path d=\"M0,211.978V459.87h255.895V211.978H0z M95.939,227.773h55.811V268H95.939V227.773z M151.75,444.074H95.939v-40.233h55.811 V444.074z M240.099,444.074h-72.554v-56.029H80.144v56.029H15.795V227.773h64.349v56.022h87.401v-56.022h72.554V444.074z\"><\/path> <\/g> <\/g> <g> <g> <rect x=\"95.942\" y=\"323.807\" width=\"64.235\" height=\"15.795\"><\/rect> <\/g> <\/g> <g> <g> <rect x=\"95.942\" y=\"356.451\" width=\"31.591\" height=\"15.795\"><\/rect> <\/g> <\/g> <g> <g> <rect x=\"304.441\" y=\"83.716\" width=\"40.015\" height=\"15.795\"><\/rect> <\/g> <\/g> <g> <g> <path d=\"M384.159,179.966v112.255h-52.7l-41.073,71.606h177.743l27.962-38.784v118.814h-40.015v-31.591H384.47v31.591h-40.015 v-71.606h-15.795v87.401h183.227V307.807H512V179.966H384.159z M440.28,443.857h-40.015v-15.795h40.015V443.857z M424.485,195.761 h47.386v4.107c0,13.523-10.407,24.115-23.693,24.115c-13.286,0-23.693-10.592-23.693-24.115V195.761z M460.044,348.032H317.655 l22.953-40.015h148.287L460.044,348.032z M496.205,292.012h-96.25v-96.25h8.735v4.107c0,22.006,17.714,39.911,39.489,39.911 c21.775,0,39.489-17.904,39.489-39.911v-4.107h8.538V292.012z\"><\/path> <\/g> <\/g> <g> <g> <rect x=\"416.063\" y=\"259.572\" width=\"64.235\" height=\"15.795\"><\/rect> <\/g> <\/g> <g> <g> <rect x=\"416.063\" y=\"372.246\" width=\"71.606\" height=\"15.795\"><\/rect> <\/g> <\/g> <\/g><\/svg>\n        <\/div>\n        <h3>FTL i LTL \u2014 puni i djelomi\u010dni tovar<\/h3>\n        <p>Bez obzira \u0161aljete li puni kamion robe ili manju po\u0161iljku koja ne zauzima cijeli prostor, poma\u017eemo vam odabrati prakti\u010dno i isplativo transportno rje\u0161enje. FTL i LTL prijevoz omogu\u0107uju vam fleksibilnost, bolju kontrolu tro\u0161kova i prijevoz prilago\u0111en stvarnoj koli\u010dini robe.<\/p>\n      <\/div>\n\n      <div class=\"l-card card-dark\">\n        <div class=\"l-card-icon-wrap\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> <path d=\"M7 14.0014H17M7 14.0014V11.6014C7 11.0413 7 10.7613 7.10899 10.5474C7.20487 10.3592 7.35785 10.2062 7.54601 10.1104C7.75992 10.0014 8.03995 10.0014 8.6 10.0014H15.4C15.9601 10.0014 16.2401 10.0014 16.454 10.1104C16.6422 10.2062 16.7951 10.3592 16.891 10.5474C17 10.7613 17 11.0413 17 11.6014V14.0014M7 14.0014V18.0014V21.0014M17 14.0014V18.0014V21.0014M18.3466 6.17468L14.1466 4.07468C13.3595 3.68113 12.966 3.48436 12.5532 3.40691C12.1876 3.33832 11.8124 3.33832 11.4468 3.40691C11.034 3.48436 10.6405 3.68113 9.85338 4.07468L5.65337 6.17468C4.69019 6.65627 4.2086 6.89707 3.85675 7.25631C3.5456 7.574 3.30896 7.95688 3.16396 8.37725C3 8.85262 3 9.39106 3 10.4679V19.4014C3 19.9614 3 20.2414 3.10899 20.4554C3.20487 20.6435 3.35785 20.7965 3.54601 20.8924C3.75992 21.0014 4.03995 21.0014 4.6 21.0014H19.4C19.9601 21.0014 20.2401 21.0014 20.454 20.8924C20.6422 20.7965 20.7951 20.6435 20.891 20.4554C21 20.2414 21 19.9614 21 19.4014V10.4679C21 9.39106 21 8.85262 20.836 8.37725C20.691 7.95688 20.4544 7.574 20.1433 7.25631C19.7914 6.89707 19.3098 6.65627 18.3466 6.17468Z\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n        <\/div>\n        <h3>Logistika i skladi\u0161tenje<\/h3>\n        <p>Kada vam treba vi\u0161e od samog prijevoza, logistika i skladi\u0161tenje poma\u017eu da roba bude organizirana, dostupna i spremna za daljnju distribuciju. Poma\u017eemo vam pojednostaviti proces, smanjiti zastoje i osigurati da roba bude na pravom mjestu u pravo vrijeme.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"l-btn-container\">\n      <a href=\"#kontakt\" class=\"buttonorange\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"btn-icon\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"><\/path><\/svg>\n        Kontaktirajte nas!\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap\">\r\n\r\n<style>\r\n  .thGlobe-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 440vh;\r\n    background: transparent;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .thGlobe-sticky {\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    background: #0D0D0D;\r\n  }\r\n\r\n  \/* ---- ORBIT \/ GLOBE LAYER ---- *\/\r\n  .thGlobe-orbit {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    will-change: transform, opacity;\r\n    z-index: 2;\r\n  }\r\n  .thGlobe-glow {\r\n    position: absolute;\r\n    width: 78vmin;\r\n    height: 78vmin;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle at 50% 50%, rgba(244,160,38,0.10) 0%, rgba(60,120,200,0.08) 38%, rgba(13,13,13,0) 70%);\r\n    filter: blur(8px);\r\n  }\r\n  .thGlobe-ring {\r\n    position: absolute;\r\n    width: 64vmin;\r\n    height: 64vmin;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    box-shadow: 0 0 80px rgba(244,160,38,0.10) inset;\r\n  }\r\n  .thGlobe-canvas {\r\n    position: relative;\r\n    width: 66vmin;\r\n    height: 66vmin;\r\n    display: block;\r\n  }\r\n\r\n  \/* desktop gap below the section *\/\r\n  .thGlobe-wrap { background: #0D0D0D; }\r\n  @media (min-width: 769px) {\r\n    .thGlobe-sticky { margin-bottom: 15vh; }\r\n  }\r\n\r\n  \/* ---- MAP LAYER ---- *\/\r\n  .thGlobe-mapLayer {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    padding: 28px 24px 28px;\r\n    box-sizing: border-box;\r\n    opacity: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n  }\r\n  .thGlobe-mapGlow {\r\n    position: absolute;\r\n    top: 46%;\r\n    left: 50%;\r\n    width: 70vmax;\r\n    height: 60vmin;\r\n    transform: translate(-50%,-50%);\r\n    background: radial-gradient(ellipse at 50% 50%, rgba(60,110,190,0.16) 0%, rgba(244,160,38,0.05) 45%, rgba(13,13,13,0) 72%);\r\n    pointer-events: none;\r\n    z-index: -1;\r\n  }\r\n  .thGlobe-hero {\r\n    position: absolute;\r\n    bottom: min(calc(50% + 32vmin + 40px), 88%);\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 92%;\r\n    max-width: 920px;\r\n    text-align: center;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    will-change: opacity, transform;\r\n  }\r\n  .thGlobe-title {\r\n    margin: 0;\r\n    font-size: 56px;\r\n    font-weight: 700;\r\n    letter-spacing: -0.025em;\r\n    color: #EFEEEA;\r\n    line-height: 1.04;\r\n    text-shadow: 0 2px 40px rgba(0,0,0,0.55);\r\n  }\r\n  .thGlobe-title em {\r\n    font-family: 'Cormorant Garamond', Georgia, serif;\r\n    font-style: italic;\r\n    font-weight: 600;\r\n    color: #F4A026;\r\n    letter-spacing: 0;\r\n    padding: 0 2px;\r\n  }\r\n\r\n  .thGlobe-mapHolder {\r\n    position: relative;\r\n    flex: 1 1 auto;\r\n    width: 100%;\r\n    min-height: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .thGlobe-map {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 1180px;\r\n    overflow: visible;\r\n  }\r\n\r\n  .thGlobe-country {\r\n    fill: #161616;\r\n    stroke: #2C2C2C;\r\n    stroke-width: 0.8;\r\n    stroke-linejoin: round;\r\n  }\r\n  .thGlobe-country.thGlobe-home {\r\n    fill: rgba(244,160,38,0.10);\r\n    stroke: rgba(244,160,38,0.55);\r\n    stroke-width: 1.1;\r\n  }\r\n\r\n  .thGlobe-laneGlow {\r\n    fill: none;\r\n    stroke: #F4A026;\r\n    stroke-width: 9;\r\n    stroke-linecap: round;\r\n    opacity: 0.22;\r\n    filter: blur(5px);\r\n  }\r\n  .thGlobe-laneCore {\r\n    fill: none;\r\n    stroke: #F9C268;\r\n    stroke-width: 2.6;\r\n    stroke-linecap: round;\r\n  }\r\n\r\n  .thGlobe-cityDot { fill: #6B7280; }\r\n  .thGlobe-cityDot.thGlobe-ctx { fill: #4B5563; }\r\n  .thGlobe-cityDot.thGlobe-active { fill: #F4A026; }\r\n  .thGlobe-cityHalo {\r\n    fill: none;\r\n    stroke: #F4A026;\r\n    stroke-width: 2;\r\n    opacity: 0;\r\n  }\r\n  .thGlobe-cityHalo.thGlobe-active { opacity: 0.9; }\r\n  .thGlobe-cityLabel {\r\n    fill: #9CA3AF;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n  }\r\n  .thGlobe-cityLabel.thGlobe-ctx { fill: #6B7280; font-weight: 400; }\r\n  .thGlobe-hubDot { fill: #F4A026; }\r\n  .thGlobe-hubPulse {\r\n    fill: #F4A026;\r\n    opacity: 0.5;\r\n    transform-origin: center;\r\n    transform-box: fill-box;\r\n    animation: thGlobe-hubPulse 2.4s ease-out infinite;\r\n  }\r\n  @keyframes thGlobe-hubPulse {\r\n    0% { transform: scale(1); opacity: 0.5; }\r\n    70% { transform: scale(3.4); opacity: 0; }\r\n    100% { transform: scale(3.4); opacity: 0; }\r\n  }\r\n  .thGlobe-hubLabel {\r\n    fill: #FFFFFF;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 23px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .thGlobe-wrap { height: 380vh; }\r\n    .thGlobe-title { font-size: 31px; }\r\n    .thGlobe-mapLayer { padding: 20px 12px; }\r\n    .thGlobe-cityLabel { font-size: 26px; }\r\n    .thGlobe-cityLabel.thGlobe-ctx { display: none; }\r\n    .thGlobe-hubLabel { font-size: 30px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"thGlobe-wrap\" id=\"thGlobe-root\">\r\n  <div class=\"thGlobe-sticky\">\r\n\r\n    <div class=\"thGlobe-orbit\" id=\"thGlobe-orbit\">\r\n      <div class=\"thGlobe-glow\"><\/div>\r\n      <div class=\"thGlobe-ring\"><\/div>\r\n      <canvas class=\"thGlobe-canvas\" id=\"thGlobe-canvas\"><\/canvas>\r\n    <\/div>\r\n\r\n    <div class=\"thGlobe-hero\" id=\"thGlobe-hero\">\r\n      <h2 class=\"thGlobe-title\">Razvijena mre\u017ea <em>povezanosti<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"thGlobe-mapLayer\" id=\"thGlobe-mapLayer\">\r\n      <div class=\"thGlobe-mapGlow\"><\/div>\r\n\r\n      <div class=\"thGlobe-mapHolder\">\r\n        <svg class=\"thGlobe-map\" id=\"thGlobe-svg\" viewBox=\"0 0 1320 1202\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <g id=\"thGlobe-countries\"><\/g>\r\n          <g id=\"thGlobe-lanes\"><\/g>\r\n          <g id=\"thGlobe-cities\"><\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var root = document.getElementById('thGlobe-root');\r\n  if (!root) return;\r\n\r\n  \/* ============ GEO DATA ============ *\/\r\n  var THGEO = [{\"n\":\"Norway\",\"p\":[[[31.1,69.56],[29.4,69.16],[28.59,69.06],[29.02,69.77],[27.73,70.16],[26.18,69.83],[25.69,69.09],[24.74,68.65],[23.66,68.89],[22.36,68.84],[21.24,69.37],[20.65,69.11],[20.03,69.07],[19.88,68.41],[17.99,68.57],[17.73,68.01],[16.77,68.01],[16.11,67.3],[15.11,66.19],[13.56,64.79],[13.92,64.45],[13.57,64.05],[12.58,64.07],[11.93,63.13],[11.99,61.8],[12.63,61.29],[12.3,60.12],[11.47,59.43],[11.03,58.86],[10.36,59.47],[8.38,58.31],[7.05,58.08],[5.67,58.59],[5.31,59.66],[4.99,61.97],[5.91,62.61],[8.55,63.45],[10.53,64.49],[12.36,65.88],[14.76,67.81],[16.44,68.56],[19.18,69.82],[21.38,70.26],[23.02,70.2],[24.55,71.03],[26.37,70.99],[28.17,71.19],[31.29,70.45],[30.01,70.19],[31.1,69.56]]]},{\"n\":\"France\",\"p\":[[[6.19,49.46],[6.66,49.2],[8.1,49.02],[7.59,48.33],[7.47,47.62],[7.19,47.45],[6.74,47.54],[6.77,47.29],[6.04,46.73],[6.02,46.27],[6.5,46.43],[6.84,45.99],[6.8,45.71],[7.1,45.33],[6.75,45.03],[7.01,44.25],[7.55,44.13],[7.44,43.69],[6.53,43.13],[4.56,43.4],[3.1,43.08],[2.99,42.47],[1.83,42.34],[0.7,42.8],[0.34,42.58],[-1.5,43.03],[-1.9,43.42],[-1.38,44.02],[-1.19,46.01],[-2.23,47.06],[-2.96,47.57],[-4.49,47.95],[-4.59,48.68],[-3.3,48.9],[-1.62,48.64],[-1.93,49.78],[-0.99,49.35],[1.34,50.13],[1.64,50.95],[2.51,51.15],[2.66,50.8],[3.12,50.78],[3.59,50.38],[4.29,49.91],[4.8,49.99],[5.67,49.53],[5.9,49.44],[6.19,49.46]],[[8.75,42.63],[9.39,43.01],[9.56,42.15],[9.23,41.38],[8.78,41.58],[8.54,42.26],[8.75,42.63]]]},{\"n\":\"Sweden\",\"p\":[[[11.03,58.86],[11.47,59.43],[12.3,60.12],[12.63,61.29],[11.99,61.8],[11.93,63.13],[12.58,64.07],[13.57,64.05],[13.92,64.45],[13.56,64.79],[15.11,66.19],[16.11,67.3],[16.77,68.01],[17.73,68.01],[17.99,68.57],[19.88,68.41],[20.03,69.07],[20.65,69.11],[21.98,68.62],[23.54,67.94],[23.57,66.4],[23.9,66.01],[22.18,65.72],[21.21,65.03],[21.37,64.41],[19.78,63.61],[17.85,62.75],[17.12,61.34],[17.83,60.64],[18.79,60.08],[17.87,58.95],[16.83,58.72],[16.45,57.04],[15.88,56.1],[14.67,56.2],[14.1,55.41],[12.94,55.36],[12.63,56.31],[11.79,57.44],[11.03,58.86]]]},{\"n\":\"Belarus\",\"p\":[[[28.18,56.17],[29.23,55.92],[29.37,55.67],[29.9,55.79],[30.87,55.55],[30.97,55.08],[30.76,54.81],[31.38,54.16],[31.79,53.97],[31.73,53.79],[32.41,53.62],[32.69,53.35],[32.3,53.13],[31.5,53.17],[31.31,53.07],[31.54,52.74],[31.79,52.1],[30.93,52.04],[30.62,51.82],[30.56,51.32],[30.16,51.42],[29.25,51.37],[28.99,51.6],[28.62,51.43],[28.24,51.57],[27.45,51.59],[26.34,51.83],[25.33,51.91],[24.55,51.89],[24.01,51.62],[23.53,51.58],[23.51,52.02],[23.2,52.49],[23.8,52.69],[23.8,53.09],[23.53,53.47],[23.48,53.91],[24.45,53.91],[25.54,54.28],[25.77,54.85],[26.59,55.17],[26.49,55.62],[27.1,55.78],[28.18,56.17]]]},{\"n\":\"Ukraine\",\"p\":[[[31.79,52.1],[32.16,52.06],[32.41,52.29],[32.72,52.24],[33.75,52.34],[34.39,51.77],[34.14,51.57],[34.22,51.26],[35.02,51.21],[35.38,50.77],[35.36,50.58],[36.63,50.23],[37.39,50.38],[38.01,49.92],[38.59,49.93],[40.07,49.6],[40.08,49.31],[39.67,48.78],[39.9,48.23],[39.74,47.9],[38.77,47.83],[38.26,47.55],[38.22,47.1],[37.43,47.02],[36.76,46.7],[35.82,46.65],[34.96,46.27],[35.01,45.74],[34.86,45.77],[34.73,45.97],[34.41,46.01],[33.7,46.22],[33.44,45.97],[33.3,46.08],[31.74,46.33],[31.68,46.71],[30.75,46.58],[30.38,46.03],[29.6,45.29],[29.15,45.46],[28.68,45.3],[28.23,45.49],[28.49,45.6],[28.66,45.94],[28.93,46.26],[28.86,46.44],[29.07,46.52],[29.17,46.38],[29.76,46.35],[30.02,46.42],[29.84,46.53],[29.91,46.67],[29.56,46.93],[29.42,47.35],[29.05,47.51],[29.12,47.85],[28.67,48.12],[28.26,48.16],[27.52,48.47],[26.86,48.37],[26.62,48.22],[26.2,48.22],[25.95,47.99],[25.21,47.89],[24.87,47.74],[24.4,47.98],[23.76,47.99],[23.14,48.1],[22.71,47.88],[22.64,48.15],[22.09,48.42],[22.28,48.83],[22.56,49.09],[22.78,49.03],[22.52,49.48],[23.43,50.31],[23.92,50.42],[24.03,50.71],[23.53,51.58],[24.01,51.62],[24.55,51.89],[25.33,51.91],[26.34,51.83],[27.45,51.59],[28.24,51.57],[28.62,51.43],[28.99,51.6],[29.25,51.37],[30.16,51.42],[30.56,51.32],[30.62,51.82],[30.93,52.04],[31.79,52.1]]]},{\"n\":\"Poland\",\"p\":[[[23.48,53.91],[23.53,53.47],[23.8,53.09],[23.8,52.69],[23.2,52.49],[23.51,52.02],[23.53,51.58],[24.03,50.71],[23.92,50.42],[23.43,50.31],[22.52,49.48],[22.78,49.03],[22.56,49.09],[21.61,49.47],[20.89,49.33],[20.42,49.43],[19.83,49.22],[19.32,49.57],[18.91,49.44],[18.85,49.5],[18.39,49.99],[17.65,50.05],[17.55,50.36],[16.87,50.47],[16.72,50.22],[16.18,50.42],[16.24,50.7],[15.49,50.78],[15.02,51.11],[14.61,51.75],[14.69,52.09],[14.44,52.62],[14.07,52.98],[14.35,53.25],[14.12,53.76],[14.8,54.05],[16.36,54.51],[17.62,54.85],[18.62,54.68],[18.7,54.44],[19.66,54.43],[20.89,54.31],[22.73,54.33],[23.24,54.22],[23.48,53.91]]]},{\"n\":\"Austria\",\"p\":[[[16.98,48.12],[16.9,47.71],[16.34,47.71],[16.53,47.5],[16.2,46.85],[16.01,46.68],[15.14,46.66],[14.63,46.43],[13.81,46.51],[12.38,46.77],[12.15,47.12],[11.16,46.94],[11.05,46.75],[10.44,46.89],[9.93,46.92],[9.48,47.1],[9.63,47.35],[9.59,47.53],[9.9,47.58],[10.4,47.3],[10.54,47.57],[11.43,47.52],[12.14,47.7],[12.62,47.67],[12.93,47.47],[13.03,47.64],[12.88,48.29],[13.24,48.42],[13.6,48.88],[14.34,48.56],[14.9,48.96],[15.25,49.04],[16.03,48.73],[16.5,48.79],[16.96,48.6],[16.88,48.47],[16.98,48.12]]]},{\"n\":\"Hungary\",\"p\":[[[22.09,48.42],[22.64,48.15],[22.71,47.88],[22.1,47.67],[21.63,46.99],[21.02,46.32],[20.22,46.13],[19.6,46.17],[18.83,45.91],[18.46,45.76],[17.63,45.95],[16.88,46.38],[16.56,46.5],[16.37,46.84],[16.2,46.85],[16.53,47.5],[16.34,47.71],[16.9,47.71],[16.98,48.12],[17.49,47.87],[17.86,47.76],[18.7,47.88],[18.78,48.08],[19.17,48.11],[19.66,48.27],[19.77,48.2],[20.24,48.33],[20.47,48.56],[20.8,48.62],[21.87,48.32],[22.09,48.42]]]},{\"n\":\"Moldova\",\"p\":[[[26.62,48.22],[26.86,48.37],[27.52,48.47],[28.26,48.16],[28.67,48.12],[29.12,47.85],[29.05,47.51],[29.42,47.35],[29.56,46.93],[29.91,46.67],[29.84,46.53],[30.02,46.42],[29.76,46.35],[29.17,46.38],[29.07,46.52],[28.86,46.44],[28.93,46.26],[28.66,45.94],[28.49,45.6],[28.23,45.49],[28.05,45.94],[28.16,46.37],[28.13,46.81],[27.55,47.41],[27.23,47.83],[26.92,48.12],[26.62,48.22]]]},{\"n\":\"Romania\",\"p\":[[[28.23,45.49],[28.68,45.3],[29.15,45.46],[29.6,45.29],[29.63,45.04],[29.14,44.82],[28.84,44.91],[28.56,43.71],[27.97,43.81],[27.24,44.18],[26.07,43.94],[25.57,43.69],[24.1,43.74],[23.33,43.9],[22.94,43.82],[22.66,44.23],[22.47,44.41],[22.71,44.58],[22.46,44.7],[22.15,44.48],[21.56,44.77],[21.48,45.18],[20.87,45.42],[20.76,45.73],[20.22,46.13],[21.02,46.32],[21.63,46.99],[22.1,47.67],[22.71,47.88],[23.14,48.1],[23.76,47.99],[24.4,47.98],[24.87,47.74],[25.21,47.89],[25.95,47.99],[26.2,48.22],[26.62,48.22],[26.92,48.12],[27.23,47.83],[27.55,47.41],[28.13,46.81],[28.16,46.37],[28.05,45.94],[28.23,45.49]]]},{\"n\":\"Lithuania\",\"p\":[[[26.49,55.62],[26.59,55.17],[25.77,54.85],[25.54,54.28],[24.45,53.91],[23.48,53.91],[23.24,54.22],[22.73,54.33],[22.65,54.58],[22.76,54.86],[22.32,55.02],[21.27,55.19],[21.06,56.03],[22.2,56.34],[23.88,56.27],[24.86,56.37],[25.0,56.16],[25.53,56.1],[26.49,55.62]]]},{\"n\":\"Latvia\",\"p\":[[[27.29,57.47],[27.77,57.24],[27.86,56.76],[28.18,56.17],[27.1,55.78],[26.49,55.62],[25.53,56.1],[25.0,56.16],[24.86,56.37],[23.88,56.27],[22.2,56.34],[21.06,56.03],[21.09,56.78],[21.58,57.41],[22.52,57.75],[23.32,57.01],[24.12,57.03],[24.31,57.79],[25.16,57.97],[25.6,57.85],[26.46,57.48],[27.29,57.47]]]},{\"n\":\"Estonia\",\"p\":[[[27.98,59.48],[28.13,59.3],[27.42,58.72],[27.72,57.79],[27.29,57.47],[26.46,57.48],[25.6,57.85],[25.16,57.97],[24.31,57.79],[24.43,58.38],[24.06,58.26],[23.43,58.61],[23.34,59.19],[24.6,59.47],[25.86,59.61],[26.95,59.45],[27.98,59.48]]]},{\"n\":\"Germany\",\"p\":[[[14.12,53.76],[14.35,53.25],[14.07,52.98],[14.44,52.62],[14.69,52.09],[14.61,51.75],[15.02,51.11],[14.57,51.0],[14.31,51.12],[14.06,50.93],[13.34,50.73],[12.97,50.48],[12.24,50.27],[12.42,49.97],[12.52,49.55],[13.03,49.31],[13.6,48.88],[13.24,48.42],[12.88,48.29],[13.03,47.64],[12.93,47.47],[12.62,47.67],[12.14,47.7],[11.43,47.52],[10.54,47.57],[10.4,47.3],[9.9,47.58],[9.59,47.53],[8.52,47.83],[8.32,47.61],[7.47,47.62],[7.59,48.33],[8.1,49.02],[6.66,49.2],[6.19,49.46],[6.24,49.9],[6.04,50.13],[6.16,50.8],[5.99,51.85],[6.59,51.85],[6.84,52.23],[7.09,53.14],[6.91,53.48],[7.1,53.69],[7.94,53.75],[8.12,53.53],[8.8,54.02],[8.57,54.4],[8.53,54.96],[9.28,54.83],[9.92,54.98],[9.94,54.6],[10.95,54.36],[10.94,54.01],[11.96,54.2],[12.52,54.47],[13.65,54.08],[14.12,53.76]]]},{\"n\":\"Bulgaria\",\"p\":[[[22.66,44.23],[22.94,43.82],[23.33,43.9],[24.1,43.74],[25.57,43.69],[26.07,43.94],[27.24,44.18],[27.97,43.81],[28.56,43.71],[28.04,43.29],[27.67,42.58],[28.0,42.01],[27.14,42.14],[26.12,41.83],[26.11,41.33],[25.2,41.23],[24.49,41.58],[23.69,41.31],[22.95,41.34],[22.88,42.0],[22.38,42.32],[22.55,42.46],[22.44,42.58],[22.6,42.9],[22.99,43.21],[22.5,43.64],[22.41,44.01],[22.66,44.23]]]},{\"n\":\"Greece\",\"p\":[[[26.29,35.3],[26.16,35.0],[24.72,34.92],[24.74,35.08],[23.51,35.28],[23.7,35.71],[24.25,35.37],[25.03,35.42],[25.77,35.35],[25.75,35.18],[26.29,35.3]],[[22.95,41.34],[23.69,41.31],[24.49,41.58],[25.2,41.23],[26.11,41.33],[26.12,41.83],[26.6,41.56],[26.29,40.94],[26.06,40.82],[25.45,40.85],[24.93,40.95],[23.71,40.69],[24.41,40.12],[23.9,39.96],[23.34,39.96],[22.81,40.48],[22.63,40.26],[22.85,39.66],[23.35,39.19],[22.97,38.97],[23.53,38.51],[24.03,38.22],[24.04,37.66],[23.12,37.92],[23.41,37.41],[22.77,37.31],[23.15,36.42],[22.49,36.41],[21.67,36.84],[21.3,37.64],[21.12,38.31],[20.73,38.77],[20.22,39.34],[20.15,39.62],[20.61,40.11],[20.67,40.44],[21.0,40.58],[21.02,40.84],[21.67,40.93],[22.06,41.15],[22.6,41.13],[22.76,41.3],[22.95,41.34]]]},{\"n\":\"Turkey\",\"p\":[[[44.77,37.17],[44.29,37.0],[43.94,37.26],[42.78,37.39],[42.35,37.23],[41.21,37.07],[40.67,37.09],[39.52,36.72],[38.7,36.71],[38.17,36.9],[37.07,36.62],[36.74,36.82],[36.69,36.26],[36.42,36.04],[36.15,35.82],[35.78,36.27],[36.16,36.65],[35.55,36.57],[34.71,36.8],[34.03,36.22],[32.51,36.11],[31.7,36.64],[30.62,36.68],[30.39,36.26],[29.7,36.14],[28.73,36.68],[27.64,36.66],[27.05,37.65],[26.32,38.21],[26.8,38.99],[26.17,39.46],[27.28,40.42],[28.82,40.46],[29.24,41.22],[31.15,41.09],[32.35,41.74],[33.51,42.02],[35.17,42.04],[36.91,41.34],[38.35,40.95],[39.51,41.1],[40.37,41.01],[41.55,41.54],[42.62,41.58],[43.58,41.09],[43.75,40.74],[43.66,40.25],[44.4,40.01],[44.79,39.71],[44.11,39.43],[44.42,38.28],[44.23,37.97],[44.77,37.17]],[[26.12,41.83],[27.14,42.14],[28.0,42.01],[28.12,41.62],[28.99,41.3],[28.81,41.05],[27.62,41.0],[27.19,40.69],[26.36,40.15],[26.04,40.62],[26.06,40.82],[26.29,40.94],[26.6,41.56],[26.12,41.83]]]},{\"n\":\"Albania\",\"p\":[[[21.02,40.84],[21.0,40.58],[20.67,40.44],[20.61,40.11],[20.15,39.62],[19.98,39.69],[19.96,39.92],[19.41,40.25],[19.32,40.73],[19.4,41.41],[19.54,41.72],[19.37,41.88],[19.3,42.2],[19.74,42.69],[19.8,42.5],[20.07,42.59],[20.28,42.32],[20.52,42.22],[20.59,41.86],[20.46,41.52],[20.61,41.09],[21.02,40.84]]]},{\"n\":\"Croatia\",\"p\":[[[16.56,46.5],[16.88,46.38],[17.63,45.95],[18.46,45.76],[18.83,45.91],[19.07,45.52],[19.39,45.24],[19.01,44.86],[18.55,45.08],[17.86,45.07],[17.0,45.23],[16.53,45.21],[16.32,45.0],[15.96,45.23],[15.75,44.82],[16.24,44.35],[16.46,44.04],[16.92,43.67],[17.3,43.45],[17.67,43.03],[18.56,42.65],[18.45,42.48],[17.51,42.85],[16.93,43.21],[16.02,43.51],[15.17,44.24],[15.38,44.32],[14.92,44.74],[14.9,45.08],[14.26,45.23],[13.95,44.8],[13.66,45.14],[13.68,45.48],[13.72,45.5],[14.41,45.47],[14.6,45.63],[14.94,45.47],[15.33,45.45],[15.32,45.73],[15.67,45.83],[15.77,46.24],[16.56,46.5]]]},{\"n\":\"Switzerland\",\"p\":[[[9.59,47.53],[9.63,47.35],[9.48,47.1],[9.93,46.92],[10.44,46.89],[10.36,46.48],[9.92,46.31],[9.18,46.44],[8.97,46.04],[8.49,46.01],[8.32,46.16],[7.76,45.82],[7.27,45.78],[6.84,45.99],[6.5,46.43],[6.02,46.27],[6.04,46.73],[6.77,47.29],[6.74,47.54],[7.19,47.45],[7.47,47.62],[8.32,47.61],[8.52,47.83],[9.59,47.53]]]},{\"n\":\"Luxembourg\",\"p\":[[[6.04,50.13],[6.24,49.9],[6.19,49.46],[5.9,49.44],[5.67,49.53],[5.78,50.09],[6.04,50.13]]]},{\"n\":\"Belgium\",\"p\":[[[6.16,50.8],[6.04,50.13],[5.78,50.09],[5.67,49.53],[4.8,49.99],[4.29,49.91],[3.59,50.38],[3.12,50.78],[2.66,50.8],[2.51,51.15],[3.31,51.35],[3.32,51.35],[3.31,51.35],[4.05,51.27],[4.97,51.48],[5.61,51.04],[6.16,50.8]]]},{\"n\":\"Netherlands\",\"p\":[[[6.91,53.48],[7.09,53.14],[6.84,52.23],[6.59,51.85],[5.99,51.85],[6.16,50.8],[5.61,51.04],[4.97,51.48],[4.05,51.27],[3.31,51.35],[3.32,51.35],[3.83,51.62],[4.71,53.09],[6.07,53.51],[6.91,53.48]]]},{\"n\":\"Portugal\",\"p\":[[[-9.03,41.88],[-8.67,42.13],[-8.26,42.28],[-8.01,41.79],[-7.42,41.79],[-7.25,41.92],[-6.67,41.88],[-6.39,41.38],[-6.85,41.11],[-6.86,40.33],[-7.03,40.18],[-7.07,39.71],[-7.5,39.63],[-7.1,39.03],[-7.37,38.37],[-7.03,38.08],[-7.17,37.8],[-7.54,37.43],[-7.45,37.1],[-7.86,36.84],[-8.38,36.98],[-8.9,36.87],[-8.75,37.65],[-8.84,38.27],[-9.29,38.36],[-9.53,38.74],[-9.45,39.39],[-9.05,39.76],[-8.98,40.16],[-8.77,40.76],[-8.79,41.18],[-8.99,41.54],[-9.03,41.88]]]},{\"n\":\"Spain\",\"p\":[[[-7.45,37.1],[-7.54,37.43],[-7.17,37.8],[-7.03,38.08],[-7.37,38.37],[-7.1,39.03],[-7.5,39.63],[-7.07,39.71],[-7.03,40.18],[-6.86,40.33],[-6.85,41.11],[-6.39,41.38],[-6.67,41.88],[-7.25,41.92],[-7.42,41.79],[-8.01,41.79],[-8.26,42.28],[-8.67,42.13],[-9.03,41.88],[-8.98,42.59],[-9.39,43.03],[-7.98,43.75],[-6.75,43.57],[-5.41,43.57],[-4.35,43.4],[-3.52,43.46],[-1.9,43.42],[-1.5,43.03],[0.34,42.58],[0.7,42.8],[1.83,42.34],[2.99,42.47],[3.04,41.89],[2.09,41.23],[0.81,41.01],[0.72,40.68],[0.11,40.12],[-0.28,39.31],[0.11,38.74],[-0.47,38.29],[-0.68,37.64],[-1.44,37.44],[-2.15,36.67],[-3.42,36.66],[-4.37,36.68],[-5.0,36.32],[-5.38,35.95],[-5.87,36.03],[-6.24,36.37],[-6.52,36.94],[-7.45,37.1]]]},{\"n\":\"Ireland\",\"p\":[[[-6.2,53.87],[-6.03,53.15],[-6.79,52.26],[-8.56,51.67],[-9.98,51.82],[-9.17,52.86],[-9.69,53.88],[-8.33,54.66],[-7.57,55.13],[-7.37,54.6],[-7.57,54.06],[-6.95,54.07],[-6.2,53.87]]]},{\"n\":\"Italy\",\"p\":[[[10.44,46.89],[11.05,46.75],[11.16,46.94],[12.15,47.12],[12.38,46.77],[13.81,46.51],[13.7,46.02],[13.94,45.59],[13.14,45.74],[12.33,45.38],[12.38,44.89],[12.26,44.6],[12.59,44.09],[13.53,43.59],[14.03,42.76],[15.14,41.96],[15.93,41.96],[16.17,41.74],[15.89,41.54],[16.79,41.18],[17.52,40.88],[18.38,40.36],[18.48,40.17],[18.29,39.81],[17.74,40.28],[16.87,40.44],[16.45,39.8],[17.17,39.42],[17.05,38.9],[16.64,38.84],[16.1,37.99],[15.68,37.91],[15.69,38.21],[15.89,38.75],[16.11,38.96],[15.72,39.54],[15.41,40.05],[15.0,40.17],[14.7,40.6],[14.06,40.79],[13.63,41.19],[12.89,41.25],[12.11,41.7],[11.19,42.36],[10.51,42.93],[10.2,43.92],[9.7,44.04],[8.89,44.37],[8.43,44.23],[7.85,43.77],[7.44,43.69],[7.55,44.13],[7.01,44.25],[6.75,45.03],[7.1,45.33],[6.8,45.71],[6.84,45.99],[7.27,45.78],[7.76,45.82],[8.32,46.16],[8.49,46.01],[8.97,46.04],[9.18,46.44],[9.92,46.31],[10.36,46.48],[10.44,46.89]],[[14.76,38.14],[15.52,38.23],[15.16,37.44],[15.31,37.13],[15.1,36.62],[14.34,37.0],[13.83,37.1],[12.43,37.61],[12.57,38.13],[13.74,38.03],[14.76,38.14]],[[8.71,40.9],[9.21,41.21],[9.81,40.5],[9.67,39.18],[9.21,39.24],[8.81,38.91],[8.43,39.17],[8.39,40.38],[8.16,40.95],[8.71,40.9]]]},{\"n\":\"Denmark\",\"p\":[[[9.92,54.98],[9.28,54.83],[8.53,54.96],[8.12,55.52],[8.09,56.54],[8.26,56.81],[8.54,57.11],[9.42,57.17],[9.78,57.45],[10.58,57.73],[10.55,57.22],[10.25,56.89],[10.37,56.61],[10.91,56.46],[10.67,56.08],[10.37,56.19],[9.65,55.47],[9.92,54.98]],[[12.37,56.11],[12.69,55.61],[12.09,54.8],[11.04,55.36],[10.9,55.78],[12.37,56.11]]]},{\"n\":\"United Kingdom\",\"p\":[[[-6.2,53.87],[-6.95,54.07],[-7.57,54.06],[-7.37,54.6],[-7.57,55.13],[-6.73,55.17],[-5.66,54.55],[-6.2,53.87]],[[-3.09,53.4],[-2.95,53.98],[-3.61,54.6],[-3.63,54.62],[-4.84,54.79],[-5.08,55.06],[-4.72,55.51],[-5.05,55.78],[-5.59,55.31],[-5.64,56.28],[-6.15,56.79],[-5.79,57.82],[-5.01,58.63],[-4.21,58.55],[-3.01,58.63],[-4.07,57.55],[-3.06,57.69],[-1.96,57.68],[-2.22,56.87],[-3.12,55.97],[-2.09,55.91],[-2.01,55.8],[-1.11,54.62],[-0.43,54.46],[0.18,53.33],[0.47,52.93],[1.68,52.74],[1.56,52.1],[1.05,51.81],[1.45,51.29],[0.55,50.77],[-0.79,50.77],[-2.49,50.5],[-2.96,50.7],[-3.62,50.23],[-4.54,50.34],[-5.25,49.96],[-5.78,50.16],[-4.31,51.21],[-3.41,51.43],[-3.42,51.43],[-4.98,51.59],[-5.27,51.99],[-4.22,52.3],[-4.77,52.84],[-4.58,53.5],[-3.09,53.4]]]},{\"n\":\"Iceland\",\"p\":[[[-14.51,66.46],[-14.74,65.81],[-13.61,65.13],[-14.91,64.36],[-17.79,63.68],[-18.66,63.5],[-19.97,63.64],[-22.76,63.96],[-21.78,64.4],[-23.96,64.89],[-22.18,65.08],[-22.23,65.38],[-24.33,65.61],[-23.65,66.26],[-22.13,66.41],[-20.58,65.73],[-19.06,66.28],[-17.8,65.99],[-16.17,66.53],[-14.51,66.46]]]},{\"n\":\"Slovenia\",\"p\":[[[13.81,46.51],[14.63,46.43],[15.14,46.66],[16.01,46.68],[16.2,46.85],[16.37,46.84],[16.56,46.5],[15.77,46.24],[15.67,45.83],[15.32,45.73],[15.33,45.45],[14.94,45.47],[14.6,45.63],[14.41,45.47],[13.72,45.5],[13.94,45.59],[13.7,46.02],[13.81,46.51]]]},{\"n\":\"Finland\",\"p\":[[[28.59,69.06],[28.45,68.36],[29.98,67.7],[29.05,66.94],[30.22,65.81],[29.54,64.95],[30.44,64.2],[30.04,63.55],[31.52,62.87],[31.14,62.36],[30.21,61.78],[28.07,60.5],[26.26,60.42],[24.5,60.06],[22.87,59.85],[22.29,60.39],[21.32,60.72],[21.54,61.71],[21.06,62.61],[21.54,63.19],[22.44,63.82],[24.73,64.9],[25.4,65.11],[25.29,65.53],[23.9,66.01],[23.57,66.4],[23.54,67.94],[21.98,68.62],[20.65,69.11],[21.24,69.37],[22.36,68.84],[23.66,68.89],[24.74,68.65],[25.69,69.09],[26.18,69.83],[27.73,70.16],[29.02,69.77],[28.59,69.06]]]},{\"n\":\"Slovakia\",\"p\":[[[22.56,49.09],[22.28,48.83],[22.09,48.42],[21.87,48.32],[20.8,48.62],[20.47,48.56],[20.24,48.33],[19.77,48.2],[19.66,48.27],[19.17,48.11],[18.78,48.08],[18.7,47.88],[17.86,47.76],[17.49,47.87],[16.98,48.12],[16.88,48.47],[16.96,48.6],[17.1,48.82],[17.55,48.8],[17.89,48.9],[17.91,49.0],[18.1,49.04],[18.17,49.27],[18.4,49.32],[18.55,49.5],[18.85,49.5],[18.91,49.44],[19.32,49.57],[19.83,49.22],[20.42,49.43],[20.89,49.33],[21.61,49.47],[22.56,49.09]]]},{\"n\":\"Czechia\",\"p\":[[[15.02,51.11],[15.49,50.78],[16.24,50.7],[16.18,50.42],[16.72,50.22],[16.87,50.47],[17.55,50.36],[17.65,50.05],[18.39,49.99],[18.85,49.5],[18.55,49.5],[18.4,49.32],[18.17,49.27],[18.1,49.04],[17.91,49.0],[17.89,48.9],[17.55,48.8],[17.1,48.82],[16.96,48.6],[16.5,48.79],[16.03,48.73],[15.25,49.04],[14.9,48.96],[14.34,48.56],[13.6,48.88],[13.03,49.31],[12.52,49.55],[12.42,49.97],[12.24,50.27],[12.97,50.48],[13.34,50.73],[14.06,50.93],[14.31,51.12],[14.57,51.0],[15.02,51.11]]]},{\"n\":\"Cyprus\",\"p\":[[[32.73,35.14],[32.92,35.09],[33.19,35.17],[33.38,35.16],[33.46,35.1],[33.48,35.0],[33.53,35.04],[33.68,35.02],[33.87,35.09],[33.97,35.06],[34.0,34.98],[32.98,34.57],[32.49,34.7],[32.26,35.1],[32.73,35.14]]]},{\"n\":\"Bosnia and Herz.\",\"p\":[[[18.56,42.65],[17.67,43.03],[17.3,43.45],[16.92,43.67],[16.46,44.04],[16.24,44.35],[15.75,44.82],[15.96,45.23],[16.32,45.0],[16.53,45.21],[17.0,45.23],[17.86,45.07],[18.55,45.08],[19.01,44.86],[19.37,44.86],[19.12,44.42],[19.6,44.04],[19.45,43.57],[19.22,43.52],[19.03,43.43],[18.71,43.2],[18.56,42.65]]]},{\"n\":\"North Macedonia\",\"p\":[[[22.38,42.32],[22.88,42.0],[22.95,41.34],[22.76,41.3],[22.6,41.13],[22.06,41.15],[21.67,40.93],[21.02,40.84],[20.61,41.09],[20.46,41.52],[20.59,41.86],[20.72,41.85],[20.76,42.05],[21.35,42.21],[21.58,42.25],[21.92,42.3],[22.38,42.32]]]},{\"n\":\"Serbia\",\"p\":[[[18.83,45.91],[19.6,46.17],[20.22,46.13],[20.76,45.73],[20.87,45.42],[21.48,45.18],[21.56,44.77],[22.15,44.48],[22.46,44.7],[22.71,44.58],[22.47,44.41],[22.66,44.23],[22.41,44.01],[22.5,43.64],[22.99,43.21],[22.6,42.9],[22.44,42.58],[22.55,42.46],[22.38,42.32],[21.92,42.3],[21.58,42.25],[21.54,42.32],[21.66,42.44],[21.78,42.68],[21.63,42.68],[21.44,42.86],[21.27,42.91],[21.14,43.07],[20.96,43.13],[20.81,43.27],[20.64,43.22],[20.5,42.88],[20.26,42.81],[20.34,42.9],[19.96,43.11],[19.63,43.21],[19.48,43.35],[19.22,43.52],[19.45,43.57],[19.6,44.04],[19.12,44.42],[19.37,44.86],[19.01,44.86],[19.39,45.24],[19.07,45.52],[18.83,45.91]]]},{\"n\":\"Montenegro\",\"p\":[[[20.07,42.59],[19.8,42.5],[19.74,42.69],[19.3,42.2],[19.37,41.88],[19.16,41.96],[18.88,42.28],[18.45,42.48],[18.56,42.65],[18.71,43.2],[19.03,43.43],[19.22,43.52],[19.48,43.35],[19.63,43.21],[19.96,43.11],[20.34,42.9],[20.26,42.81],[20.07,42.59]]]},{\"n\":\"Kosovo\",\"p\":[[[20.59,41.86],[20.52,42.22],[20.28,42.32],[20.07,42.59],[20.26,42.81],[20.5,42.88],[20.64,43.22],[20.81,43.27],[20.96,43.13],[21.14,43.07],[21.27,42.91],[21.44,42.86],[21.63,42.68],[21.78,42.68],[21.66,42.44],[21.54,42.32],[21.58,42.25],[21.35,42.21],[20.76,42.05],[20.72,41.85],[20.59,41.86]]]}];\r\n\r\n  \/* ============ PROJECTION ============ *\/\r\n  var LNG0 = 10, LAT0 = 52;\r\n  var K = Math.cos(LAT0 * Math.PI \/ 180);\r\n  var XMIN = (-25 - LNG0) * K, XMAX = (41 - LNG0) * K;\r\n  var YMIN = -(71 - LAT0), YMAX = -(34 - LAT0);\r\n  var VBW = 1320, VBH = 1202;\r\n\r\n  function P(lng, lat) {\r\n    var px = (lng - LNG0) * K;\r\n    var py = -(lat - LAT0);\r\n    var sx = (px - XMIN) \/ (XMAX - XMIN) * VBW;\r\n    var sy = (py - YMIN) \/ (YMAX - YMIN) * VBH;\r\n    return [sx, sy];\r\n  }\r\n\r\n  \/* ============ DRAW COUNTRIES ============ *\/\r\n  var gCountries = document.getElementById('thGlobe-countries');\r\n  var SVGNS = 'http:\/\/www.w3.org\/2000\/svg';\r\n  var cPaths = '';\r\n  for (var c = 0; c < THGEO.length; c++) {\r\n    var feat = THGEO[c];\r\n    var dStr = '';\r\n    for (var r = 0; r < feat.p.length; r++) {\r\n      var ring = feat.p[r];\r\n      for (var k = 0; k < ring.length; k++) {\r\n        var pt = P(ring[k][0], ring[k][1]);\r\n        dStr += (k === 0 ? 'M' : 'L') + pt[0].toFixed(1) + ' ' + pt[1].toFixed(1);\r\n      }\r\n      dStr += 'Z';\r\n    }\r\n    var isHome = (feat.n === 'Croatia');\r\n    cPaths += '<path class=\"thGlobe-country' + (isHome ? ' thGlobe-home' : '') + '\" d=\"' + dStr + '\"><\/path>';\r\n  }\r\n  gCountries.innerHTML = cPaths;\r\n\r\n  \/* ============ CITIES + LANES ============ *\/\r\n  var HUB = { name: 'Prelog', lng: 16.6116, lat: 46.3393 };\r\n  var DEST = [\r\n    { name: 'Z\u00fcrich',    lng: 8.54,  lat: 47.37, dx: -12, dy: -8,  anchor: 'end' },\r\n    { name: 'Bruxelles', lng: 4.35,  lat: 50.85, dx: -12, dy: -8,  anchor: 'end' },\r\n    { name: 'Paris',     lng: 2.35,  lat: 48.86, dx: -12, dy: -8,  anchor: 'end' },\r\n    { name: 'Berlin',    lng: 13.40, lat: 52.52, dx: 12,  dy: -8,  anchor: 'start' },\r\n    { name: 'M\u00fcnchen',   lng: 11.58, lat: 48.14, dx: -12, dy: -10, anchor: 'end' },\r\n    { name: 'Milano',    lng: 9.19,  lat: 45.46, dx: -12, dy: 16,  anchor: 'end' },\r\n    { name: 'Wien',      lng: 16.37, lat: 48.21, dx: 12,  dy: -8,  anchor: 'start' },\r\n    { name: 'Ljubljana', lng: 14.51, lat: 46.05, dx: -12, dy: -8,  anchor: 'end' },\r\n    { name: 'Split',     lng: 16.44, lat: 43.51, dx: -12, dy: 16,  anchor: 'end' },\r\n    { name: 'Sarajevo',  lng: 18.41, lat: 43.86, dx: 12,  dy: 8,   anchor: 'start' },\r\n    { name: 'Beograd',   lng: 20.46, lat: 44.82, dx: 12,  dy: 6,   anchor: 'start' },\r\n    { name: 'Solun',     lng: 22.94, lat: 40.64, dx: 12,  dy: 6,   anchor: 'start' }\r\n  ];\r\n  var CTX = [\r\n    { name: 'Madrid',    lng: -3.70, lat: 40.42, dx: 12,  dy: 5,  anchor: 'start' },\r\n    { name: 'Barcelona', lng: 2.17,  lat: 41.39, dx: 12,  dy: 4,  anchor: 'start' },\r\n    { name: 'Praha',     lng: 14.44, lat: 50.08, dx: 12,  dy: -8, anchor: 'start' }\r\n  ];\r\n\r\n  var gLanes = document.getElementById('thGlobe-lanes');\r\n  var gCities = document.getElementById('thGlobe-cities');\r\n\r\n  var hubP = P(HUB.lng, HUB.lat);\r\n  var lanes = [];\r\n  var laneSvg = '';\r\n\r\n  for (var i = 0; i < DEST.length; i++) {\r\n    var ep = P(DEST[i].lng, DEST[i].lat);\r\n    var mx = (hubP[0] + ep[0]) \/ 2, my = (hubP[1] + ep[1]) \/ 2;\r\n    var ddx = ep[0] - hubP[0], ddy = ep[1] - hubP[1];\r\n    var dist = Math.sqrt(ddx * ddx + ddy * ddy);\r\n    var nx = -ddy \/ dist, ny = ddx \/ dist;\r\n    if (ny > 0) { nx = -nx; ny = -ny; } \/* bow toward top *\/\r\n    var bow = dist * 0.20;\r\n    var cx = mx + nx * bow, cy = my + ny * bow;\r\n    var dPath = 'M' + hubP[0].toFixed(1) + ' ' + hubP[1].toFixed(1) +\r\n                'Q' + cx.toFixed(1) + ' ' + cy.toFixed(1) + ' ' + ep[0].toFixed(1) + ' ' + ep[1].toFixed(1);\r\n    laneSvg += '<path class=\"thGlobe-laneGlow\" id=\"thGlobe-lg' + i + '\" d=\"' + dPath + '\"><\/path>';\r\n    laneSvg += '<path class=\"thGlobe-laneCore\" id=\"thGlobe-lc' + i + '\" d=\"' + dPath + '\"><\/path>';\r\n  }\r\n  gLanes.innerHTML = laneSvg;\r\n\r\n  \/* lane length setup for draw-on *\/\r\n  for (var i2 = 0; i2 < DEST.length; i2++) {\r\n    var core = document.getElementById('thGlobe-lc' + i2);\r\n    var glow = document.getElementById('thGlobe-lg' + i2);\r\n    var len = core.getTotalLength();\r\n    core.style.strokeDasharray = len; core.style.strokeDashoffset = len;\r\n    glow.style.strokeDasharray = len; glow.style.strokeDashoffset = len;\r\n    lanes.push({ core: core, glow: glow, len: len });\r\n  }\r\n\r\n  \/* cities *\/\r\n  var citySvg = '';\r\n  \/* context cities *\/\r\n  for (var x = 0; x < CTX.length; x++) {\r\n    var cp = P(CTX[x].lng, CTX[x].lat);\r\n    citySvg += '<circle class=\"thGlobe-cityDot thGlobe-ctx\" cx=\"' + cp[0].toFixed(1) + '\" cy=\"' + cp[1].toFixed(1) + '\" r=\"4.5\"><\/circle>';\r\n    citySvg += '<text class=\"thGlobe-cityLabel thGlobe-ctx\" x=\"' + (cp[0] + CTX[x].dx).toFixed(1) + '\" y=\"' + (cp[1] + CTX[x].dy).toFixed(1) + '\" text-anchor=\"' + CTX[x].anchor + '\">' + CTX[x].name + '<\/text>';\r\n  }\r\n  \/* destination cities (lane endpoints) *\/\r\n  var destDots = [];\r\n  for (var y = 0; y < DEST.length; y++) {\r\n    var dp = P(DEST[y].lng, DEST[y].lat);\r\n    citySvg += '<circle class=\"thGlobe-cityHalo\" id=\"thGlobe-halo' + y + '\" cx=\"' + dp[0].toFixed(1) + '\" cy=\"' + dp[1].toFixed(1) + '\" r=\"11\"><\/circle>';\r\n    citySvg += '<circle class=\"thGlobe-cityDot\" id=\"thGlobe-dest' + y + '\" cx=\"' + dp[0].toFixed(1) + '\" cy=\"' + dp[1].toFixed(1) + '\" r=\"6.5\"><\/circle>';\r\n    citySvg += '<text class=\"thGlobe-cityLabel\" x=\"' + (dp[0] + DEST[y].dx).toFixed(1) + '\" y=\"' + (dp[1] + DEST[y].dy).toFixed(1) + '\" text-anchor=\"' + DEST[y].anchor + '\">' + DEST[y].name + '<\/text>';\r\n  }\r\n  \/* hub *\/\r\n  citySvg += '<circle class=\"thGlobe-hubPulse\" cx=\"' + hubP[0].toFixed(1) + '\" cy=\"' + hubP[1].toFixed(1) + '\" r=\"8\"><\/circle>';\r\n  citySvg += '<circle class=\"thGlobe-hubDot\" cx=\"' + hubP[0].toFixed(1) + '\" cy=\"' + hubP[1].toFixed(1) + '\" r=\"9\"><\/circle>';\r\n  citySvg += '<text class=\"thGlobe-hubLabel\" x=\"' + (hubP[0] - 13).toFixed(1) + '\" y=\"' + (hubP[1] + 28).toFixed(1) + '\" text-anchor=\"end\">' + HUB.name + '<\/text>';\r\n  gCities.innerHTML = citySvg;\r\n\r\n  for (var z = 0; z < DEST.length; z++) {\r\n    destDots.push({\r\n      dot: document.getElementById('thGlobe-dest' + z),\r\n      halo: document.getElementById('thGlobe-halo' + z)\r\n    });\r\n  }\r\n\r\n  \/* ============ RESPONSIVE VIEWBOX (zoom in on mobile) ============ *\/\r\n  var svgEl = document.getElementById('thGlobe-svg');\r\n  var VB_DESKTOP = '0 0 1320 1202';\r\n  var VB_MOBILE = '250 320 840 1150';\r\n  function setViewBox() {\r\n    svgEl.setAttribute('viewBox', window.innerWidth <= 768 ? VB_MOBILE : VB_DESKTOP);\r\n  }\r\n  setViewBox();\r\n\r\n  \/* ============ DOT GLOBE (canvas) ============ *\/\r\n  var cvs = document.getElementById('thGlobe-canvas');\r\n  var ctx2d = cvs.getContext('2d');\r\n  var DPR = Math.min(window.devicePixelRatio || 1, 2);\r\n  var N = 1100;\r\n  var sphere = [];\r\n  var GA = Math.PI * (1 + Math.sqrt(5));\r\n  for (var s = 0; s < N; s++) {\r\n    var ti = s \/ (N - 1);\r\n    var phi = Math.acos(1 - 2 * ti);\r\n    var th = GA * s;\r\n    sphere.push({\r\n      x: Math.sin(phi) * Math.cos(th),\r\n      y: Math.cos(phi),\r\n      z: Math.sin(phi) * Math.sin(th),\r\n      o: (s % 31 === 0)\r\n    });\r\n  }\r\n\r\n  function sizeCanvas() {\r\n    var r = cvs.getBoundingClientRect();\r\n    cvs.width = Math.max(1, r.width * DPR);\r\n    cvs.height = Math.max(1, r.height * DPR);\r\n  }\r\n  sizeCanvas();\r\n\r\n  var ang = 0;\r\n  var TILT = -0.34;\r\n  var ctilt = Math.cos(TILT), stilt = Math.sin(TILT);\r\n\r\n  function drawGlobe() {\r\n    var w = cvs.width, h = cvs.height;\r\n    ctx2d.clearRect(0, 0, w, h);\r\n    var cx = w \/ 2, cy = h \/ 2;\r\n    var R = Math.min(w, h) * 0.46;\r\n    var ca = Math.cos(ang), sa = Math.sin(ang);\r\n    for (var i = 0; i < sphere.length; i++) {\r\n      var p = sphere[i];\r\n      var rx = p.x * ca - p.z * sa;\r\n      var rz = p.x * sa + p.z * ca;\r\n      var ry = p.y;\r\n      var y2 = ry * ctilt - rz * stilt;\r\n      var z2 = ry * stilt + rz * ctilt;\r\n      var sx = cx + rx * R;\r\n      var sy = cy - y2 * R;\r\n      var depth = (z2 + 1) \/ 2;\r\n      var al, sz;\r\n      if (p.o) { al = 0.30 + depth * 0.65; sz = (1.6 * depth + 0.5) * DPR; ctx2d.fillStyle = 'rgba(244,160,38,' + al + ')'; }\r\n      else { al = 0.10 + depth * 0.5; sz = (1.1 * depth + 0.35) * DPR; ctx2d.fillStyle = 'rgba(220,225,234,' + al + ')'; }\r\n      ctx2d.beginPath();\r\n      ctx2d.arc(sx, sy, sz, 0, 6.2832);\r\n      ctx2d.fill();\r\n    }\r\n    ang += 0.0017;\r\n  }\r\n\r\n  \/* ============ SCROLL DRIVE ============ *\/\r\n  var orbit = document.getElementById('thGlobe-orbit');\r\n  var hero = document.getElementById('thGlobe-hero');\r\n  var mapLayer = document.getElementById('thGlobe-mapLayer');\r\n\r\n  function clamp(v, a, b) { return v < a ? a : (v > b ? b : v); }\r\n  function map01(v, a, b) { return clamp((v - a) \/ (b - a), 0, 1); }\r\n\r\n  var inView = false;\r\n\r\n  function update() {\r\n    var rect = root.getBoundingClientRect();\r\n    var total = rect.height - window.innerHeight;\r\n    var p = clamp(-rect.top \/ (total > 0 ? total : 1), 0, 1);\r\n\r\n    inView = (rect.top < window.innerHeight && rect.bottom > 0);\r\n\r\n    \/* globe: zoom in + fade out as we descend (compressed to the first phase) *\/\r\n    var gFade = 1 - map01(p, 0.22, 0.40);\r\n    var gScale = 1 + map01(p, 0, 0.44) * 1.6;\r\n    orbit.style.opacity = gFade;\r\n    orbit.style.transform = 'scale(' + gScale.toFixed(3) + ')';\r\n\r\n    \/* hero headline fades out as we descend *\/\r\n    hero.style.opacity = 1 - map01(p, 0.08, 0.26);\r\n    hero.style.transform = 'translateX(-50%) translateY(' + (-map01(p, 0, 0.26) * 26).toFixed(1) + 'px)';\r\n\r\n    \/* map fades in *\/\r\n    mapLayer.style.opacity = map01(p, 0.30, 0.46);\r\n\r\n    \/* lanes draw progressively, one at a time, over a long slow window *\/\r\n    var laneT = map01(p, 0.46, 1.0);\r\n    for (var i = 0; i < lanes.length; i++) {\r\n      var start = i \/ lanes.length;\r\n      var frac = clamp((laneT - start) \/ (1 \/ lanes.length), 0, 1);\r\n      var off = lanes[i].len * (1 - frac);\r\n      lanes[i].core.style.strokeDashoffset = off;\r\n      lanes[i].glow.style.strokeDashoffset = off;\r\n      if (frac > 0.55) {\r\n        destDots[i].dot.classList.add('thGlobe-active');\r\n        destDots[i].halo.classList.add('thGlobe-active');\r\n      } else {\r\n        destDots[i].dot.classList.remove('thGlobe-active');\r\n        destDots[i].halo.classList.remove('thGlobe-active');\r\n      }\r\n    }\r\n  }\r\n\r\n  \/* ============ RAF LOOP ============ *\/\r\n  var ticking = false;\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      ticking = true;\r\n      requestAnimationFrame(function () { update(); ticking = false; });\r\n    }\r\n  }\r\n\r\n  function loop() {\r\n    if (inView) drawGlobe();\r\n    requestAnimationFrame(loop);\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  var rsTimer = null;\r\n  window.addEventListener('resize', function () {\r\n    if (rsTimer) clearTimeout(rsTimer);\r\n    rsTimer = setTimeout(function () { sizeCanvas(); setViewBox(); update(); }, 150);\r\n  });\r\n\r\n  update();\r\n  requestAnimationFrame(loop);\r\n})();\r\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3f697f9\" id=\"vozni-park\" data-block-id=\"3f697f9\"><style>.stk-3f697f9 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3f697f9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3b4b57e\" data-v=\"4\" data-block-id=\"3b4b57e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3b4b57e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3b4b57e-inner-blocks\"><style>\r\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  \/* ===== SECTION CONTAINER ===== *\/\r\n  .thFleet-wrap {\r\n    width: 100%;\r\n    background-color: #f2f5f9 !important; \/* Elegant light background *\/\r\n    padding: 80px 0;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .thFleet-container {\r\n    max-width: 1480px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ===== HERO HEADER (CENTERED ON PC) ===== *\/\r\n  .thFleet-hero-header {\r\n    text-align: center; \/* Changed from start to center on PC *\/\r\n    max-width: 950px;\r\n    margin: 0 auto 55px auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Changed from start to center on PC *\/\r\n  }\r\n\r\n  \/* Pill Badge *\/\r\n  .thFleet-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 20px;\r\n    background-color: rgba(13, 13, 13, 0.05);\r\n    border: 1px solid rgba(13, 13, 13, 0.1);\r\n    border-radius: 999px;\r\n    color: #4a5568;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .thFleet-eyebrow svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: currentColor;\r\n    display: block;\r\n  }\r\n\r\n  .thFleet-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.01em;\r\n    color: #0D0D0D;\r\n    margin: 0 0 20px 0;\r\n  }\r\n\r\n  .thFleet-subtitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    color: #4a5568;\r\n    margin: 0;\r\n    max-width: 820px;\r\n  }\r\n\r\n  \/* Counter Wrapper - HIDDEN ON DESKTOP *\/\r\n  .thFleet-header {\r\n    display: none; \r\n    justify-content: flex-end;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .thFleet-counter {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #6B7280;\r\n    letter-spacing: 0.05em;\r\n    white-space: nowrap;\r\n  }\r\n  \r\n  .thFleet-counter strong {\r\n    color: #0D0D0D;\r\n    font-weight: 700;\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* ===== TRACK & CARDS WINDOW ===== *\/\r\n  .thFleet-trackWrap {\r\n    position: relative;\r\n    overflow: visible; \r\n    cursor: grab;\r\n    user-select: none;\r\n  }\r\n  \r\n  .thFleet-trackWrap:active { cursor: grabbing; }\r\n  \r\n  .thFleet-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n    will-change: transform;\r\n  }\r\n  \r\n  .thFleet-track.thFleet-dragging { \r\n    transition: none !important; \r\n  }\r\n\r\n  .thFleet-card {\r\n    flex: 0 0 380px;\r\n    background: #FFFFFF;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 20px rgba(13,13,13,0.03);\r\n    transition: box-shadow 0.3s ease, transform 0.3s ease;\r\n  }\r\n  \r\n  .thFleet-card:hover {\r\n    box-shadow: 0 12px 32px rgba(13,13,13,0.08);\r\n    transform: translateY(-4px);\r\n  }\r\n  \r\n  .thFleet-cardImg {\r\n    width: 100%;\r\n    height: 240px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-color: #E5E7EB;\r\n    position: relative;\r\n  }\r\n  \r\n  .thFleet-cardBadge {\r\n    position: absolute;\r\n    top: 16px;\r\n    left: 16px;\r\n    background: #0D0D0D;\r\n    color: #FFFFFF;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    padding: 6px 12px;\r\n    border-radius: 999px;\r\n  }\r\n  \r\n  .thFleet-cardBody {\r\n    padding: 28px;\r\n    text-align: left; \/* Keeps text layout inside the cards left-aligned *\/\r\n  }\r\n  \r\n  .thFleet-cardTitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 21px;\r\n    font-weight: 700;\r\n    color: #0D0D0D;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n  }\r\n  \r\n  .thFleet-cardDesc {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #6B7280;\r\n    margin: 0 0 24px 0;\r\n    line-height: 1.5;\r\n  }\r\n  \r\n  .thFleet-specList {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n  \r\n  .thFleet-specItem {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid #F1F2F4;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n  }\r\n  \r\n  .thFleet-specItem:last-child { border-bottom: none; }\r\n  .thFleet-specLabel { color: #6B7280; font-weight: 400; }\r\n  .thFleet-specValue { color: #1A1A1A; font-weight: 600; }\r\n\r\n  \/* ===== SLIDER NAVIGATION ARROWS & PROGRESS ===== *\/\r\n  .thFleet-controls {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: 40px;\r\n    gap: 24px;\r\n  }\r\n  \r\n  .thFleet-progress {\r\n    flex: 1;\r\n    height: 3px;\r\n    background: rgba(13,13,13,0.08);\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n    max-width: 480px;\r\n  }\r\n  \r\n  .thFleet-progressFill {\r\n    height: 100%;\r\n    background: #F4A026;\r\n    border-radius: 999px;\r\n    width: 0%;\r\n    transition: width 0.3s ease;\r\n  }\r\n  \r\n  .thFleet-arrows {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-shrink: 0;\r\n  }\r\n  \r\n  .thFleet-arrow {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 999px;\r\n    border: 1.5px solid #1A1A1A;\r\n    background: transparent;\r\n    color: #1A1A1A;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;\r\n    padding: 0;\r\n  }\r\n  \r\n  .thFleet-arrow:hover:not(:disabled) {\r\n    background: #1A1A1A;\r\n    color: #FFFFFF;\r\n  }\r\n  \r\n  .thFleet-arrow:disabled {\r\n    opacity: 0.25;\r\n    cursor: not-allowed;\r\n  }\r\n  \r\n  .thFleet-arrow svg { width: 20px; height: 20px; }\r\n\r\n  \/* ===== CTA CONVERSATION MESSAGES BUTTON ===== *\/\r\n  .thFleet-footer-btn-wrap {\r\n    margin-top: 55px;\r\n    display: flex;\r\n    justify-content: center; \/* Centered by default on PC *\/\r\n  }\r\n\r\n  .contact-btn {\r\n    background-color: #0e2a4f !important; \r\n    color: #ffffff !important;\r\n    border: 2px solid #0e2a4f !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 16px !important;\r\n    font-weight: 700 !important;\r\n    padding: 15px 40px !important;\r\n    border-radius: 12px !important;\r\n    text-decoration: none !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n    cursor: pointer !important;\r\n    transition: background-color .25s ease, border-color .25s ease, transform .25s ease !important;\r\n  }\r\n\r\n  .contact-btn:hover {\r\n    background-color: #1b4f85 !important;\r\n    border-color: #1b4f85 !important;\r\n    transform: translateY(-2px) !important;\r\n  }\r\n\r\n  .contact-btn svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    display: block;\r\n  }\r\n\r\n  \/* ===== AIRTIGHT MOBILE BREAKPOINTS ===== *\/\r\n  @media (max-width: 991px) {\r\n    .thFleet-title { font-size: 36px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .thFleet-wrap { padding: 60px 0; }\r\n    \r\n    \/* Target the header wrapper to shift left on mobile *\/\r\n    .thFleet-hero-header {\r\n      text-align: left;\r\n      align-items: flex-start;\r\n      margin: 0 0 35px 0; \/* Resets centered auto margin logic *\/\r\n    }\r\n\r\n    .thFleet-title { font-size: 28px; }\r\n    .thFleet-subtitle { font-size: 15px; }\r\n    \r\n    .thFleet-card {\r\n      flex: 0 0 calc(100vw - 60px);\r\n      max-width: 350px;\r\n    }\r\n    \r\n    .thFleet-card:hover { transform: none; }\r\n    .thFleet-controls { margin-top: 28px; }\r\n    .thFleet-progress { max-width: none; flex: 1; }\r\n    .thFleet-arrow { width: 48px; height: 48px; }\r\n    .thFleet-cardImg { height: 200px; }\r\n    .thFleet-cardBody { padding: 22px; }\r\n    .thFleet-cardTitle { font-size: 19px; }\r\n    \r\n    \/* Counter Wrapper - SHOWN AND LEFT-ALIGNED ON MOBILE *\/\r\n    .thFleet-header {\r\n      display: flex;\r\n      justify-content: flex-start !important; \/* Changed from center to left alignment *\/\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    \/* Footer Button Wrapper - LEFT-ALIGNED ON MOBILE *\/\r\n    .thFleet-footer-btn-wrap {\r\n      justify-content: center !important; \/* Shims CTA button box to the start *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"thFleet-wrap\" id=\"thFleet-root\">\r\n  <div class=\"thFleet-container\">\r\n\r\n    <div class=\"thFleet-hero-header\">\r\n      <div class=\"thFleet-eyebrow\">\r\n     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-truck-icon lucide-truck\"><path d=\"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2\"\/><path d=\"M15 18H9\"\/><path d=\"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><\/svg>\r\n        Na\u0161a flota\r\n      <\/div>\r\n      <h2 class=\"thFleet-title\">Flota spremna za pouzdan prijevoz robe kroz Hrvatsku i Europu<\/h2>\r\n      <p class=\"thFleet-subtitle\">Na\u0161a vozila prilago\u0111ena su tuzemnom i me\u0111unarodnom prijevozu robe, uz redovito odr\u017eavanje, profesionalan pristup i fokus na sigurnu, urednu i pravovremenu isporuku.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"thFleet-header\">\r\n      <div class=\"thFleet-counter\">\r\n        <strong id=\"thFleet-current\">01<\/strong> \/ <span id=\"thFleet-total\">05<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"thFleet-trackWrap\" id=\"thFleet-trackWrap\">\r\n      <div class=\"thFleet-track\" id=\"thFleet-track\">\r\n\r\n\t\t   <div class=\"thFleet-card\">\r\n          <div class=\"thFleet-cardImg\" style=\"background-image: url('https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359cf40a683b64fe156846.jpeg');\">\r\n            <span class=\"thFleet-cardBadge\">Teglja\u010d<\/span>\r\n          <\/div>\r\n          <div class=\"thFleet-cardBody\">\r\n            <h3 class=\"thFleet-cardTitle\">Volvo FH 550 Globetrotter<\/h3>\r\n            <p class=\"thFleet-cardDesc\">Vrhunski teglja\u010d s prostranom Globetrotter kabinom za zahtjevne me\u0111unarodne rute.<\/p>\r\n            <ul class=\"thFleet-specList\">\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Snaga<\/span><span class=\"thFleet-specValue\">550 KS<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Kabina<\/span><span class=\"thFleet-specValue\">Globetrotter<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Euro norma<\/span><span class=\"thFleet-specValue\">Euro 6<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Nosivost<\/span><span class=\"thFleet-specValue\">24 t<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\t\t  \r\n        <div class=\"thFleet-card\">\r\n          <div class=\"thFleet-cardImg\" style=\"background-image: url('https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359cf4f6a1b18cf29d0a4a.jpeg');\">\r\n            <span class=\"thFleet-cardBadge\">Teglja\u010d<\/span>\r\n          <\/div>\r\n          <div class=\"thFleet-cardBody\">\r\n            <h3 class=\"thFleet-cardTitle\">Mercedes-Benz Actros 1845<\/h3>\r\n            <p class=\"thFleet-cardDesc\">Sna\u017ean i pouzdan teglja\u010d za dugolinijski me\u0111unarodni transport paleta i generalnih tereta.<\/p>\r\n            <ul class=\"thFleet-specList\">\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Snaga<\/span><span class=\"thFleet-specValue\">450 KS<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Euro norma<\/span><span class=\"thFleet-specValue\">Euro 6<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Nosivost<\/span><span class=\"thFleet-specValue\">24 t<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">GPS pra\u0107enje<\/span><span class=\"thFleet-specValue\">Da<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thFleet-card\">\r\n          <div class=\"thFleet-cardImg\" style=\"background-image: url('https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359f290b9538a6a7157863.png');\">\r\n            <span class=\"thFleet-cardBadge\">Teglja\u010d<\/span>\r\n          <\/div>\r\n          <div class=\"thFleet-cardBody\">\r\n            <h3 class=\"thFleet-cardTitle\">Mercedes-Benz Actros 1842<\/h3>\r\n            <p class=\"thFleet-cardDesc\">Ekonomi\u010dan teglja\u010d provjerene pouzdanosti za svakodnevni prijevoz robe diljem Europe.<\/p>\r\n            <ul class=\"thFleet-specList\">\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Snaga<\/span><span class=\"thFleet-specValue\">420 KS<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Euro norma<\/span><span class=\"thFleet-specValue\">Euro 6<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Nosivost<\/span><span class=\"thFleet-specValue\">24 t<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">GPS pra\u0107enje<\/span><span class=\"thFleet-specValue\">Da<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n       \r\n\r\n        <div class=\"thFleet-card\">\r\n          <div class=\"thFleet-cardImg\" style=\"background-image: url('https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359cf40b9538a6a7149f54.jpeg');\">\r\n            <span class=\"thFleet-cardBadge\">Teglja\u010d<\/span>\r\n          <\/div>\r\n          <div class=\"thFleet-cardBody\">\r\n            <h3 class=\"thFleet-cardTitle\">Volvo FH 500 Globetrotter<\/h3>\r\n            <p class=\"thFleet-cardDesc\">Udoban i efikasan teglja\u010d za duge relacije uz nisku potro\u0161nju i visoku pouzdanost.<\/p>\r\n            <ul class=\"thFleet-specList\">\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Snaga<\/span><span class=\"thFleet-specValue\">500 KS<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Kabina<\/span><span class=\"thFleet-specValue\">Globetrotter<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Euro norma<\/span><span class=\"thFleet-specValue\">Euro 6<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Nosivost<\/span><span class=\"thFleet-specValue\">24 t<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thFleet-card\">\r\n          <div class=\"thFleet-cardImg\" style=\"background-image: url('https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359fbd0a683b64fe15f7f9.png');\">\r\n            <span class=\"thFleet-cardBadge\">Teglja\u010d<\/span>\r\n          <\/div>\r\n          <div class=\"thFleet-cardBody\">\r\n            <h3 class=\"thFleet-cardTitle\">Volvo FH 500<\/h3>\r\n            <p class=\"thFleet-cardDesc\">Svestran teglja\u010d za doma\u0107i i me\u0111unarodni transport generalnih tereta.<\/p>\r\n            <ul class=\"thFleet-specList\">\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Snaga<\/span><span class=\"thFleet-specValue\">500 KS<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Euro norma<\/span><span class=\"thFleet-specValue\">Euro 6<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">Nosivost<\/span><span class=\"thFleet-specValue\">24 t<\/span><\/li>\r\n              <li class=\"thFleet-specItem\"><span class=\"thFleet-specLabel\">GPS pra\u0107enje<\/span><span class=\"thFleet-specValue\">Da<\/span><\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"thFleet-controls\">\r\n      <div class=\"thFleet-progress\">\r\n        <div class=\"thFleet-progressFill\" id=\"thFleet-progressFill\"><\/div>\r\n      <\/div>\r\n      <div class=\"thFleet-arrows\">\r\n        <button class=\"thFleet-arrow\" id=\"thFleet-prev\" aria-label=\"Prethodno vozilo\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/><\/svg>\r\n        <\/button>\r\n        <button class=\"thFleet-arrow\" id=\"thFleet-next\" aria-label=\"Sljede\u0107e vozilo\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"thFleet-footer-btn-wrap\">\r\n      <a href=\"#kontakt\" class=\"contact-btn\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-messages-square-icon lucide-messages-square\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"\/><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"\/><\/svg>\r\n        Kontaktirajte nas\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var SWIPE_THRESHOLD = 40; \r\n\r\n  var root = document.getElementById('thFleet-root');\r\n  if (!root) return;\r\n\r\n  var trackWrap = document.getElementById('thFleet-trackWrap');\r\n  var track = document.getElementById('thFleet-track');\r\n  var prevBtn = document.getElementById('thFleet-prev');\r\n  var nextBtn = document.getElementById('thFleet-next');\r\n  var progressFill = document.getElementById('thFleet-progressFill');\r\n  var currentEl = document.getElementById('thFleet-current');\r\n  var totalEl = document.getElementById('thFleet-total');\r\n  var cards = track.querySelectorAll('.thFleet-card');\r\n\r\n  function pad(n) { return n < 10 ? '0' + n : '' + n; }\r\n  totalEl.textContent = pad(cards.length);\r\n\r\n  var currentIdx = 0;       \r\n  var maxIdx = cards.length - 1;       \r\n  var cardStep = 0;          \r\n\r\n  function updateLayoutDimensions() {\r\n    if (!cards.length) return;\r\n    \r\n    if (cards.length > 1) {\r\n      cardStep = cards[1].getBoundingClientRect().left - cards[0].getBoundingClientRect().left;\r\n    } else {\r\n      cardStep = cards[0].offsetWidth;\r\n    }\r\n\r\n    var totalMaxScroll = Math.max(0, track.scrollWidth - trackWrap.clientWidth);\r\n    \r\n    if (cardStep > 0) {\r\n      maxIdx = Math.max(0, Math.round(totalMaxScroll \/ cardStep));\r\n    } else {\r\n      maxIdx = cards.length - 1;\r\n    }\r\n    \r\n    if (currentIdx > maxIdx) currentIdx = maxIdx;\r\n    applyIdxPosition(false);\r\n  }\r\n\r\n  function getTargetOffset(idx) {\r\n    var computedOffset = idx * cardStep;\r\n    var maxLimit = Math.max(0, track.scrollWidth - trackWrap.clientWidth);\r\n    \r\n    if (idx >= maxIdx) return maxLimit;\r\n    return Math.min(computedOffset, maxLimit);\r\n  }\r\n\r\n  function applyIdxPosition(animate) {\r\n    if (animate) {\r\n      track.classList.remove('thFleet-dragging');\r\n    } else {\r\n      track.classList.add('thFleet-dragging');\r\n    }\r\n    \r\n    var finalOffset = getTargetOffset(currentIdx);\r\n    track.style.transform = 'translateX(' + (-finalOffset) + 'px)';\r\n    \r\n    prevBtn.disabled = currentIdx <= 0;\r\n    nextBtn.disabled = currentIdx >= maxIdx || maxIdx <= 0;\r\n    currentEl.textContent = pad(currentIdx + 1);\r\n    \r\n    if (maxIdx <= 0) {\r\n      progressFill.style.width = '100%';\r\n    } else {\r\n      var progressPercentage = (currentIdx \/ maxIdx) * 100;\r\n      progressFill.style.width = Math.min(100, Math.max(0, progressPercentage)) + '%';\r\n    }\r\n  }\r\n\r\n  prevBtn.addEventListener('click', function() {\r\n    if (currentIdx > 0) {\r\n      currentIdx--;\r\n      applyIdxPosition(true);\r\n    }\r\n  });\r\n\r\n  nextBtn.addEventListener('click', function() {\r\n    if (currentIdx < maxIdx) {\r\n      currentIdx++;\r\n      applyIdxPosition(true);\r\n    }\r\n  });\r\n\r\n  var isDragging = false;\r\n  var startX = 0;\r\n  var currentX = 0;\r\n  var hasMoved = false;\r\n  var startOffset = 0;\r\n\r\n  function onPointerDown(e) {\r\n    var pageX = e.touches ? e.touches[0].pageX : e.pageX;\r\n    isDragging = true;\r\n    hasMoved = false;\r\n    startX = pageX;\r\n    currentX = pageX;\r\n    startOffset = getTargetOffset(currentIdx);\r\n    track.classList.add('thFleet-dragging');\r\n    if (!e.touches) e.preventDefault();\r\n  }\r\n\r\n  function onPointerMove(e) {\r\n    if (!isDragging) return;\r\n    var pageX = e.touches ? e.touches[0].pageX : e.pageX;\r\n    currentX = pageX;\r\n    var deltaX = currentX - startX;\r\n    \r\n    if (Math.abs(deltaX) > 5) hasMoved = true;\r\n\r\n    var workingOffset = startOffset - deltaX;\r\n    var totalMaxScroll = Math.max(0, track.scrollWidth - trackWrap.clientWidth);\r\n    \r\n    if (workingOffset < 0) workingOffset = 0;\r\n    if (workingOffset > totalMaxScroll) workingOffset = totalMaxScroll;\r\n\r\n    track.style.transform = 'translateX(' + (-workingOffset) + 'px)';\r\n  }\r\n\r\n  function onPointerUp() {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    track.classList.remove('thFleet-dragging');\r\n    \r\n    var deltaX = currentX - startX;\r\n\r\n    if (deltaX <= -SWIPE_THRESHOLD && currentIdx < maxIdx) {\r\n      currentIdx++;\r\n    } else if (deltaX >= SWIPE_THRESHOLD && currentIdx > 0) {\r\n      currentIdx--;\r\n    }\r\n\r\n    applyIdxPosition(true);\r\n  }\r\n\r\n  trackWrap.addEventListener('mousedown', onPointerDown);\r\n  document.addEventListener('mousemove', onPointerMove);\r\n  document.addEventListener('mouseup', onPointerUp);\r\n\r\n  trackWrap.addEventListener('touchstart', onPointerDown, { passive: true });\r\n  trackWrap.addEventListener('touchmove', onPointerMove, { passive: true });\r\n  trackWrap.addEventListener('touchend', onPointerUp);\r\n  trackWrap.addEventListener('touchcancel', onPointerUp);\r\n\r\n  track.addEventListener('click', function(e) {\r\n    if (hasMoved) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      hasMoved = false;\r\n    }\r\n  }, true);\r\n\r\n  var images = track.querySelectorAll('.thFleet-cardImg');\r\n  for (var i = 0; i < images.length; i++) {\r\n    images[i].addEventListener('dragstart', function(e) { e.preventDefault(); });\r\n  }\r\n\r\n  var windowWidthTracker = window.innerWidth;\r\n  var debounceTimeout;\r\n  window.addEventListener('resize', function() {\r\n    if (window.innerWidth === windowWidthTracker) return;\r\n    windowWidthTracker = window.innerWidth;\r\n    clearTimeout(debounceTimeout);\r\n    debounceTimeout = setTimeout(updateLayoutDimensions, 150);\r\n  });\r\n\r\n  setTimeout(updateLayoutDimensions, 250);\r\n  window.addEventListener('load', updateLayoutDimensions);\r\n})();\r\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f5440e2\" data-block-id=\"f5440e2\"><style>.stk-f5440e2 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f5440e2-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-267e988\" data-v=\"4\" data-block-id=\"267e988\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-267e988-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-267e988-inner-blocks\"><style>\r\n  \/* ===== IMPORT MONTSERRAT FONT FROM GOOGLE FONTS ===== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\r\n\r\n  \/* ===== CORE CONTAINER OVERRIDES ===== *\/\r\n  .thProc-wrap {\r\n    width: 100%;\r\n    background: #0d0d0d !important; \/* Fixed background color as shown in image *\/\r\n    padding: 80px 0;\r\n    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n    box-sizing: border-box;\r\n  }\r\n  .thProc-container {\r\n    max-width: 1480px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ===== HERO HEADER CENTERED BLOCK (CENTERED ON PC) ===== *\/\r\n  .thProc-hero-header {\r\n    text-align: center; \/* Changed from start to center on PC *\/\r\n    max-width: 950px;\r\n    margin: 0 auto 55px auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \/* Changed from start to center on PC *\/\r\n  }\r\n\r\n  \/* Pill Badge Layout *\/\r\n  .thProc-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 20px;\r\n    background-color: rgba(255, 255, 255, 0.06);\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 999px;\r\n    color: #ffffff;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .thProc-eyebrow svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    display: block;\r\n    stroke: currentColor;\r\n  }\r\n\r\n  .thProc-main-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    margin: 0 auto 20px auto;\r\n    max-width: 850px;\r\n    color: #ffffff;\r\n    letter-spacing: -0.5px;\r\n    text-align: center; \/* Added for PC centering *\/\r\n  }\r\n\r\n  .thProc-main-subtitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    color: #9ca3af;\r\n    max-width: 780px;\r\n    margin: 0 auto;\r\n    text-align: center; \/* Added for PC centering *\/\r\n  }\r\n\r\n  \/* ===== INTERACTIVE STRUCTURE ENGINE GRID ===== *\/\r\n  .thProc-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr;\r\n    gap: 32px;\r\n    align-items: start;\r\n  }\r\n\r\n  \/* ============ LEFT \u2014 STEP LIST ============ *\/\r\n  .thProc-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #1A1A1A;\r\n    border: 1px solid #2B2B2B;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 1px 3px rgba(13, 13, 13, 0.06);\r\n  }\r\n  .thProc-step {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    padding: 24px 28px;\r\n    cursor: pointer;\r\n    border: 2px solid transparent;\r\n    border-bottom: 1px solid #2B2B2B;\r\n    background: transparent;\r\n    transition: background 0.25s ease, border-color 0.25s ease;\r\n    position: relative;\r\n    text-align: left; \/* Ensures internal content within steps stays left aligned *\/\r\n  }\r\n  .thProc-step:last-child { border-bottom: 1px solid transparent; }\r\n  .thProc-step:hover { background: #212121; }\r\n  .thProc-step.thProc-stepActive {\r\n    background: #1E1E1E;\r\n    border: 2px solid #F4A026;\r\n    border-radius: 10px;\r\n  }\r\n  .thProc-stepNum {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 22px;\r\n    font-weight: 500;\r\n    color: #9CA3AF;\r\n    min-width: 32px;\r\n    transition: color 0.25s ease;\r\n    letter-spacing: -0.01em;\r\n    flex-shrink: 0;\r\n  }\r\n  .thProc-step.thProc-stepActive .thProc-stepNum { color: #F4A026; }\r\n  .thProc-stepText { flex: 1; min-width: 0; }\r\n  .thProc-stepTitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 17px;\r\n    font-weight: 600;\r\n    color: #FFFFFF;\r\n    margin: 0 0 4px 0;\r\n    line-height: 1.3;\r\n  }\r\n  .thProc-stepDesc {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #9CA3AF;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n  }\r\n  .thProc-stepArrow {\r\n    color: #F4A026;\r\n    font-size: 20px;\r\n    opacity: 0;\r\n    transform: translateX(-6px);\r\n    transition: opacity 0.25s ease, transform 0.25s ease;\r\n    flex-shrink: 0;\r\n  }\r\n  .thProc-step.thProc-stepActive .thProc-stepArrow {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .thProc-mobilePanel { display: none; }\r\n\r\n  \/* ============ RIGHT \u2014 DETAIL CARD (DESKTOP) ============ *\/\r\n  .thProc-detail {\r\n    background: #1A1A1A;\r\n    border: 1px solid #2B2B2B;\r\n    border-radius: 16px;\r\n    padding: 44px 48px;\r\n    color: #FFFFFF;\r\n    min-height: 540px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 24px rgba(13, 13, 13, 0.4);\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: left; \/* Keeps panel descriptive text left-aligned *\/\r\n  }\r\n  .thProc-detail::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -120px;\r\n    right: -120px;\r\n    width: 320px;\r\n    height: 320px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(244, 160, 38, 0.15) 0%, rgba(244, 160, 38, 0) 70%);\r\n    pointer-events: none;\r\n  }\r\n  .thProc-detail > * { position: relative; z-index: 1; }\r\n\r\n  .thProc-detailTop {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 22px;\r\n    margin-bottom: 28px;\r\n  }\r\n  .thProc-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: 1.5px solid #F4A026;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #F4A026;\r\n    flex-shrink: 0;\r\n    background: rgba(244, 160, 38, 0.06);\r\n  }\r\n  .thProc-icon svg { width: 28px; height: 28px; }\r\n  .thProc-detailMeta {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #F4A026;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 6px 0;\r\n  }\r\n  .thProc-detailMeta::before { content: '\u2014 '; }\r\n  .thProc-detailTitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #FFFFFF;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .thProc-divider {\r\n    height: 1px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    margin: 0 0 28px 0;\r\n  }\r\n  .thProc-detailBody {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.65;\r\n    color: #D1D5DB;\r\n    margin: 0 0 36px 0;\r\n  }\r\n  .thProc-listLabel {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #9CA3AF;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 18px 0;\r\n  }\r\n  .thProc-listLabel::before { content: '\u2014 '; }\r\n\r\n  .thProc-checklist {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 32px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n  .thProc-checkItem {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    padding: 10px 0;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n  }\r\n  .thProc-checkNum {\r\n    color: #F4A026;\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    width: 36px;\r\n    min-width: 36px;\r\n    flex-shrink: 0;\r\n    letter-spacing: 0.02em;\r\n    padding-right: 12px;\r\n    box-sizing: border-box;\r\n  }\r\n  .thProc-checkText {\r\n    flex: 1;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .thProc-progressTrack {\r\n    margin-top: auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n    gap: 8px;\r\n    padding-top: 16px;\r\n  }\r\n  .thProc-progressSeg {\r\n    height: 3px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    border-radius: 999px;\r\n    transition: background 0.3s ease;\r\n  }\r\n  .thProc-progressSeg.thProc-progressActive { background: #F4A026; }\r\n\r\n  \/* ===== BOTTOM CTA ORANGE BUTTON ===== *\/\r\n  .thProc-btn-container {\r\n    margin-top: 55px;\r\n    display: flex;\r\n    justify-content: center; \/* Centered by default on PC *\/\r\n    width: 100%;\r\n  }\r\n\r\n  .buttonorange {\r\n    background-color: #f4a026 !important;\r\n    color: #000000 !important;\r\n    font-weight: 700 !important;\r\n    font-size: 16px !important;\r\n    padding: 14px 38px !important;\r\n    border-radius: 12px !important; \r\n    text-decoration: none !important;\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 12px !important;\r\n    border: none !important;\r\n    cursor: pointer !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;\r\n  }\r\n\r\n  .buttonorange:hover {\r\n    filter: brightness(1.08) !important;\r\n    transform: translateY(-2px) !important;\r\n    box-shadow: 0 6px 20px rgba(244, 160, 38, 0.30) !important;\r\n  }\r\n\r\n  .buttonorange svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    display: block;\r\n  }\r\n\r\n  \/* ============ MOBILE \u2014 ACCORDION LAYOUT ============ *\/\r\n  @media (max-width: 900px) {\r\n    .thProc-wrap { padding: 60px 0; }\r\n    \r\n    \/* Target the header wrapper to shift left on mobile *\/\r\n    .thProc-hero-header {\r\n      text-align: left;\r\n      align-items: flex-start;\r\n      margin: 0 0 35px 0; \/* Resets auto-centering margin logic *\/\r\n    }\r\n\r\n    .thProc-main-title { \r\n      font-size: 26px; \r\n      text-align: left;\r\n      margin: 0 0 20px 0; \/* Resets auto-centering margin logic *\/\r\n    }\r\n    \r\n    .thProc-main-subtitle { \r\n      font-size: 15px; \r\n      text-align: left;\r\n      margin: 0; \/* Resets auto-centering margin logic *\/\r\n    }\r\n    \r\n    .thProc-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 0;\r\n    }\r\n\r\n    .thProc-detail { display: none; }\r\n\r\n    .thProc-list {\r\n      background: transparent;\r\n      box-shadow: none;\r\n      gap: 12px;\r\n    }\r\n    .thProc-step {\r\n      background: #1A1A1A;\r\n      border-radius: 12px;\r\n      border: 1px solid #2B2B2B;\r\n      box-shadow: 0 1px 3px rgba(13, 13, 13, 0.06);\r\n      padding: 18px 20px;\r\n      gap: 16px;\r\n    }\r\n    .thProc-step:last-child { border-bottom: 1px solid #2B2B2B; }\r\n    .thProc-step.thProc-stepActive {\r\n      border: 2px solid #F4A026;\r\n      padding: 16px 18px;\r\n    }\r\n    .thProc-stepArrow {\r\n      transition: transform 0.3s ease, opacity 0.25s ease;\r\n    }\r\n    .thProc-step.thProc-stepActive .thProc-stepArrow {\r\n      transform: rotate(90deg);\r\n    }\r\n    .thProc-stepNum { font-size: 18px; min-width: 28px; }\r\n    .thProc-stepTitle { font-size: 15px; }\r\n    .thProc-stepDesc { font-size: 13px; }\r\n\r\n    .thProc-stepWrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .thProc-mobilePanel {\r\n      display: block;\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      background: #1A1A1A;\r\n      border-radius: 12px;\r\n      padding: 0 22px;\r\n      color: #FFFFFF;\r\n      transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), padding 0.3s ease, margin-top 0.3s ease;\r\n      position: relative;\r\n      text-align: left; \/* Keeps accordion internals perfectly left aligned *\/\r\n    }\r\n    .thProc-mobilePanel::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -80px;\r\n      right: -80px;\r\n      width: 240px;\r\n      height: 240px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(244, 160, 38, 0.15) 0%, rgba(244, 160, 38, 0) 70%);\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n    }\r\n    .thProc-mobilePanel.thProc-panelOpen {\r\n      max-height: 1400px;\r\n      padding: 28px 22px;\r\n      margin-top: 4px;\r\n      border: 1px solid #2B2B2B;\r\n    }\r\n    .thProc-mobilePanel.thProc-panelOpen::before {\r\n      opacity: 1;\r\n    }\r\n    .thProc-mobilePanel > * { position: relative; z-index: 1; }\r\n\r\n    .thProc-mobilePanelTop {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n    .thProc-mobileIcon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border: 1.5px solid #F4A026;\r\n      border-radius: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      color: #F4A026;\r\n      flex-shrink: 0;\r\n      background: rgba(244, 160, 38, 0.06);\r\n    }\r\n    .thProc-mobileIcon svg { width: 24px; height: 24px; }\r\n    .thProc-mobileMeta {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n      color: #F4A026;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      margin: 0 0 4px 0;\r\n    }\r\n    .thProc-mobileMeta::before { content: '\u2014 '; }\r\n    .thProc-mobileTitle {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 19px;\r\n      font-weight: 700;\r\n      color: #FFFFFF;\r\n      margin: 0;\r\n      line-height: 1.2;\r\n      letter-spacing: -0.01em;\r\n    }\r\n    .thProc-mobileDivider {\r\n      height: 1px;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      margin: 0 0 20px 0;\r\n    }\r\n    .thProc-mobileBody {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 1.6;\r\n      color: #D1D5DB;\r\n      margin: 0 0 24px 0;\r\n    }\r\n    .thProc-mobileListLabel {\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: #9CA3AF;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      margin: 0 0 14px 0;\r\n    }\r\n    .thProc-mobileListLabel::before { content: '\u2014 '; }\r\n\r\n    .thProc-mobileChecklist {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n    }\r\n    .thProc-mobileCheckItem {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      padding: 10px 0;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 1.55;\r\n    }\r\n    .thProc-mobileCheckNum {\r\n      color: #F4A026;\r\n      font-weight: 700;\r\n      font-size: 13px;\r\n      width: 32px;\r\n      min-width: 32px;\r\n      flex-shrink: 0;\r\n      letter-spacing: 0.02em;\r\n      padding-right: 12px;\r\n      box-sizing: border-box;\r\n    }\r\n    .thProc-mobileCheckText {\r\n      flex: 1;\r\n      color: #FFFFFF;\r\n    }\r\n    \r\n    \/* Footer Button Wrapper - LEFT-ALIGNED ON MOBILE *\/\r\n    .thProc-btn-container {\r\n      margin-top: 40px;\r\n      justify-content: center !important; \/* Shims CTA button box to the start *\/\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"thProc-wrap\" id=\"thProc-root\">\r\n  <div class=\"thProc-container\">\r\n\r\n    <div class=\"thProc-hero-header\">\r\n      <div class=\"thProc-eyebrow\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-settings-icon lucide-settings\"><path d=\"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n        Na\u0161 proces\r\n      <\/div>\r\n      <h2 class=\"thProc-main-title\">Jednostavan proces od prvog dogovora do sigurne isporuke<\/h2>\r\n      <p class=\"thProc-main-subtitle\">Svaki prijevoz organiziramo jasno i odgovorno \u2013 od po\u010detnog upita i planiranja rute do preuzimanja robe, pra\u0107enja transporta i isporuke u dogovorenom roku.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"thProc-grid\">\r\n\r\n      <div class=\"thProc-list\" id=\"thProc-list\">\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step thProc-stepActive\" data-idx=\"0\">\r\n            <span class=\"thProc-stepNum\">01<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Upit i prikupljanje podataka<\/h3>\r\n              <p class=\"thProc-stepDesc\">\u0160aljete osnovne informacije o teretu.<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"0\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step\" data-idx=\"1\">\r\n            <span class=\"thProc-stepNum\">02<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Ponuda i potvrda<\/h3>\r\n              <p class=\"thProc-stepDesc\">Javljamo se u najkra\u0107em roku s prijedlogom rje\u0161enja.<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"1\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step\" data-idx=\"2\">\r\n            <span class=\"thProc-stepNum\">03<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Dokumentacija i priprema<\/h3>\r\n              <p class=\"thProc-stepDesc\">Pripremamo papire, a vi teret<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"2\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step\" data-idx=\"3\">\r\n            <span class=\"thProc-stepNum\">04<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Utovar i transport<\/h3>\r\n              <p class=\"thProc-stepDesc\">Vozilo dolazi u dogovoreno vrijeme.<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"3\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step\" data-idx=\"4\">\r\n            <span class=\"thProc-stepNum\">05<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Istovar i potvrda primitka<\/h3>\r\n              <p class=\"thProc-stepDesc\">Predaja tereta uz potpisanu dokumentaciju.<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"4\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-stepWrap\">\r\n          <div class=\"thProc-step\" data-idx=\"5\">\r\n            <span class=\"thProc-stepNum\">06<\/span>\r\n            <div class=\"thProc-stepText\">\r\n              <h3 class=\"thProc-stepTitle\">Ra\u010dun i arhiva<\/h3>\r\n              <p class=\"thProc-stepDesc\">Ra\u010dun sti\u017ee s kompletnom dokumentacijom.<\/p>\r\n            <\/div>\r\n            <span class=\"thProc-stepArrow\">\u2192<\/span>\r\n          <\/div>\r\n          <div class=\"thProc-mobilePanel\" data-panel=\"5\"><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"thProc-detail\" id=\"thProc-detail\">\r\n        <div class=\"thProc-detailTop\">\r\n          <div class=\"thProc-icon\" id=\"thProc-icon\"><\/div>\r\n          <div>\r\n            <p class=\"thProc-detailMeta\" id=\"thProc-meta\">Korak 01<\/p>\r\n            <h3 class=\"thProc-detailTitle\" id=\"thProc-title\">Upit i prikupljanje podataka<\/h3>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"thProc-divider\"><\/div>\r\n\r\n        <p class=\"thProc-detailBody\" id=\"thProc-body\">Kontaktirate nas putem obrasca, e-maila ili telefona. Od vas trebamo nekoliko klju\u010dnih podataka kako bismo pripremili to\u010dnu ponudu.<\/p>\r\n\r\n        <p class=\"thProc-listLabel\">\u0160to vam treba \/ \u0161to dobivate<\/p>\r\n        <ul class=\"thProc-checklist\" id=\"thProc-checklist\"><\/ul>\r\n\r\n        <div class=\"thProc-progressTrack\">\r\n          <div class=\"thProc-progressSeg thProc-progressActive\"><\/div>\r\n          <div class=\"thProc-progressSeg\"><\/div>\r\n          <div class=\"thProc-progressSeg\"><\/div>\r\n          <div class=\"thProc-progressSeg\"><\/div>\r\n          <div class=\"thProc-progressSeg\"><\/div>\r\n          <div class=\"thProc-progressSeg\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"thProc-btn-container\">\r\n      <a href=\"#kontakt\" class=\"buttonorange\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-messages-square-icon lucide-messages-square\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"\/><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"\/><\/svg>\r\n        Kontaktirajte nas!\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var STICKY_OFFSET_DESKTOP = 100;\r\n  var STICKY_OFFSET_MOBILE = 90;\r\n  var GAP_BELOW_NAV = 20;\r\n\r\n  var ICONS = {\r\n    doc: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"\/><line x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\"\/><\/svg>',\r\n    calc: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"11\" x2=\"8\" y2=\"11\"\/><line x1=\"12\" y1=\"11\" x2=\"12\" y2=\"11\"\/><line x1=\"16\" y1=\"11\" x2=\"16\" y2=\"11\"\/><line x1=\"8\" y1=\"15\" x2=\"8\" y2=\"15\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"15\"\/><line x1=\"16\" y1=\"15\" x2=\"16\" y2=\"15\"\/><line x1=\"8\" y1=\"19\" x2=\"16\" y2=\"19\"\/><\/svg>',\r\n    docCheck: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><polyline points=\"9 15 11 17 15 13\"\/><\/svg>',\r\n    truck: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"6\" width=\"13\" height=\"11\"\/><polygon points=\"14 9 20 9 23 13 23 17 14 17\"\/><circle cx=\"6\" cy=\"19\" r=\"2\"\/><circle cx=\"18\" cy=\"19\" r=\"2\"\/><\/svg>',\r\n    box: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>',\r\n    archive: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"\/><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"\/><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"\/><\/svg>'\r\n  };\r\n\r\n  var steps = [\r\n    {\r\n      icon: ICONS.doc,\r\n      meta: 'Korak 01',\r\n      title: 'Upit i prikupljanje podataka',\r\n      body: 'Kontaktirate nas putem obrasca, e-maila ili telefona. Od vas trebamo nekoliko klju\u010dnih podataka kako bismo pripremili to\u010dnu ponudu.',\r\n      list: [\r\n        'Vrsta i opis robe (paleta, sanduci, rasuti teret)',\r\n        'Te\u017eina i dimenzije po\u0161iljke',\r\n        'Adresa utovara i istovara',\r\n        '\u017deljeni datum preuzimanja',\r\n        'Posebni zahtjevi (ADR, temperatura, hitno)'\r\n      ]\r\n    },\r\n    {\r\n      icon: ICONS.calc,\r\n      meta: 'Korak 02',\r\n      title: 'Ponuda i potvrda',\r\n      body: 'Na temelju va\u0161ih podataka pripremamo pisanu ponudu s to\u010dnom cijenom, rokom isporuke i uvjetima pla\u0107anja.',\r\n      list: [\r\n        'Pisana ponuda na e-mail',\r\n        'Fiksna cijena bez naknadnih dodataka',\r\n        'Predlo\u017eeni termin utovara i istovara',\r\n        'Uvjeti pla\u0107anja (avans, virmanski, odgoda)',\r\n        'Vrijedi 14 dana od izdavanja'\r\n      ]\r\n    },\r\n    {\r\n      icon: ICONS.docCheck,\r\n      meta: 'Korak 03',\r\n      title: 'Dokumentacija i priprema',\r\n      body: 'Nakon potvrde ponude pokre\u0107emo administrativnu pripremu. Za me\u0111unarodni prijevoz osiguravamo CMR i carinske dokumente. Vi pripremite teret i otpremnicu.',\r\n      list: [\r\n        'CMR teretni list (me\u0111unarodno)',\r\n        'Otpremnica \/ dostavnica (va\u0161a)',\r\n        'Ra\u010dun ili pro-forma za carinu',\r\n        'Certifikati o porijeklu (po potrebi)',\r\n        'Polica osiguranja tereta'\r\n      ]\r\n    },\r\n    {\r\n      icon: ICONS.truck,\r\n      meta: 'Korak 04',\r\n      title: 'Utovar i transport',\r\n      body: 'Na\u0161 voza\u010d dolazi na lokaciju utovara u potvr\u0111enom terminu. Tijekom transporta po\u0161iljka je pra\u0107ena GPS-om, a vi imate izravan kontakt s dispe\u010derom 24\/7.',\r\n      list: [\r\n        'Dolazak vozila u +\/\u2013 30 min od termina',\r\n        'GPS pra\u0107enje u realnom vremenu',\r\n        'Direktan kontakt s dispe\u010derom',\r\n        'Tahograf i evidencija vo\u017enje',\r\n        'Polica osiguranja tijekom cijelog puta'\r\n      ]\r\n    },\r\n    {\r\n      icon: ICONS.box,\r\n      meta: 'Korak 05',\r\n      title: 'Istovar i potvrda primitka',\r\n      body: 'Voza\u010d predaje teret na adresi istovara, primatelj potpisuje CMR \/ otpremnicu. Originalna dokumentacija dostavlja vam se skenirana putem e-maila u najkra\u0107em roku.',\r\n      list: [\r\n        'Potpisani CMR \/ otpremnica',\r\n        'Skenirana dokumentacija na e-mail',\r\n        'Potvrda primitka bez o\u0161te\u0107enja',\r\n        'Zapisnik o eventualnim primjedbama',\r\n        'Originali po\u0161tom u roku 5 dana'\r\n      ]\r\n    },\r\n    {\r\n      icon: ICONS.archive,\r\n      meta: 'Korak 06',\r\n      title: 'Ra\u010dun i arhiva',\r\n      body: 'Izdajemo ra\u010dun prema dogovorenim uvjetima pla\u0107anja. Sva dokumentacija ostaje arhivirana 11 godina prema zakonu i dostupna je na zahtjev u svakom trenutku.',\r\n      list: [\r\n        'Ra\u010dun (e-Ra\u010dun ili PDF)',\r\n        'Prilo\u017een CMR i otpremnica',\r\n        'Specifikacija usluge',\r\n        'Arhiva dostupna 11 godina',\r\n        'Podr\u0161ka kod knjigovodstvenih upita'\r\n      ]\r\n    }\r\n  ];\r\n\r\n  var root = document.getElementById('thProc-root');\r\n  if (!root) return;\r\n\r\n  var stepEls = root.querySelectorAll('.thProc-step');\r\n  var iconEl = document.getElementById('thProc-icon');\r\n  var metaEl = document.getElementById('thProc-meta');\r\n  var titleEl = document.getElementById('thProc-title');\r\n  var bodyEl = document.getElementById('thProc-body');\r\n  var checklistEl = document.getElementById('thProc-checklist');\r\n  var progressEls = root.querySelectorAll('.thProc-progressSeg');\r\n  var mobilePanels = root.querySelectorAll('.thProc-mobilePanel');\r\n\r\n  function isMobile() {\r\n    return window.innerWidth <= 900;\r\n  }\r\n\r\n  function detectNavHeight() {\r\n    var probes = [8, 26, 48];\r\n    var found = 0;\r\n    for (var i = 0; i < probes.length; i++) {\r\n      var el = document.elementFromPoint(Math.round(window.innerWidth \/ 2), probes[i]);\r\n      var guard = 0;\r\n      while (el && el !== document.body && guard < 14) {\r\n        var pos = window.getComputedStyle(el).position;\r\n        if (pos === 'fixed' || pos === 'sticky') {\r\n          var r = el.getBoundingClientRect();\r\n          if (r.top <= 2 && r.height > 0 && r.height < window.innerHeight * 0.4 && r.height > found) {\r\n            found = r.height;\r\n          }\r\n          break;\r\n        }\r\n        el = el.parentElement;\r\n        guard++;\r\n      }\r\n    }\r\n    return found;\r\n  }\r\n\r\n  function navOffset() {\r\n    var detected = detectNavHeight();\r\n    if (detected > 0) return detected;\r\n    return isMobile() ? STICKY_OFFSET_MOBILE : STICKY_OFFSET_DESKTOP;\r\n  }\r\n\r\n  function buildDesktopChecklist(items) {\r\n    var html = '';\r\n    for (var j = 0; j < items.length; j++) {\r\n      var num = (j + 1 < 10) ? '0' + (j + 1) : String(j + 1);\r\n      html += '<li class=\"thProc-checkItem\">';\r\n      html += '<span class=\"thProc-checkNum\">' + num + '<\/span>';\r\n      html += '<span class=\"thProc-checkText\">' + items[j] + '<\/span>';\r\n      html += '<\/li>';\r\n    }\r\n    return html;\r\n  }\r\n\r\n  function buildMobileChecklist(items) {\r\n    var html = '';\r\n    for (var j = 0; j < items.length; j++) {\r\n      var num = (j + 1 < 10) ? '0' + (j + 1) : String(j + 1);\r\n      html += '<li class=\"thProc-mobileCheckItem\">';\r\n      html += '<span class=\"thProc-mobileCheckNum\">' + num + '<\/span>';\r\n      html += '<span class=\"thProc-mobileCheckText\">' + items[j] + '<\/span>';\r\n      html += '<\/li>';\r\n    }\r\n    return html;\r\n  }\r\n\r\n  function populateMobilePanels() {\r\n    for (var i = 0; i < mobilePanels.length; i++) {\r\n      var step = steps[i];\r\n      if (!step) continue;\r\n      var html = '';\r\n      html += '<div class=\"thProc-mobilePanelTop\">';\r\n      html += '  <div class=\"thProc-mobileIcon\">' + step.icon + '<\/div>';\r\n      html += '  <div>';\r\n      html += '    <p class=\"thProc-mobileMeta\">' + step.meta + '<\/p>';\r\n      html += '    <h3 class=\"thProc-mobileTitle\">' + step.title + '<\/h3>';\r\n      html += '  <\/div>';\r\n      html += '<\/div>';\r\n      html += '<div class=\"thProc-mobileDivider\"><\/div>';\r\n      html += '<p class=\"thProc-mobileBody\">' + step.body + '<\/p>';\r\n      html += '<p class=\"thProc-mobileListLabel\">\u0160to vam treba \/ \u0161to dobivate<\/p>';\r\n      html += '<ul class=\"thProc-mobileChecklist\">' + buildMobileChecklist(step.list) + '<\/ul>';\r\n      mobilePanels[i].innerHTML = html;\r\n    }\r\n  }\r\n\r\n  function setStep(idx, scrollTo) {\r\n    var step = steps[idx];\r\n    if (!step) return;\r\n\r\n    for (var i = 0; i < stepEls.length; i++) {\r\n      if (i === idx) {\r\n        stepEls[i].classList.add('thProc-stepActive');\r\n      } else {\r\n        stepEls[i].classList.remove('thProc-stepActive');\r\n      }\r\n    }\r\n\r\n    if (isMobile()) {\r\n      var openIdx = -1;\r\n      for (var oi = 0; oi < mobilePanels.length; oi++) {\r\n        if (mobilePanels[oi].classList.contains('thProc-panelOpen')) { openIdx = oi; break; }\r\n      }\r\n      var collapseAbove = 0;\r\n      if (openIdx !== -1 && openIdx < idx) {\r\n        collapseAbove = mobilePanels[openIdx].getBoundingClientRect().height + 4;\r\n      }\r\n      var stepTop = stepEls[idx].getBoundingClientRect().top + window.pageYOffset;\r\n\r\n      for (var p = 0; p < mobilePanels.length; p++) {\r\n        if (p === idx) {\r\n          mobilePanels[p].classList.add('thProc-panelOpen');\r\n        } else {\r\n          mobilePanels[p].classList.remove('thProc-panelOpen');\r\n        }\r\n      }\r\n\r\n      if (scrollTo) {\r\n        var target = stepTop - navOffset() - GAP_BELOW_NAV - collapseAbove;\r\n        if (target < 0) target = 0;\r\n        window.scrollTo({ top: target, behavior: 'smooth' });\r\n      }\r\n    } else {\r\n      iconEl.innerHTML = step.icon;\r\n      metaEl.textContent = step.meta;\r\n      titleEl.textContent = step.title;\r\n      bodyEl.textContent = step.body;\r\n      checklistEl.innerHTML = buildDesktopChecklist(step.list);\r\n\r\n      for (var k = 0; k < progressEls.length; k++) {\r\n        if (k === idx) {\r\n          progressEls[k].classList.add('thProc-progressActive');\r\n        } else {\r\n          progressEls[k].classList.remove('thProc-progressActive');\r\n        }\r\n      }\r\n      for (var q = 0; q < mobilePanels.length; q++) {\r\n        mobilePanels[q].classList.remove('thProc-panelOpen');\r\n      }\r\n    }\r\n  }\r\n\r\n  for (var i = 0; i < stepEls.length; i++) {\r\n    (function(idx) {\r\n      stepEls[idx].addEventListener('click', function() {\r\n        if (isMobile()) {\r\n          var alreadyOpen = mobilePanels[idx].classList.contains('thProc-panelOpen');\r\n          if (alreadyOpen) {\r\n            mobilePanels[idx].classList.remove('thProc-panelOpen');\r\n            stepEls[idx].classList.remove('thProc-stepActive');\r\n            return;\r\n          }\r\n          setStep(idx, true);\r\n        } else {\r\n          setStep(idx, false);\r\n        }\r\n      });\r\n    })(i);\r\n  }\r\n\r\n  var lastWidth = window.innerWidth;\r\n  var resizeTimer = null;\r\n  window.addEventListener('resize', function() {\r\n    if (window.innerWidth === lastWidth) return;\r\n    lastWidth = window.innerWidth;\r\n    if (resizeTimer) clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function() {\r\n      if (isMobile()) {\r\n        for (var q = 0; q < mobilePanels.length; q++) {\r\n          mobilePanels[q].classList.remove('thProc-panelOpen');\r\n        }\r\n        for (var s = 0; s < stepEls.length; s++) {\r\n          stepEls[s].classList.remove('thProc-stepActive');\r\n        }\r\n      } else {\r\n        setStep(0, false);\r\n      }\r\n    }, 200);\r\n  });\r\n\r\n  populateMobilePanels();\r\n  if (isMobile()) {\r\n    for (var q = 0; q < mobilePanels.length; q++) {\r\n      mobilePanels[q].classList.remove('thProc-panelOpen');\r\n    }\r\n    for (var s = 0; s < stepEls.length; s++) {\r\n      stepEls[s].classList.remove('thProc-stepActive');\r\n    }\r\n  } else {\r\n    setStep(0, false);\r\n  }\r\n})();\r\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c30462e\" id=\"o-nama\" data-block-id=\"c30462e\"><style>.stk-c30462e {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c30462e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ab95083\" data-v=\"4\" data-block-id=\"ab95083\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ab95083-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ab95083-inner-blocks\">\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n  \/* ===== SECTION CONTAINER ===== *\/\n  .thWhy-wrap {\n    width: 100%;\n    background-color: #f2f5f9 !important; \/* Elegant light backdrop matching the site profile *\/\n    padding: 90px 0;\n    font-family: 'Montserrat', sans-serif !important;\n    box-sizing: border-box;\n  }\n  \n  .thWhy-container {\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 0 24px;\n    box-sizing: border-box;\n  }\n\n  \/* ===== HERO HEADER (CENTERED ON PC) ===== *\/\n  .thWhy-hero-header {\n    text-align: center;\n    max-width: 950px;\n    margin: 0 auto 65px auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  \/* Top Pill Badge *\/\n  .thWhy-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background-color: rgba(13, 13, 13, 0.05);\n    border: 1px solid rgba(13, 13, 13, 0.1);\n    border-radius: 999px;\n    color: #4a5568;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 25px;\n  }\n\n  .thWhy-eyebrow svg {\n    width: 16px;\n    height: 16px;\n    stroke: currentColor;\n    display: block;\n  }\n\n  .thWhy-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 42px;\n    font-weight: 800;\n    line-height: 1.25;\n    letter-spacing: -0.01em;\n    color: #0e2a4a; \/* Primary brand dark blue *\/\n    margin: 0 0 20px 0;\n  }\n\n  .thWhy-subtitle {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.65;\n    color: #4a5568;\n    margin: 0;\n    max-width: 850px;\n  }\n\n  \/* ===== 4-COLUMN RESPONSIVE GRID ===== *\/\n  .thWhy-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    align-items: stretch;\n  }\n\n  \/* ===== CARD ENGINE ===== *\/\n  .thWhy-card {\n    border-radius: 24px;\n    padding: 45px 35px;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 30px rgba(13, 13, 13, 0.03);\n    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n    box-sizing: border-box;\n  }\n\n  \/* ===== BULLETPROOF HOVER ===== *\/\n  .thWhy-grid .thWhy-card.card-white:hover {\n    background-color: #FFFFFF !important;\n    color: #0d0d0d !important;        \n    transform: translateY(-10px) !important;\n    box-shadow: 0 20px 40px rgba(14, 42, 74, 0.12) !important;\n  }\n\n  .thWhy-grid .thWhy-card.card-blue:hover {\n    background-color: #0e2a4a !important;  \n    color: #FFFFFF !important;            \n    transform: translateY(-10px) !important;\n    box-shadow: 0 20px 40px rgba(14, 42, 74, 0.12) !important;\n  }\n\n  \/* Card Type 1: Crisp White Cards *\/\n  .thWhy-card.card-white {\n    background-color: #FFFFFF !important;\n    color: #0d0d0d !important;\n  }\n\n  \/* Card Type 2: Deep Blue Brand Cards *\/\n  .thWhy-card.card-blue {\n    background-color: #0e2a4a !important; \n    color: #FFFFFF !important;\n  }\n\n  \/* Card Header Icons Wrapper *\/\n  .thWhy-cardIcon {\n    height: 60px;\n    margin-bottom: 30px;\n    display: flex;\n    align-items: center; \/* Fixed invalid property 'left' to 'center' *\/\n    justify-content: flex-start;\n  }\n\n  .thWhy-cardIcon svg {\n    height: 100%;\n    width: auto;\n    display: block;\n  }\n\n  \/* Clean stroke override alignment normalization for vector paths *\/\n  .thWhy-cardIcon svg[viewBox=\"0 0 24 24\"] {\n    width: 60px;\n    height: 60px;\n  }\n\n  .thWhy-cardTitle {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0 0 18px 0;\n  }\n  \n  .thWhy-card.card-white .thWhy-cardTitle { color: #000000; }\n  .thWhy-card.card-blue .thWhy-cardTitle { color: #FFFFFF; }\n\n  .thWhy-cardDesc {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0 0 35px 0;\n    flex-grow: 1; \/* Pushes wave graphics cleanly to the baseline *\/\n  }\n\n  .thWhy-card.card-white .thWhy-cardDesc { color: #4a5568; }\n  .thWhy-card.card-blue .thWhy-cardDesc { color: #cbd5e0; }\n\n  \/* ===== BASELINE ZIG-ZAG WAVE GRAPHIC ===== *\/\n  .thWhy-cardWave {\n    width: 55px;\n    height: auto;\n    display: block;\n    margin-top: auto;\n  }\n\n  \/* Dynamic color tints mapping down into embedded path elements *\/\n  .thWhy-card.card-white .thWhy-cardWave path {\n    fill: #0e2a4a !important; \/* Blue wave graphics on white cards *\/\n  }\n\n  .thWhy-card.card-blue .thWhy-cardWave path {\n    fill: #FFFFFF !important; \/* Solid white wave graphics on blue cards *\/\n  }\n\n  \/* ===== RESPONSIVE LAYOUT RESPONDERS ===== *\/\n  @media (max-width: 1200px) {\n    .thWhy-grid {\n      grid-template-columns: repeat(2, 1fr); \/* 2x2 structure format on tablets *\/\n      gap: 25px;\n    }\n    .thWhy-title { font-size: 36px; }\n  }\n\n  @media (max-width:690px) {\n    .thWhy-wrap { \n      padding: 60px 0; \n    }\n\n    \/* Target the header wrapper to shift everything left on mobile *\/\n    .thWhy-hero-header {\n      text-align: left;\n      align-items: flex-start;\n      margin: 0 0 45px 0; \/* Removes centered auto margin logic *\/\n    }\n\n    .thWhy-title { \n      font-size: 26px; \n    }\n\n    .thWhy-subtitle { \n      font-size: 15px; \n    }\n    \n    .thWhy-grid {\n      grid-template-columns: 1fr; \/* Stacks to a singular uniform column on smartphones *\/\n      gap: 20px;\n    }\n    \n    .thWhy-card {\n      padding: 40px 30px;\n    }\n  }\n<\/style>\n\n<section class=\"thWhy-wrap\">\n  <div class=\"thWhy-container\">\n\n    <div class=\"thWhy-hero-header\">\n      <div class=\"thWhy-eyebrow\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-user-search-icon lucide-user-search\"><circle cx=\"10\" cy=\"7\" r=\"4\"><\/circle><path d=\"M10.3 15H7a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"17\" cy=\"17\" r=\"3\"><\/circle><path d=\"m21 21-1.9-1.9\"><\/path><\/svg>\n        Za\u0161to odabrati Interlog\n      <\/div>\n      <h2 class=\"thWhy-title\">Transport koji se temelji na iskustvu, odgovornosti i povjerenju<\/h2>\n      <p class=\"thWhy-subtitle\">S dugogodi\u0161njim iskustvom, modernom flotom i odgovornim pristupom svakom prijevozu, Interlog osigurava pouzdan transport robe kroz Hrvatsku i Europu.<\/p>\n    <\/div>\n\n    <div class=\"thWhy-grid\">\n\n      <div class=\"thWhy-card card-white\">\n        <div class=\"thWhy-cardIcon\">\n          <svg fill=\"#0e2a4a\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\" xml:space=\"preserve\"><g id=\"SVGRepo_iconCarrier\"><path d=\"M72.836,323.871l-20.463-20.464c-20.049-20.049-32.714-46.622-35.659-74.823c-0.48-4.603-4.605-7.944-9.205-7.463 c-4.603,0.482-7.944,4.602-7.463,9.205c3.344,32.01,17.72,62.173,40.478,84.931l20.463,20.463 c1.636,1.636,3.781,2.455,5.925,2.455c2.144,0,4.289-0.818,5.925-2.455C76.109,332.448,76.109,327.143,72.836,323.871z\"><\/path><path d=\"M343.701,195.968c-3.275-3.272-8.579-3.271-11.851,0.002l-35.628,35.642c-3.271,3.273-3.27,8.578,0.002,11.85 c1.637,1.636,3.781,2.453,5.925,2.453c2.144,0,4.289-0.819,5.926-2.456l35.628-35.642 C346.975,204.544,346.974,199.239,343.701,195.968z\"><\/path><path d=\"M368.787,230.815c-3.275-3.274-8.581-3.272-11.85,0.001l-58.121,58.134c-3.272,3.272-3.272,8.578,0.001,11.85 c1.637,1.636,3.78,2.453,5.924,2.453c2.145,0,4.29-0.818,5.926-2.455l58.121-58.134 C372.061,239.392,372.061,234.086,368.787,230.815z\"><\/path><path d=\"M504.491,165.691c-4.601-0.486-8.725,2.86-9.204,7.463c-2.948,28.202-15.612,54.775-35.662,74.824L357.566,350.036 c-2.419,2.419-5.634,3.751-9.055,3.751c-3.421,0-6.635-1.332-9.055-3.752c-2.419-2.419-3.751-5.634-3.751-9.055 c0-3.421,1.332-6.637,3.751-9.055c0.016-0.016,0.028-0.032,0.042-0.047l65.523-65.523c3.272-3.272,3.272-8.578,0-11.85 c-3.274-3.272-8.578-3.272-11.851,0l-77.064,77.064c-1.419-4.063-3.748-7.876-6.99-11.118L270.1,281.436l20.098-20.098 c3.272-3.272,3.272-8.578,0-11.85c-3.272-3.271-8.577-3.274-11.851,0l-20.097,20.097l-64.165-64.164 c-0.163-0.163-0.5-0.5-0.23-1.155c0.27-0.654,0.749-0.655,0.978-0.655l35.989-0.057c17.219-0.027,31.206-14.058,31.178-31.278 c-0.027-17.199-14.033-31.178-31.227-31.178c-0.01,0-0.021,0-0.03,0L90.539,141.23c-4.629,0.004-8.376,3.76-8.372,8.387 c0.004,4.625,3.755,8.372,8.379,8.372c0.002,0,0.006,0,0.008,0l140.204-0.132c0.005,0,0.009,0,0.013,0 c7.966,0,14.456,6.478,14.47,14.446c0.012,7.978-6.469,14.48-14.446,14.492l-35.988,0.057c-7.226,0.011-13.68,4.334-16.44,11.013 c-2.761,6.679-1.242,14.296,3.868,19.407l115.03,115.03c4.98,4.98,4.991,13.07,0.041,18.067l-0.044,0.044 c-0.008,0.008-0.013,0.016-0.021,0.023c-2.417,2.405-5.622,3.731-9.033,3.731c-3.421,0-6.636-1.332-9.055-3.751l-99.01-99.01 c-3.272-3.274-8.578-3.272-11.85,0c-3.272,3.272-3.272,8.578,0,11.85l117.875,117.876c4.994,4.993,4.994,13.119,0,18.112 c-2.419,2.419-5.634,3.751-9.055,3.751s-6.637-1.332-9.055-3.751l-113-113.001c-3.272-3.272-8.578-3.272-11.85,0 c-3.272,3.272-3.272,8.578,0,11.85l89.642,89.642c4.99,4.994,4.989,13.117-0.004,18.108c-4.994,4.993-13.119,4.993-18.112,0 l-95.909-95.909c-3.271-3.272-8.577-3.272-11.85,0c-3.272,3.272-3.272,8.578,0,11.85l65.571,65.572 c4.992,4.994,4.991,13.118-0.001,18.11c-2.419,2.419-5.635,3.751-9.056,3.751s-6.638-1.332-9.057-3.751L93.869,344.9 c-3.272-3.272-8.578-3.272-11.85,0c-3.272,3.272-3.272,8.578,0,11.85l60.564,60.564c5.584,5.585,13.009,8.66,20.906,8.66 c7.897,0,15.322-3.075,20.906-8.66c3.242-3.242,5.573-7.055,6.991-11.12l11.498,11.498c5.764,5.764,13.336,8.645,20.906,8.645 c7.571,0,15.142-2.883,20.906-8.645c3.242-3.242,5.573-7.057,6.991-11.12l4.52,4.52c5.584,5.584,13.009,8.659,20.906,8.659 c7.898,0,15.323-3.075,20.907-8.66c11.527-11.528,11.527-30.285,0-41.812l-0.015-0.015c4.134-1.447,7.922-3.813,11.111-7.002 c0.029-0.029,0.055-0.059,0.084-0.088l11.402-11.402c1.447,4.134,3.814,7.925,7.003,11.113c5.584,5.585,13.009,8.66,20.906,8.66 c7.898,0,15.323-3.075,20.907-8.66l102.059-102.058c22.757-22.757,37.132-52.92,40.477-84.931 C512.435,170.293,509.094,166.172,504.491,165.691z\"><\/path><path d=\"M449.848,183.017c-1.667-4.316-6.516-6.466-10.835-4.799c-12.948,4.997-26.906,6.003-40.371,2.914 c-4.511-1.036-9.007,1.781-10.042,6.291c-1.035,4.51,1.781,9.007,6.291,10.042c6.348,1.458,12.78,2.183,19.201,2.183 c10.507,0,20.976-1.943,30.956-5.796C449.366,192.185,451.514,187.335,449.848,183.017z\"><\/path><path d=\"M421.459,85.796l-140.484-0.133c-0.01,0-0.019,0-0.028,0c-17.04,0-30.921,13.856-30.948,30.896l-0.001,0.563 c-0.013,8.266,3.193,16.043,9.03,21.897c5.835,5.858,13.602,9.089,21.869,9.101l38.82,0.061l-76.923,76.923 c-3.272,3.272-3.272,8.578,0,11.85c1.636,1.636,3.781,2.455,5.925,2.455s4.289-0.818,5.925-2.455l82.793-82.793 c7.287,12.988,17.743,23.762,30.751,31.53c1.346,0.804,2.827,1.187,4.289,1.187c2.852,0,5.633-1.457,7.202-4.084 c2.372-3.973,1.075-9.118-2.898-11.491c-13.377-7.988-23.421-19.915-29.046-34.489c-0.006-0.016-0.017-0.028-0.022-0.044 c-1.221-3.107-4.24-5.313-7.782-5.318l-59.008-0.093c-3.791-0.006-7.35-1.488-10.027-4.172c-2.676-2.685-4.145-6.25-4.139-10.036 l0.001-0.563c0.012-7.814,6.376-14.167,14.189-14.167c0.004,0,0.009,0,0.013,0l140.484,0.133c0.002,0,0.006,0,0.008,0 c4.624,0,8.375-3.747,8.379-8.372C429.835,89.555,426.087,85.801,421.459,85.796z\"><\/path><\/g><\/svg>\n        <\/div>\n        <h3 class=\"thWhy-cardTitle\">Pouzdan partner<\/h3>\n        <p class=\"thWhy-cardDesc\">Prijevoz robe organiziramo odgovorno, precizno i s jasnim dogovorom od po\u010detka do kraja.<\/p>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"thWhy-cardWave\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.31212 9L1 10.5094L4.77355 13.7897L6.28297 15.1018L7.59509 13.5924L9.13456 11.8214L11.3988 13.7897L12.9082 15.1018L14.2203 13.5924L15.7584 11.823L18.0209 13.7897L19.5303 15.1018L20.8424 13.5924L22.8106 11.3283L21.3012 10.0162L19.333 12.2803L15.5594 9L14.2473 10.5094L14.249 10.5109L12.7109 12.2803L8.93736 9L8.05395 10.0163L6.08567 12.2803L2.31212 9Z\"><\/path><\/g><\/svg>\n      <\/div>\n\n      <div class=\"thWhy-card card-blue\">\n        <div class=\"thWhy-cardIcon\">\n          <svg fill=\"#ffffff\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 222 260\" xml:space=\"preserve\"><g><path d=\"M128.154,116.506l-1.596-3.07l-4.494,4.347l2.186,2.75L128.154,116.506z M114.746,217.752l-0.515-4.003l-5.01,2.185 l1.203,5.919l2.407,1.448L114.746,217.752z M31.942,136.151l6.606-2.505l4.813,0.737l2.947-5.28l0.687-8.447l-6.434-2.382 l-0.957-2.21l4.96-3.389l-4.076-1.744l-3.143,6.115l-4.961-1.915l-2.676,6.507l2.75,2.603l-3.978,4.838l-3.143,0.589l0.712,4.715 L31.942,136.151z M127.589,112.307l3.512,6.753l4.494-1.547l1.056-4.715l4.714-0.418l2.505-6.826l0.246-11.837l3.978-3.683 l2.676-6.63l-6.311-4.838l-1.497-6.237l0.613-5.599l3.119-7.391l6.409-6.385l1.646-4.739l-1.449-2.702l3.438-8.521l4.592-0.565 l4.199,1.769l-0.835,4.984l-5.624,13.015l-3.585,5.501l3.414,10.682l0.024,4.224l9.626,3.462l13.58-7.146l8.226-21.045l-6.974-4.518 l-9.061-21.953l0.884-7.048l-6.065-5.206l0.515-7.563L164.645,2l-3.364,2.038l-1.547,10.583l-7.122,0.713l-3.266-3.708l-2.578,2.21 l-1.179,5.549l-5.157-0.81l-9.11,19.449l0.294,6.163l-2.48,5.746l1.204,4.298l-4.175,0.589l-2.136,5.133l0.908,11.762l2.677,2.554 l-2.161,2.996l1.154,6.433l-2.996,4.273l-1.547,9.135l7.072,13.801L127.589,112.307z M146.694,246.433l-6.606,2.039l-4.223-1.449 l-3.954,3.045l12.941,7.146l3.684,0.786l-0.147-5.059l1.939-5.992L146.694,246.433z M106.544,228.041l1.94,7.71l-0.835,3.659 l6.974,0.786l1.621-10.436l-3.364-5.624L106.544,228.041z M216.139,186.418l3.757-2.971l-0.614-3.904l-6.655,1.965l-2.505-4.568 l-2.186-7.367l-7.048-6.925l-8.005,3.88l-11.738,1.94l-4.224-2.701l1.13-5.206l-0.123-3.438l5.501-8.668l-3.315-5.378l-1.4-13.383 l-2.873-5.402l3.904-0.368l4.224-4.371l2.235-10.559l3.855-1.891l1.645-3.241l-5.697-9.012l0.221-3.413l-3.978-5.402l2.333-5.28 l-8.374,0.025l-7.735,5.034l1.105,4.788l4.027,4.42l1.228,4.592l-2.333,2.456l-5.452-4.985l-3.241,2.087l-1.694,5.623l0.835,5.672 l1.866,5.476l6.876,1.94l0.516,3.954l-17.337,2.406l-2.112-3.143l-7.244,2.849l-1.694,2.136l-8.177,3.192l-7.612-3.61l-5.648,3.512 l-7.539-5.844l0.663-4.568l2.75-3.61l0.074-7.367l-3.978-0.688l-4.813,3.241l1.989,12.327l0.712,7.907l-7.465,4.125l-5.304-1.449 l-5.697,2.898l-4.224,9.896l1.105,1.744l-0.172-0.025l-4.027-0.393l-4.027,1.743l-4.568,1.13l-2.726,6.434l-4.666,1.13l-2.652,2.996 l-4.445-1.793l-2.578,4.715l-5.771,0.81l-1.498-2.996l-7.416,0.368l-1.375,1.915l3.34,4.101l8.497,7.858l0.295,4.199l3.241,2.357 l-3.831,16.305l-3.168,4.297l-1.915,0.417l-26.84-7.711l-3.07-2.259l-9.086,4.125l2.357,5.451l-1.326,2.235l-1.351,7.244 l-2.873,6.016l-6.385,9.381l3.315,3.659l-3.831,9.528l7.195,1.866l2.529-0.712l5.009,3.045l0.933,5.378l4.592,2.308l0.098,0.025 l6.409-3.119l13.997,2.407l3.536-4.273l5.353-1.94l2.726,4.322l4.788-2.357l-2.382-6.336l9.061-10.387l6.262-1.031l7.146-4.494 l0.025-3.512l0.098-5.083l4.789-2.775l9.061,3.266l5.722,0.196l4.666-4.248l3.634-1.105l3.07-3.438l7.391,3.094l3.462,9.061 l13.285,11.517l3.831-0.368l2.308,3.02l3.831,0.958l1.13,3.217l4.15,0.982l4.15,9.724l-2.849,4.101l2.824,2.014l5.378-7.76 l-0.049-3.855l-3.954-1.768l2.48-6.557l5.378-1.547l-11.836-4.739l-0.295-3.855l-5.059,0.467l-6.164-4.617l-2.873-6.851 l-6.974-5.083l0.688-5.402l-1.498-3.634l7.49-1.277l-0.589,0.81l7.244,3.536l1.572,5.599l4.543,3.536l1.203-4.101l-2.898-6.876 l5.918-1.473l11.615,1.522l-1.866-7.441l6.728-2.235l3.34,4.15l4.199,1.964v2.726l5.992,1.154l1.449,1.793l-1.277,3.438l4.199,3.88 l-2.136,2.873l-0.172,4.273l3.143,1.719l1.326,4.96l-10.044,5.427l-3.659,10.608l5.451,5.574l4.125,2.431l-1.842,3.831l2.873,1.67 l2.578,5.427l7.883-1.179l-0.982-9.086l3.806-3.168l-4.199-1.94l-4.224-7.932l-2.038-1.793l7.269-3.782l0.54-2.849l4.789-3.143 l6.507,0.417l-0.491-7.195l4.469-4.003l2.21-5.329l-0.54-3.315l2.259-5.108L216.139,186.418z M117.055,186.049l-11.075,3.119 l-4.199-0.246l-1.081-3.659l-3.291-1.547l7.711-6.999l5.132-1.449l5.574,1.915l-0.54,3.266l4.273,1.793L117.055,186.049z\"><\/path><\/g><\/svg>\n        <\/div>\n        <h3 class=\"thWhy-cardTitle\">Prijevoz kroz Europu<\/h3>\n        <p class=\"thWhy-cardDesc\">Povezujemo Hrvatsku s europskim tr\u017ei\u0161tem i osiguravamo transport robe prema dogovorenim rutama.<\/p>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"thWhy-cardWave\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.31212 9L1 10.5094L4.77355 13.7897L6.28297 15.1018L7.59509 13.5924L9.13456 11.8214L11.3988 13.7897L12.9082 15.1018L14.2203 13.5924L15.7584 11.823L18.0209 13.7897L19.5303 15.1018L20.8424 13.5924L22.8106 11.3283L21.3012 10.0162L19.333 12.2803L15.5594 9L14.2473 10.5094L14.249 10.5109L12.7109 12.2803L8.93736 9L8.05395 10.0163L6.08567 12.2803L2.31212 9Z\"><\/path><\/g><\/svg>\n      <\/div>\n\n      <div class=\"thWhy-card card-white\">\n        <div class=\"thWhy-cardIcon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke=\"#0e2a4a\"><g><path d=\"M9 12L11 14L15 9.99999M20 12C20 16.4611 14.54 19.6937 12.6414 20.683C12.4361 20.79 12.3334 20.8435 12.191 20.8712C12.08 20.8928 11.92 20.8928 11.809 20.8712C11.6666 20.8435 11.5639 20.79 11.3586 20.683C9.45996 19.6937 4 16.4611 4 12V8.21759C4 7.41808 4 7.01833 4.13076 6.6747C4.24627 6.37113 4.43398 6.10027 4.67766 5.88552C4.9535 5.64243 5.3278 5.50207 6.0764 5.22134L11.4382 3.21067C11.6461 3.13271 11.75 3.09373 11.857 3.07827C11.9518 3.06457 12.0482 3.06457 12.143 3.07827C12.25 3.09373 12.3539 3.13271 12.5618 3.21067L17.9236 5.22134C18.6722 5.50207 19.0465 5.64243 19.3223 5.88552C19.566 6.10027 19.7537 6.37113 19.8692 6.6747C20 7.01833 20 7.41808 20 8.21759V12Z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/g><\/svg>\n        <\/div>\n        <h3 class=\"thWhy-cardTitle\">Sigurna isporuka robe<\/h3>\n        <p class=\"thWhy-cardDesc\">Va\u0161 teret prevozimo pa\u017eljivo i profesionalno, s fokusom na sigurnost, urednost i to\u010dnost isporuke.<\/p>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"thWhy-cardWave\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.31212 9L1 10.5094L4.77355 13.7897L6.28297 15.1018L7.59509 13.5924L9.13456 11.8214L11.3988 13.7897L12.9082 15.1018L14.2203 13.5924L15.7584 11.823L18.0209 13.7897L19.5303 15.1018L20.8424 13.5924L22.8106 11.3283L21.3012 10.0162L19.333 12.2803L15.5594 9L14.2473 10.5094L14.249 10.5109L12.7109 12.2803L8.93736 9L8.05395 10.0163L6.08567 12.2803L2.31212 9Z\"><\/path><\/g><\/svg>\n      <\/div>\n\n      <div class=\"thWhy-card card-blue\">\n        <div class=\"thWhy-cardIcon\">\n          <svg fill=\"#ffffff\" version=\"1.1\" id=\"Layer_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\" xml:space=\"preserve\"><g><path d=\"M490.175,215.984c-7.815-47.427-29.172-91.284-61.76-126.832c-33.393-36.427-76.56-61.724-124.835-73.158 c-64.109-15.182-130.292-4.491-186.358,30.104C61.156,80.692,21.917,135.05,6.733,199.157 C-8.45,263.264,2.241,329.448,36.835,385.515c34.595,56.066,88.952,95.306,153.06,110.49c19.028,4.506,38.229,6.734,57.304,6.732 c45.191-0.001,89.629-12.508,129.054-36.835c4.021-2.481,5.269-7.752,2.788-11.773c-2.481-4.021-7.751-5.27-11.774-2.789 c-52.178,32.195-113.767,42.144-173.429,28.014C70.68,450.185-5.785,326.258,23.384,203.101S176.481,3.477,299.637,32.646 c44.926,10.641,85.095,34.178,116.165,68.069c30.336,33.092,50.216,73.913,57.489,118.051c0.768,4.663,5.178,7.815,9.833,7.051 C487.786,225.048,490.943,220.646,490.175,215.984z\"><\/path><path d=\"M511.64,308.302c-0.877-2.927-3.25-5.165-6.224-5.87l-15.756-3.731c2.877-16.3,4.117-32.838,3.689-49.277 c-0.122-4.724-4.043-8.449-8.774-8.331c-4.724,0.123-8.453,4.052-8.331,8.774c0.465,17.869-1.189,35.868-4.915,53.495 c-0.961,4.544,1.879,9.024,6.398,10.094l9.325,2.21l-44.886,47.592l-18.773-62.669l9.158,2.169 c2.252,0.535,4.622,0.132,6.574-1.112c1.95-1.245,3.314-3.226,3.779-5.493c10.498-51.149,0.811-103.611-27.276-147.722 c-28.146-44.205-71.737-75.203-122.744-87.284c-107.442-25.444-215.552,41.263-241,148.704 c-7.985,33.717-7.104,69.02,2.548,102.093c9.358,32.061,26.749,61.546,50.293,85.268c1.672,1.685,3.873,2.528,6.072,2.528 c2.179,0,4.359-0.827,6.028-2.483c3.353-3.329,3.374-8.746,0.046-12.1c-44.953-45.29-63.024-109.35-48.337-171.362 c23.272-98.26,122.147-159.267,220.407-135.996c46.647,11.049,86.512,39.397,112.254,79.824 c24.099,37.849,33.388,82.418,26.517,126.406l-14.794-3.503c-2.975-0.706-6.098,0.232-8.196,2.455s-2.849,5.397-1.972,8.325 l27.277,91.059c0.877,2.927,3.25,5.165,6.224,5.87c2.973,0.703,6.098-0.232,8.196-2.455l65.221-69.151 C511.765,314.404,512.517,311.23,511.64,308.302z\"><\/path><path d=\"M354.675,414.64c-2.481-4.021-7.751-5.27-11.773-2.788c-41.629,25.687-90.768,33.625-138.369,22.35 c-23.864-5.651-45.925-15.773-65.573-30.083c-3.82-2.782-9.171-1.94-11.952,1.879c-2.781,3.819-1.94,9.171,1.879,11.952 c21.493,15.654,45.618,26.724,71.703,32.902c15.448,3.659,31.037,5.466,46.523,5.466c36.689,0,72.766-10.155,104.775-29.905 C355.908,423.932,357.156,418.661,354.675,414.64z\"><\/path><path d=\"M332.599,247.751h-57.656c-1.414-4.864-4.032-9.323-7.714-13.004c-3.681-3.682-8.14-6.3-13.004-7.714v-34.606 c0-4.725-3.831-8.555-8.555-8.555s-8.555,3.831-8.555,8.555v34.606c-4.864,1.414-9.323,4.032-13.004,7.714 c-11.889,11.889-11.889,31.232,0,43.12c5.758,5.759,13.416,8.931,21.56,8.931c8.145,0,15.801-3.171,21.56-8.931 c3.682-3.682,6.3-8.141,7.714-13.005h57.656c4.725,0,8.555-3.831,8.555-8.555C341.155,251.581,337.324,247.751,332.599,247.751z M255.13,265.768c-2.528,2.527-5.887,3.919-9.461,3.919s-6.933-1.392-9.461-3.919c-5.216-5.217-5.216-13.706,0-18.922 c2.528-2.527,5.887-3.92,9.461-3.92c3.574,0,6.934,1.392,9.461,3.92c2.528,2.527,3.919,5.887,3.919,9.461 C259.049,259.881,257.658,263.241,255.13,265.768z\"><\/path><path d=\"M245.67,369.317c-4.725,0-8.555,3.831-8.555,8.555v30.619c0,4.725,3.831,8.555,8.555,8.555s8.555-3.831,8.555-8.555 v-30.619C254.225,373.147,250.395,369.317,245.67,369.317z\"><\/path><path d=\"M245.67,94.704c-4.725,0-8.555,3.831-8.555,8.555v30.619c0,4.725,3.831,8.555,8.555,8.555s8.555-3.831,8.555-8.555 v-30.619C254.225,98.534,250.395,94.704,245.67,94.704z\"><\/path><path d=\"M329.387,383.767l-3.706-6.419c-2.362-4.093-7.594-5.495-11.687-3.131c-4.092,2.362-5.494,7.595-3.131,11.687l3.706,6.419 c1.584,2.745,4.46,4.279,7.417,4.279c1.451,0,2.923-0.37,4.27-1.148C330.348,393.092,331.75,387.859,329.387,383.767z\"><\/path><path d=\"M180.477,125.847l-3.706-6.418c-2.362-4.092-7.597-5.494-11.687-3.131c-4.092,2.362-5.494,7.595-3.131,11.687l3.706,6.418 c1.584,2.745,4.46,4.279,7.417,4.279c1.451,0,2.924-0.37,4.27-1.148C181.437,135.171,182.839,129.938,180.477,125.847z\"><\/path><path d=\"M382.117,324.774l-6.419-3.706c-4.092-2.364-9.325-0.961-11.687,3.131c-2.362,4.092-0.961,9.324,3.131,11.687l6.419,3.706 c1.347,0.778,2.819,1.148,4.27,1.148c2.957,0,5.832-1.535,7.417-4.279C387.611,332.369,386.209,327.137,382.117,324.774z\"><\/path><path d=\"M124.196,175.865l-6.418-3.706c-4.092-2.364-9.324-0.961-11.687,3.131c-2.362,4.092-0.961,9.324,3.131,11.687l6.418,3.706 c1.347,0.778,2.819,1.148,4.27,1.148c2.957,0,5.832-1.534,7.417-4.279C129.69,183.46,128.288,178.227,124.196,175.865z\"><\/path><path d=\"M398.285,247.319h-30.619c-4.725,0-8.555,3.831-8.555,8.555c0,4.725,3.831,8.555,8.555,8.555h30.619 c4.725,0,8.555-3.829,8.555-8.555C406.841,251.15,403.01,247.319,398.285,247.319z\"><\/path><path d=\"M123.673,247.319H93.054c-4.725,0-8.555,3.831-8.555,8.555c0,4.725,3.831,8.555,8.555,8.555h30.619 c4.725,0,8.555-3.831,8.555-8.555C132.229,251.15,128.398,247.319,123.673,247.319z\"><\/path><path d=\"M385.248,175.29c-2.362-4.092-7.596-5.494-11.687-3.131l-6.419,3.706c-4.092,2.362-5.494,7.595-3.131,11.687 c1.584,2.745,4.46,4.279,7.417,4.279c1.451,0,2.923-0.37,4.27-1.148l6.419-3.706C386.209,184.614,387.611,179.382,385.248,175.29z \"><path d=\"M127.327,324.199c-2.362-4.093-7.597-5.493-11.687-3.131l-6.418,3.706c-4.092,2.362-5.494,7.595-3.131,11.687 c1.584,2.745,4.46,4.279,7.417,4.279c1.451,0,2.924-0.37,4.27-1.148l6.418-3.706C128.288,333.523,129.69,328.291,127.327,324.199z \"><path d=\"M326.256,116.299c-4.092-2.364-9.324-0.962-11.687,3.131l-3.706,6.418c-2.362,4.092-0.96,9.324,3.131,11.687 c1.347,0.777,2.819,1.148,4.27,1.148c2.957,0,5.832-1.534,7.417-4.279l3.706-6.418 C331.75,123.894,330.348,118.661,326.256,116.299z\"><\/path><path d=\"M177.345,374.217c-4.092-2.364-9.325-0.961-11.687,3.131l-3.706,6.419c-2.362,4.092-0.96,9.324,3.131,11.687 c1.347,0.778,2.819,1.148,4.27,1.148c2.957,0,5.833-1.535,7.417-4.279l3.706-6.419 C182.839,381.811,181.437,376.579,177.345,374.217z\"><\/path><\/path><\/path><\/g><\/svg>\n        <\/div>\n        <h3 class=\"thWhy-cardTitle\">Dostupna podr\u0161ka<\/h3>\n        <p class=\"thWhy-cardDesc\">Tijekom prijevoza mo\u017eete ra\u010dunati na jasnu komunikaciju i informacije kada su vam potrebne.<\/p>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"thWhy-cardWave\"><g><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.31212 9L1 10.5094L4.77355 13.7897L6.28297 15.1018L7.59509 13.5924L9.13456 11.8214L11.3988 13.7897L12.9082 15.1018L14.2203 13.5924L15.7584 11.823L18.0209 13.7897L19.5303 15.1018L20.8424 13.5924L22.8106 11.3283L21.3012 10.0162L19.333 12.2803L15.5594 9L14.2473 10.5094L14.249 10.5109L12.7109 12.2803L8.93736 9L8.05395 10.0163L6.08567 12.2803L2.31212 9Z\"><\/path><\/g><\/svg>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n  \/* ===== SECTION CONTAINER ===== *\/\n  .thAbout-wrap {\n    width: 100%;\n    background-color: #f2f5f9 !important; \/* Matches your structural backdrop theme *\/\n    padding: 90px 0;\n    font-family: 'Montserrat', sans-serif !important;\n    box-sizing: border-box;\n  }\n  \n  .thAbout-container {\n    max-width: 1440px;\n    margin: 0 auto;\n    padding: 0 24px;\n    box-sizing: border-box;\n  }\n\n  \/* ===== TWO-COLUMN RESPONSIVE LAYOUT WINDOW ===== *\/\n  .thAbout-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 35px;\n    align-items: stretch;\n  }\n\n  \/* ===== MAIN CONTENT BOX HOVERS ===== *\/\n  .thAbout-card {\n    background-color: #FFFFFF !important;\n    border-radius: 24px;\n    padding: 60px;\n    box-shadow: 0 10px 35px rgba(13, 13, 13, 0.02);\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* ===== LEFT CARD DESIGN ELEMENTS ===== *\/\n  .thAbout-badge-wrapper {\n    margin-bottom: 25px;\n  }\n\n  .thAbout-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 18px;\n    background-color: rgba(13, 13, 13, 0.05);\n    border: 1px solid rgba(13, 13, 13, 0.08);\n    border-radius: 999px;\n    color: #718096;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 13px;\n    font-weight: 600;\n  }\n\n  .thAbout-badge svg {\n    width: 15px;\n    height: 15px;\n    stroke: currentColor;\n    display: block;\n  }\n\n  .thAbout-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 32px;\n    font-weight: 800;\n    line-height: 1.3;\n    color: #0d0d0d;\n    margin: 0 0 25px 0;\n    letter-spacing: -0.5px;\n  }\n\n  .thAbout-desc {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 15px;\n    line-height: 1.65;\n    color: #4a5568;\n    margin: 0 0 20px 0;\n  }\n  \n  .thAbout-desc:nth-last-of-type(1) {\n    margin-bottom: 30px;\n  }\n\n  \/* Core Checkbox Feature Alignment List *\/\n  .thAbout-checklist {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 40px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .thAbout-checkItem {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 15px;\n    font-weight: 600;\n    color: #2d3748;\n  }\n\n  .thAbout-checkIcon {\n    width: 20px;\n    height: 20px;\n    background-color: #0e2a4f; \/* Custom brand checkmark square block *\/\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    color: #ffffff;\n  }\n\n  .thAbout-checkIcon svg {\n    width: 12px;\n    height: 12px;\n    stroke: currentColor;\n    stroke-width: 3;\n    display: block;\n  }\n\n  \/* Custom Action Contact button configurations *\/\n  .contact-btn {\n    background-color: #0e2a4f !important;\n    color: #ffffff !important;\n    border: 2px solid #0e2a4f !important;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    padding: 15px 35px !important;\n    border-radius: 12px !important;\n    text-decoration: none !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center;\n    gap: 10px !important;\n    cursor: pointer !important;\n    align-self: flex-start;\n    transition: background-color .25s ease, border-color .25s ease, transform .25s ease !important;\n  }\n\n  .contact-btn:hover {\n    background-color: #1b4f85 !important;\n    border-color: #1b4f85 !important;\n    transform: translateY(-2px) !important;\n  }\n\n  .contact-btn svg {\n    width: 18px;\n    height: 18px;\n    display: block;\n  }\n\n  \/* ===== RIGHT CARD DESIGN ELEMENTS (STATS & LOGO) ===== *\/\n  .thAbout-right-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n    width: 100%;\n  }\n\n  .thAbout-logo-wrap {\n    max-width: 260px;\n    height: auto;\n    margin-bottom: 45px;\n    display: block;\n  }\n\n  .thAbout-logo-wrap img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  \/* Custom Stat Block Panels *\/\n  .thAbout-stat-box {\n    width: 100%;\n    max-width: 420px;\n    background-color: #f2f5f9 !important; \/* Tinted layout fill shape *\/\n    border-radius: 16px;\n    padding: 24px;\n    text-align: center;\n    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .thAbout-stat-box:last-child {\n    margin-bottom: 0;\n  }\n\n  .thAbout-stat-num {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 36px;\n    font-weight: 800;\n    color: #004cb3; \/* Accurate blue stat tracking color *\/\n    line-height: 1.1;\n    margin-bottom: 6px;\n  }\n\n  .thAbout-stat-label {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 16px;\n    font-weight: 600;\n    color: #2d3748;\n    margin: 0;\n  }\n\n  \/* ===== BREAKPOINT LAYOUT RESIZERS ===== *\/\n  @media (max-width: 991px) {\n    .thAbout-grid {\n      grid-template-columns: 1fr; \/* Stack layout down into single columns *\/\n      gap: 30px;\n    }\n    \n    .thAbout-card {\n      padding: 45px 35px;\n    }\n    \n    .thAbout-title {\n      font-size: 26px;\n    }\n  }\n\n  @media (max-width: 576px) {\n    .thAbout-wrap {\n      padding: 60px 0;\n    }\n    \n    .contact-btn {\n      width: 100%; \/* Expand CTA link block to fit tiny smartphones viewports *\/\n    }\n  }\n<\/style>\n\n<section class=\"thAbout-wrap\">\n  <div class=\"thAbout-container\">\n    <div class=\"thAbout-grid\">\n\n      <div class=\"thAbout-card\">\n        \n        <div class=\"thAbout-badge-wrapper\">\n          <span class=\"thAbout-badge\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-building2-icon lucide-building-2\"><path d=\"M10 12h4\"><\/path><path d=\"M10 8h4\"><\/path><path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path><path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path><path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path><\/svg>\n            O nama\n          <\/span>\n        <\/div>\n\n        <h2 class=\"thAbout-title\">Pou\u017edan partner za transport i logistiku diljem Europe<\/h2>\n        \n        <p class=\"thAbout-desc\">Interlog d.o.o. specijaliziran je za organizaciju doma\u0107eg i me\u0111unarodnog cestovnog prijevoza robe, pru\u017eaju\u0107i sigurna, u\u010dinkovita i fleksibilna transportna rje\u0161enja prilago\u0111ena potrebama svakog klijenta.<\/p>\n        \n        <p class=\"thAbout-desc\">Zahvaljuju\u0107i dugogodi\u0161njem iskustvu, mre\u017ei provjerenih partnera i povezanosti sa sestrinskom tvrtkom u Bosni i Hercegovini, osiguravamo pouzdan prijevoz robe na podru\u010dju Hrvatske, Europske unije i me\u0111unarodnih tr\u017ei\u0161ta.<\/p>\n        \n        <p class=\"thAbout-desc\">Na\u0161 fokus je na kvaliteti usluge, transparentnoj komunikaciji i pravovremenoj isporuci, uz dugoro\u010dne odnose temeljene na povjerenju i profesionalnosti.<\/p>\n\n        <ul class=\"thAbout-checklist\">\n          <li class=\"thAbout-checkItem\">\n            <span class=\"thAbout-checkIcon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Sigurni prijevoz robe\n          <\/li>\n          <li class=\"thAbout-checkItem\">\n            <span class=\"thAbout-checkIcon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Jednostavna organizacija prijevoza\n          <\/li>\n          <li class=\"thAbout-checkItem\">\n            <span class=\"thAbout-checkIcon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Pou\u017edan partner za transport\n          <\/li>\n        <\/ul>\n\n        <a href=\"#kontakt\" class=\"contact-btn\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-messages-square-icon lucide-messages-square\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"><\/path><\/svg>\n          Kontaktirajte nas!\n        <\/a>\n\n      <\/div>\n\n      <div class=\"thAbout-card\">\n        <div class=\"thAbout-right-content\">\n          \n          <div class=\"thAbout-logo-wrap\">\n            <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a35a2786a6dd1b69a3b2368.png\" alt=\"Interlog Transport &amp; Logistics Logo\">\n          <\/div>\n\n          <div class=\"thAbout-stat-box\">\n            <div class=\"thAbout-stat-num\">30+<\/div>\n            <p class=\"thAbout-stat-label\">Kamiona<\/p>\n          <\/div>\n\n          <div class=\"thAbout-stat-box\">\n            <div class=\"thAbout-stat-num\">1500+<\/div>\n            <p class=\"thAbout-stat-label\">Zadovoljnih partnera<\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-85a72d8\" data-block-id=\"85a72d8\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-85a72d8-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4f5872a\" data-v=\"4\" data-block-id=\"4f5872a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4f5872a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4f5872a-inner-blocks\">\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n  \/* ===== SECTION LAYOUT WRAPPER ===== *\/\n  .thCta-wrap {\n    width: 100%;\n    background-color: #0e2a4a !important; \/* Your exact brand dark blue *\/\n    padding: 90px 20px;\n    font-family: 'Montserrat', sans-serif !important;\n    box-sizing: border-box;\n    display: flex;\n    align-items: start;\n    justify-content: center;\n  }\n\n  .thCta-container {\n    max-width: 1300px;\n    width: 100%;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr; \/* Gives slightly more horizontal breathing room to the text side *\/\n    gap: 60px;\n    align-items: start;\n  }\n\n  \/* ===== LEFT COLUMN CONTENT ===== *\/\n  .thCta-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    text-align: left;\n  }\n\n  .thCta-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 46px;\n    font-weight: 800;\n    line-height: 1.2;\n    color: #ffffff;\n    margin: 0 0 25px 0;\n    letter-spacing: -0.5px;\n  }\n\n  .thCta-text {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 16px;\n    line-height: 1.65;\n    color: #cbd5e1; \/* Smooth readable light slate text *\/\n    margin: 0 0 20px 0;\n  }\n\n  .thCta-text.text-secondary {\n    margin-bottom: 40px; \/* Separates the lower paragraph from the button *\/\n  }\n\n  \/* ===== BUTTON WITH HIGH-END HOVER EFFECT ===== *\/\n  .thCta-btn {\n    background-color: #ffffff !important;\n    color: #0e2a4a !important; \/* Text matches the background behind it *\/\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    padding: 16px 38px !important;\n    border-radius: 12px !important;\n    text-decoration: none !important;\n    display: inline-flex !important;\n    align-items: center !important; \n    justify-content: center !important; \/* Centers the icon and text horizontally *\/\n    gap: 12px !important;\n    border: 2px solid #ffffff !important;\n    cursor: pointer !important;\n    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;\n  }\n\n  \/* Hover States: Smoothly shifts to transparent outline pill with popping dimension *\/\n  .thCta-btn:hover {\n    background-color: transparent !important;\n    border-color: #ffffff !important;\n    color: #ffffff !important;\n    transform: translateY(-3px) scale(1.02) !important;\n    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.15) !important;\n  }\n\n  \/* Active Press Down Effect *\/\n  .thCta-btn:active {\n    transform: translateY(-1px) scale(1) !important;\n  }\n\n  .thCta-btn svg {\n    width: 20px;\n    height: 20px;\n    display: block;\n    fill: currentColor;\n  }\n\n  \/* ===== RIGHT COLUMN IMAGE CONTAINER ===== *\/\n  .thCta-image-wrap {\n    width: 100%;\n    height: 480px;\n    border-radius: 24px;\n    overflow: hidden;\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);\n  }\n\n  .thCta-image-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* Guarantees the truck image remains un-stretched *\/\n    display: block;\n  }\n\n  \/* ===== RESPONSIVE LAYOUT ENGINE ===== *\/\n  @media (max-width: 991px) {\n    .thCta-container {\n      grid-template-columns: 1fr; \/* Stacks the content straight down into 1 layout block *\/\n      gap: 45px;\n    }\n\n    .thCta-content {\n      align-items: flex-start; \/* Keeps section text left-aligned *\/\n      text-align: left; \n    }\n\n    .thCta-title {\n      font-size: 36px;\n    }\n\n    .thCta-image-wrap {\n      height: 380px; \/* Scales down image container bounds uniformly for tablet panels *\/\n    }\n  }\n\n  @media (max-width: 576px) {\n    .thCta-wrap {\n      padding: 60px 15px;\n    }\n\n    .thCta-title {\n      font-size: 28px;\n    }\n\n    .thCta-text {\n      font-size: 15px;\n    }\n\n    .thCta-image-wrap {\n      height: 280px; \/* Slims image window comfortably for tiny mobile layout aspect ratios *\/\n    }\n\n    .thCta-btn {\n      width: 100%; \/* Scales button to stretch all the way across tiny mobile views *\/\n      justify-content: center !important; \/* Keeps the text perfectly centered when button expands to full width *\/\n    }\n  }\n<\/style>\n\n<section class=\"thCta-wrap\">\n  <div class=\"thCta-container\">\n\n    <div class=\"thCta-content\">\n      <h2 class=\"thCta-title\">Trebate pouzdan prijevoz robe?<\/h2>\n      \n      <p class=\"thCta-text\">Bez obzira trebate li tuzemni prijevoz, me\u0111unarodni transport kroz EU, puni tovar ili djelomi\u010dnu po\u0161iljku, Interlog vam poma\u017ee organizirati siguran i jasan prijevoz robe od preuzimanja do isporuke.<\/p>\n      \n      <p class=\"thCta-text text-secondary\">Javite nam osnovne informacije o robi, relaciji i roku, a mi \u0107emo vam predlo\u017eiti najbolje rje\u0161enje i odgovoriti u najkra\u0107em mogu\u0107em roku.<\/p>\n      \n      <a href=\"#kontakt\" class=\"thCta-btn\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"><\/path><\/svg>\n        Kontaktirajte nas!\n      <\/a>\n    <\/div>\n\n    <div class=\"thCta-image-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/CjdWtimuEjVqMDWFbh58\/media\/6a359cf4f6a1b18cf29d0a4a.jpeg\" alt=\"Interlog Silver Mercedes Truck\">\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5900ca7\" data-block-id=\"5900ca7\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5900ca7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-739b529\" data-v=\"4\" data-block-id=\"739b529\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-739b529-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-739b529-inner-blocks\">\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n  \/* ===== SECTION CONTAINER ===== *\/\n  .thFaq-wrap {\n    width: 100%;\n    background-color: #ffffff !important; \/* Clean bright backdrop *\/\n    padding: 90px 0;\n    font-family: 'Montserrat', sans-serif !important;\n    box-sizing: border-box;\n  }\n  \n  .thFaq-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n    box-sizing: border-box;\n  }\n\n  \/* ===== HERO HEADER ===== *\/\n  .thFaq-hero-header {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 55px auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  \/* Top Pill Badge *\/\n  .thFaq-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    background-color: rgba(13, 13, 13, 0.05);\n    border: 1px solid rgba(13, 13, 13, 0.1);\n    border-radius: 999px;\n    color: #4a5568;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 13px;\n    font-weight: 600;\n    margin-bottom: 25px;\n  }\n\n  .thFaq-eyebrow svg {\n    width: 15px;\n    height: 15px;\n    display: block;\n    stroke: currentColor;\n  }\n\n  .thFaq-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 44px;\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n    color: #0d0d0d;\n    margin: 0;\n  }\n\n  .thFaq-title span {\n    color: #0e2a4a; \/* Accent brand dark blue color on the last word *\/\n  }\n\n  \/* ===== ACCORDION LIST CONTAINER ===== *\/\n  .thFaq-accordion-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  \/* ===== ACCORDION ITEM BLOCK ===== *\/\n  .thFaq-item {\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    overflow: hidden;\n    background-color: #ffffff;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.01);\n    transition: box-shadow 0.3s ease;\n  }\n\n  \/* ===== HEADER ROW (QUESTION) ===== *\/\n  .thFaq-trigger {\n    width: 100%;\n    background-color: #004cb3 !important; \/* Exact royal brand blue color *\/\n    padding: 22px 30px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    cursor: pointer;\n    border: none;\n    outline: none;\n    text-align: left;\n    transition: background-color 0.25s ease;\n  }\n\n  .thWhy-card:hover {\n    background-color: #0042a1 !important;\n  }\n\n  .thFaq-question {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 17px;\n    font-weight: 700;\n    color: #ffffff;\n    line-height: 1.4;\n    margin: 0;\n  }\n\n  \/* Far-Right Chevron Indicator Arrow *\/\n  .thFaq-chevron {\n    width: 22px;\n    height: 22px;\n    color: #ffffff;\n    flex-shrink: 0;\n    transform: rotate(0deg);\n    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);\n    display: block;\n  }\n\n  \/* ===== CONTENT CONTAINER PANEL (ANSWER) ===== *\/\n  .thFaq-panel {\n    max-height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;\n  }\n\n  .thFaq-content-inner {\n    padding: 28px 30px;\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 15px;\n    line-height: 1.65;\n    color: #4a5568;\n    background-color: #ffffff;\n    border-top: 1px solid #e2e8f0;\n  }\n\n  \/* ===== ACTIVE INTERACTIVE STATE MODIFIERS ===== *\/\n  .thFaq-item.thFaq-active {\n    box-shadow: 0 10px 25px rgba(0, 76, 179, 0.06);\n    border-color: #cbd5e1;\n  }\n\n  .thFaq-item.thFaq-active .thFaq-chevron {\n    transform: rotate(180deg); \/* Flips chevron cleanly upwards when open *\/\n  }\n\n  .thFaq-item.thFaq-active .thFaq-panel {\n    opacity: 1;\n  }\n\n  \/* ===== RESPONSIVE STYLE CONFIGURATIONS ===== *\/\n  @media (max-width:690px) {\n    .thFaq-wrap { padding: 60px 0; }\n    .thFaq-title { font-size: 30px; }\n    .thFaq-trigger { padding: 18px 22px; gap: 15px; }\n    .thFaq-content-inner { padding: 22px 22px; font-size: 14px; }\n    .thFaq-question { font-size: 15px; }\n  }\n<\/style>\n\n<section class=\"thFaq-wrap\">\n  <div class=\"thFaq-container\">\n\n    <div class=\"thFaq-hero-header\">\n      <div class=\"thFaq-eyebrow\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle-question-mark-icon lucide-message-circle-question-mark\"><path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"\/><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/><path d=\"M12 17h.01\"\/><\/svg>\n        FAQ's\n      <\/div>\n      <h2 class=\"thFaq-title\">\u010cesto postavljena <span>pitanja<\/span><\/h2>\n    <\/div>\n\n    <div class=\"thFaq-accordion-list\">\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Koliko brzo mo\u017eete organizirati prijevoz robe?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Prijevoz ovisi o relaciji, vrsti robe, koli\u010dini i dostupnosti vozila. Nakon \u0161to nam po\u0161aljete osnovne informacije, mo\u017eemo vam brzo re\u0107i koje je najprakti\u010dnije rje\u0161enje, okvirni rok preuzimanja i o\u010dekivano vrijeme isporuke. Cilj nam je da od po\u010detka imate jasnu informaciju i da znate \u0161to mo\u017eete o\u010dekivati.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Koje informacije trebamo poslati za ponudu?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Za to\u010dnu ponudu najbolje je poslati mjesto utovara i istovara, vrstu robe, koli\u010dinu, te\u017einu, dimenzije, \u017eeljeni rok preuzimanja i isporuke te informaciju treba li dodatna logisti\u010dka podr\u0161ka. \u0160to su podaci precizniji, to mo\u017eemo br\u017ee pripremiti realnu i jasnu ponudu bez kasnijih nejasno\u0107a.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Koja je razlika izme\u0111u FTL i LTL prijevoza?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            FTL zna\u010di da va\u0161a roba zauzima cijeli kamion ili se za va\u0161u po\u0161iljku organizira namjensko vozilo. To je \u010desto bolja opcija kada je po\u0161iljka ve\u0107a, vremenski osjetljiva ili kada \u017eelite manje zaustavljanja putem. LTL zna\u010di djelomi\u010dni tovar, odnosno va\u0161a roba ne zauzima cijeli kamion, \u0161to mo\u017ee biti prakti\u010dnije i isplativije za manje po\u0161iljke. Kod LTL prijevoza treba ra\u010dunati da ruta mo\u017ee uklju\u010divati vi\u0161e utovara ili istovara, \u0161to mo\u017ee utjecati na rok isporuke.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Kako se odre\u0111uje cijena prijevoza?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Cijena ovisi o relaciji, koli\u010dini robe, te\u017eini, dimenzijama, vrsti tovara, roku isporuke, potrebnom tipu vozila i dodatnim zahtjevima poput skladi\u0161tenja, posebnog rukovanja ili dogovorenog termina utovara\/istovara. Freight cijene se op\u0107enito formiraju prema takvim elementima, zato je za to\u010dnu ponudu va\u017eno poslati \u0161to preciznije podatke o po\u0161iljci.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Mo\u017eemo li dobiti informaciju gdje je roba tijekom prijevoza?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Da. Klijentima je najva\u017enije znati da je roba preuzeta, da je prijevoz u tijeku i da isporuka ide prema dogovoru. Zato tijekom procesa dr\u017eimo jasnu komunikaciju i pru\u017eamo informacije koje su vam potrebne da imate kontrolu i sigurnost oko svoje po\u0161iljke.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Je li roba sigurna tijekom prijevoza?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Sigurnost robe jedan je od najva\u017enijih dijelova prijevoza. Roba se preuzima, prevozi i isporu\u010duje odgovorno, uz pa\u017enju prema vrsti tereta, na\u010dinu utovara i dogovorenim uvjetima prijevoza. Cilj je da va\u0161 teret stigne uredno, profesionalno i u stanju u kojem je preuzet.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"thFaq-item\">\n        <button class=\"thFaq-trigger\" aria-label=\"Otvoij pitanje\">\n          <span class=\"thFaq-question\">Q: Koja dokumentacija je potrebna za me\u0111unarodni prijevoz?<\/span>\n          <svg class=\"thFaq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n        <\/button>\n        <div class=\"thFaq-panel\">\n          <div class=\"thFaq-content-inner\">\n            Kod me\u0111unarodnog cestovnog prijevoza \u010desto se koristi CMR teretni list, koji slu\u017ei kao prijevozni dokument za robu u me\u0111unarodnom cestovnom transportu. Europski cestovni prijevoz navodi da CMR teretni list mora biti prisutan tijekom prijevoza kada ga provjeravaju carina ili policija.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var faqRoot = document.querySelector('.thFaq-accordion-list');\n  if (!faqRoot) return;\n\n  var items = faqRoot.querySelectorAll('.thFaq-item');\n\n  items.forEach(function(item) {\n    var trigger = item.querySelector('.thFaq-trigger');\n    var panel = item.querySelector('.thFaq-panel');\n\n    trigger.addEventListener('click', function() {\n      var isOpen = item.classList.contains('thFaq-active');\n\n      \/\/ CLOSES ALL OPEN PANELS (Fulfills rule: only open one question at a time)\n      items.forEach(function(otherItem) {\n        otherItem.classList.remove('thFaq-active');\n        otherItem.querySelector('.thFaq-panel').style.maxHeight = null;\n      });\n\n      \/\/ If the clicked item wasn't open, open it now\n      if (!isOpen) {\n        item.classList.add('thFaq-active');\n        \/\/ Setting scrollHeight forces smooth transition height math natively\n        panel.style.maxHeight = panel.scrollHeight + \"px\";\n      }\n    });\n  });\n\n  \/\/ Re-calculates active height dynamically if viewport is rotated or resized mid-session\n  window.addEventListener('resize', function() {\n    var activeItem = faqRoot.querySelector('.thFaq-item.thFaq-active');\n    if (activeItem) {\n      var activePanel = activeItem.querySelector('.thFaq-panel');\n      activePanel.style.maxHeight = activePanel.scrollHeight + \"px\";\n    }\n  });\n})();\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-2bda250 stk-block-background\" id=\"kontakt\" data-block-id=\"2bda250\"><style>.stk-2bda250 {background-color:#f2f5f9 !important;margin-bottom:0px !important;}.stk-2bda250:before{background-color:#f2f5f9 !important;}@media screen and (max-width:689px){.stk-2bda250 {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-2bda250-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cad330a\" data-v=\"4\" data-block-id=\"cad330a\"><style>@media screen and (max-width:689px){.stk-cad330a {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cad330a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cad330a-inner-blocks\">\n<style>\n  \/* ===== IMPORT MONTSERRAT FONT ===== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n\n  \/* ===== SECTION CONTAINER ===== *\/\n  .thCont-wrap {\n    width: 100%;\n    background-color: #f2f5f9 !important; \/* Elegant light background matching your theme *\/\n    padding: 80px 20px 40px 20px;\n    font-family: 'Montserrat', sans-serif !important;\n    box-sizing: border-box;\n    text-align: center; \/* Centered by default on PC *\/\n  }\n\n  .thCont-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center; \/* Centered by default on PC *\/\n  }\n\n  \/* ===== TOP PILL BADGE WITH MESSAGES SVG ===== *\/\n  .thCont-badge-wrapper {\n    margin-bottom: 25px;\n  }\n\n  .thCont-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 20px;\n    background-color: rgba(13, 13, 13, 0.05);\n    border: 1px solid rgba(13, 13, 13, 0.1);\n    border-radius: 999px;\n    color: #4a5568;\n    font-size: 14px;\n    font-weight: 600;\n  }\n\n  \/* Messages Icon Styling matching the button icon specifications *\/\n  .thCont-badge svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n    stroke: currentColor;\n    fill: none;\n  }\n\n  \/* ===== HEADINGS ===== *\/\n  .thCont-title {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 46px;\n    font-weight: 800;\n    line-height: 1.2;\n    color: #000000;\n    margin: 0 0 20px 0;\n    letter-spacing: -0.5px;\n    max-width: 900px;\n  }\n\n  .thCont-subtitle {\n    font-family: 'Montserrat', sans-serif !important;\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.6;\n    color: #4a5568;\n    max-width: 820px;\n    margin: 0 auto; \/* Keeps it perfectly centered on desktop *\/\n  }\n\n  \/* ===== RESPONSIVE MEDIA QUERIES ===== *\/\n  @media (max-width:690px) {\n    .thCont-wrap {\n      padding: 60px 15px 30px 15px;\n      text-align: left; \/* Aligns text elements to the left on mobile *\/\n    }\n    \n    .thCont-container {\n      align-items: flex-start; \/* Aligns layout blocks to the start on mobile *\/\n    }\n    \n    .thCont-title {\n      font-size: 32px;\n      margin-bottom: 15px;\n    }\n    \n    .thCont-subtitle {\n      font-size: 15px;\n      margin: 0; \/* Resets center margin layout back to left-aligned *\/\n    }\n  }\n<\/style>\n\n<section class=\"thCont-wrap\">\n  <div class=\"thCont-container\">\n\n    <div class=\"thCont-badge-wrapper\">\n      <span class=\"thCont-badge\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-messages-square-icon lucide-messages-square\"><path d=\"M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><path d=\"M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1\"><\/path><\/svg>\n        Kontakt\n      <\/span>\n    <\/div>\n\n    <h2 class=\"thCont-title\">Razgovarajmo o va\u0161em teretu<\/h2>\n    <p class=\"thCont-subtitle\">Po\u0161aljite upit ili nas direktno nazovite, javit \u0107emo se u najkra\u0107em roku s konkretnim rje\u0161enjem.<\/p>\n\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-359ee7f\" data-block-id=\"359ee7f\"><style>.stk-359ee7f {padding-right:14rem !important;padding-left:14rem !important;}@media screen and (max-width:689px){.stk-359ee7f {padding-top:var(--stk--preset--spacing--none, 0px) !important;padding-right:var(--stk--preset--spacing--none, 0px) !important;padding-bottom:var(--stk--preset--spacing--none, 0px) !important;padding-left:var(--stk--preset--spacing--none, 0px) !important;margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-right:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:var(--stk--preset--spacing--none, 0px) !important;margin-left:var(--stk--preset--spacing--none, 0px) !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-359ee7f-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-88a4ca6\" data-v=\"4\" data-block-id=\"88a4ca6\"><style>.stk-88a4ca6 {align-self:center !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-88a4ca6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-88a4ca6-inner-blocks\">\n<style>\n  .thCnt-wrap {\n    width: 100%;\n    background: transparent;\n    padding: 80px 0;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    box-sizing: border-box;\n  }\n  .thCnt-container {\n    max-width: 1480px;\n    margin: 0 auto;\n    padding: 0 24px;\n    box-sizing: border-box;\n  }\n\n  .thCnt-info {\n    background: #1A1A1A;\n    border: 1px solid #2B2B2B;\n    padding: 56px;\n    color: #FFFFFF;\n    border-radius: 20px;\n    box-shadow: 0 4px 32px rgba(13,13,13,0.4);\n    position: relative;\n    overflow: hidden;\n  }\n  .thCnt-info::before {\n    content: '';\n    position: absolute;\n    top: -140px;\n    right: -140px;\n    width: 380px;\n    height: 380px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(244,160,38,0.18) 0%, rgba(244,160,38,0) 70%);\n    pointer-events: none;\n  }\n  .thCnt-info::after {\n    content: '';\n    position: absolute;\n    bottom: -120px;\n    left: -120px;\n    width: 320px;\n    height: 320px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(244,160,38,0.1) 0%, rgba(244,160,38,0) 70%);\n    pointer-events: none;\n  }\n\n  .thCnt-list {\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n  .thCnt-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    text-decoration: none;\n    color: inherit;\n    padding: 22px 24px;\n    border-radius: 12px;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid rgba(255,255,255,0.06);\n    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\n  }\n  .thCnt-item:hover {\n    background: rgba(255,255,255,0.06);\n    border-color: rgba(244,160,38,0.4);\n    transform: translateY(-2px);\n  }\n  .thCnt-iconBox {\n    width: 52px;\n    height: 52px;\n    border: 1.5px solid #F4A026;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #F4A026;\n    flex-shrink: 0;\n    transition: background 0.25s ease, color 0.25s ease;\n  }\n  .thCnt-item:hover .thCnt-iconBox {\n    background: #F4A026;\n    color: #0D0D0D;\n  }\n  .thCnt-iconBox svg { width: 24px; height: 24px; }\n  .thCnt-itemText { flex: 1; min-width: 0; padding-top: 4px; }\n  .thCnt-itemLabel {\n    font-family: 'Inter', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    color: #9CA3AF;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    margin: 0 0 6px 0;\n  }\n  .thCnt-itemValue {\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 600;\n    color: #FFFFFF;\n    line-height: 1.4;\n    word-break: break-word;\n    margin: 0;\n  }\n\n  \/* HOURS BLOCK *\/\n  .thCnt-hours {\n    position: relative;\n    z-index: 1;\n    margin-top: 32px;\n    padding: 28px 28px 24px 28px;\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 14px;\n  }\n  .thCnt-hoursHead {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 22px;\n    padding-bottom: 18px;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n  }\n  .thCnt-hoursIcon {\n    width: 44px;\n    height: 44px;\n    border: 1.5px solid #F4A026;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #F4A026;\n    flex-shrink: 0;\n  }\n  .thCnt-hoursIcon svg { width: 20px; height: 20px; }\n  .thCnt-hoursTitle {\n    font-family: 'Inter', sans-serif;\n    font-size: 18px;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n  .thCnt-hoursSubtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    color: #F4A026;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    margin: 0 0 4px 0;\n  }\n  .thCnt-hoursSubtitle::before { content: '\u2014 '; }\n  .thCnt-hoursList {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n  }\n  .thCnt-hoursRow {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.05);\n    font-family: 'Inter', sans-serif;\n    font-size: 16px;\n  }\n  .thCnt-hoursRow:last-child { border-bottom: none; }\n  .thCnt-hoursDay {\n    color: #D1D5DB;\n    font-weight: 400;\n  }\n  .thCnt-hoursTime {\n    color: #FFFFFF;\n    font-weight: 600;\n  }\n  .thCnt-hoursClosed {\n    color: #9CA3AF;\n    font-weight: 500;\n  }\n  .thCnt-hoursBadge {\n    color: #F4A026;\n    font-weight: 700;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .thCnt-hoursBadge::before {\n    content: '';\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #F4A026;\n    animation: thCntPulse 2s ease-in-out infinite;\n  }\n  @keyframes thCntPulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(0.8); }\n  }\n\n  \/* MOBILE *\/\n  @media (max-width: 900px) {\n    .thCnt-wrap { padding: 60px 0; }\n    .thCnt-info {\n      padding: 32px 24px;\n      border-radius: 16px;\n    }\n    .thCnt-list { gap: 14px; }\n    .thCnt-item { padding: 18px 20px; gap: 16px; }\n    .thCnt-iconBox { width: 46px; height: 46px; }\n    .thCnt-iconBox svg { width: 22px; height: 22px; }\n    .thCnt-itemValue { font-size: 16px; }\n    .thCnt-hours {\n      margin-top: 24px;\n      padding: 22px 22px 18px 22px;\n    }\n    .thCnt-hoursTitle { font-size: 16px; }\n    .thCnt-hoursRow { font-size: 14px; padding: 10px 0; }\n  }\n<\/style>\n\n<section class=\"thCnt-wrap\" id=\"thCnt-root\">\n  <div class=\"thCnt-container\">\n\n    <div class=\"thCnt-info\">\n\n      <div class=\"thCnt-list\">\n\n        <a class=\"thCnt-item\" href=\"tel:+385916167596\">\n          <div class=\"thCnt-iconBox\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          <\/div>\n          <div class=\"thCnt-itemText\">\n            <p class=\"thCnt-itemLabel\">Telefon<\/p>\n            <p class=\"thCnt-itemValue\">+385 91 616 7596 (EU)<\/p>\n          <\/div>\n        <\/a>\n\n        <a class=\"thCnt-item\" href=\"tel:+38763399810\">\n          <div class=\"thCnt-iconBox\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n          <\/div>\n          <div class=\"thCnt-itemText\">\n            <p class=\"thCnt-itemLabel\">Telefon<\/p>\n            <p class=\"thCnt-itemValue\">+387 633 998 10 (Balkan)<\/p>\n          <\/div>\n        <\/a>\n\n        <a class=\"thCnt-item\" href=\"mailto:office@interlog.hr\">\n          <div class=\"thCnt-iconBox\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n          <\/div>\n          <div class=\"thCnt-itemText\">\n            <p class=\"thCnt-itemLabel\">E-mail<\/p>\n            <p class=\"thCnt-itemValue\">office@interlog.hr<\/p>\n          <\/div>\n        <\/a>\n\n        <a class=\"thCnt-item\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Donji%20Hra%C5%A1%C4%87an%20165%2C%2040320%20Donji%20Hra%C5%A1%C4%87an\" target=\"_blank\" rel=\"noopener\">\n          <div class=\"thCnt-iconBox\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          <\/div>\n          <div class=\"thCnt-itemText\">\n            <p class=\"thCnt-itemLabel\">Adresa<\/p>\n            <p class=\"thCnt-itemValue\">Donji Hra\u0161\u0107an 165, 40320 Donji Hra\u0161\u0107an, Hrvatska<\/p>\n          <\/div>\n        <\/a>\n\n      <\/div>\n\n      <div class=\"thCnt-hours\">\n        <div class=\"thCnt-hoursHead\">\n          <div class=\"thCnt-hoursIcon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <div>\n            <p class=\"thCnt-hoursSubtitle\">Radno vrijeme<\/p>\n            <h3 class=\"thCnt-hoursTitle\">Kad smo dostupni<\/h3>\n          <\/div>\n        <\/div>\n\n        <ul class=\"thCnt-hoursList\">\n          <li class=\"thCnt-hoursRow\">\n            <span class=\"thCnt-hoursDay\">Ponedjeljak \u2013 Petak<\/span>\n            <span class=\"thCnt-hoursTime\">07:00 \u2013 17:00<\/span>\n          <\/li>\n          <li class=\"thCnt-hoursRow\">\n            <span class=\"thCnt-hoursDay\">Subota<\/span>\n            <span class=\"thCnt-hoursTime\">08:00 \u2013 13:00<\/span>\n          <\/li>\n          <li class=\"thCnt-hoursRow\">\n            <span class=\"thCnt-hoursDay\">Nedjelja<\/span>\n            <span class=\"thCnt-hoursClosed\">Zatvoreno<\/span>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5b35b85\" data-v=\"4\" data-block-id=\"5b35b85\"><style>.stk-5b35b85 {align-self:center !important;}@media screen and (max-width:689px){.stk-5b35b85 {padding-right:var(--stk--preset--spacing--50, 1.5rem) !important;padding-left:var(--stk--preset--spacing--50, 1.5rem) !important;}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5b35b85-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5b35b85-inner-blocks\"><p><div class=\"forminator-ui forminator-custom-form forminator-custom-form-717 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-717\" data-uid=\"6a47605298f7e\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-717\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-717 forminator-design--default  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"717\"\n\t\t\t\t data-color-option=\"theme\" data-design=\"default\" data-grid=\"open\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"6a47605298f7e\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6a47605298f7e\" id=\"forminator-field-name-1_6a47605298f7e-label\" class=\"forminator-label\">Ime i prezime <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"Unesite ime i prezime\" id=\"forminator-field-name-1_6a47605298f7e\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_6a47605298f7e\" id=\"forminator-field-email-1_6a47605298f7e-label\" class=\"forminator-label\">Email <span class=\"forminator-required\">*<\/span><\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"Unesite email adresu\" id=\"forminator-field-email-1_6a47605298f7e\" class=\"forminator-input forminator-email--field\" data-required=\"true\" aria-required=\"true\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6a47605298f7e\" id=\"forminator-field-phone-1_6a47605298f7e-label\" class=\"forminator-label\">Broj telefona<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"Unesite broj telefona\" id=\"forminator-field-phone-1_6a47605298f7e\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" data-validation=\"1\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"text-1\" class=\"forminator-field-text forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-text-1_6a47605298f7e\" id=\"forminator-field-text-1_6a47605298f7e-label\" class=\"forminator-label\">Ime tvrtke<\/label><input type=\"text\" name=\"text-1\" value=\"\" placeholder=\"Unesite ime tvrtke\" id=\"forminator-field-text-1_6a47605298f7e\" class=\"forminator-input forminator-name--field\" data-required=\"\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"textarea-1\" class=\"forminator-field-textarea forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-textarea-1_6a47605298f7e\" id=\"forminator-field-textarea-1_6a47605298f7e-label\" class=\"forminator-label\">Poruka<\/label><span id=\"forminator-field-textarea-1_6a47605298f7e-description\" class=\"forminator-description\"><span data-limit=\"180\" data-type=\"characters\" data-editor=\"\">0 \/ 180<\/span><\/span><textarea name=\"textarea-1\" placeholder=\"Unesite vrstu tereta, kada \u017eelite da se teret preveze, kamo...\" id=\"forminator-field-textarea-1_6a47605298f7e\" class=\"forminator-textarea\" style=\"--forminator-textarea-min-height:140px;\" maxlength=\"180\" ><\/textarea><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"consent-1\" class=\"forminator-field-consent forminator-col forminator-col-12 \"><div class=\"forminator-field\"><div class=\"forminator-checkbox__wrapper\"><label id=\"forminator-field-consent-1_6a47605298f7e__label\" class=\"forminator-checkbox forminator-consent\"><input type=\"checkbox\" name=\"consent-1\" id=\"forminator-field-consent-1_6a47605298f7e\" value=\"checked\" aria-labelledby=\"forminator-field-consent-1_6a47605298f7e-label\" aria-describedby=\"forminator-field-consent-1_6a47605298f7e__description\" data-required=\"true\" aria-required=\"true\" \/><span class=\"forminator-checkbox-box\" aria-hidden=\"true\"><\/span><\/label><div id=\"forminator-field-consent-1_6a47605298f7e__description\" class=\"forminator-checkbox__label forminator-consent__label\"><div class=\"forminator-row\">\n<div id=\"consent-1\" class=\"forminator-field-consent forminator-col forminator-col-12\">\n<div class=\"forminator-field\">\n<div class=\"forminator-checkbox__wrapper\">\n<div id=\"forminator-field-consent-1_6a451f3e2d66c__description\" class=\"forminator-checkbox__label forminator-consent__label\">\n<p>Pristajem da ova web stranica pohrani moje unesene podatke kako bi mi mogli odgovoriti na upit.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"captcha-1\" class=\"forminator-field-captcha forminator-col forminator-col-12 \"><div class=\"forminator-captcha-left forminator-g-recaptcha\" data-theme=\"light\"  data-sitekey=\"6Ldukj8tAAAAABTNA_6E8INM396S1XMDKesxa_PY\" data-size=\"normal\"><\/div> <\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit btn-custom-blue\">Po&scaron;aljite upit<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"1c141e0b00\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F589\" \/><input type=\"hidden\" name=\"form_id\" value=\"717\"><input type=\"hidden\" name=\"page_id\" value=\"589\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/interlog.hr\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><\/form><\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Me\u0111unarodni transport Pouzdan partner za siguran i pravovremen transport robe diljem Europe FTL i LTL prijevoz prilago\u0111en va\u0161im potrebama, uz profesionalnu organizaciju, transparentnu komunikaciju i mre\u017eu provjerenih logisti\u010dkih partnera. Zatra\u017ei ponudu \u2192 Na\u0161e usluge Na\u0161e usluge Pouzdana transportna rje\u0161enja za svaki korak va\u0161e isporuke Od preuzimanja robe do isporuke na dogovorenu lokaciju, brinemo o organizaciji, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-589","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","a4cfdbdd60bf619f4883db48f3716334":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"8884686ba23d6e4449fe407320953739":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","88c4b881d6b1f2a460a04ad6a9ac0afe":"","hero_structure":"narrow","4d4cc103560af831f4f9eb492a7e09e2":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"parallax":{"desktop":false,"tablet":false,"mobile":false},"cde5decf566cf19536d97cfb257cf3dd":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"a95f5d56b2362698ae7cee148efc6161":"","page_structure_type":"default","69c77abaf6fab297d32dd9572c220296":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"e23a90a99445eccf56e3e411847159f1":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/pages\/589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/interlog.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=589"}],"version-history":[{"count":67,"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/pages\/589\/revisions"}],"predecessor-version":[{"id":762,"href":"https:\/\/interlog.hr\/index.php?rest_route=\/wp\/v2\/pages\/589\/revisions\/762"}],"wp:attachment":[{"href":"https:\/\/interlog.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}