{"id":19,"date":"2026-04-27T05:48:31","date_gmt":"2026-04-27T05:48:31","guid":{"rendered":"https:\/\/koscal.hr\/?page_id=19"},"modified":"2026-04-27T12:00:45","modified_gmt":"2026-04-27T12:00:45","slug":"naslovna","status":"publish","type":"page","link":"https:\/\/koscal.hr\/","title":{"rendered":"Naslovna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60c5f6d e-con-full e-flex e-con e-parent\" data-id=\"60c5f6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2025eb0 elementor-widget elementor-widget-html\" data-id=\"2025eb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<!-- KOSCAL HOMEPAGE SECTION \u2014 paste into a WordPress Custom HTML block -->\r\n<section class=\"ksc-home\" id=\"koscal-homepage\">\r\n  <style>\r\n  .ksc-title {\r\n  line-height: 1.05 !important;\r\n  letter-spacing: -0.045em !important;\r\n  overflow: visible !important;\r\n  padding-bottom: 12px;\r\n}\r\n\r\n.ksc-title span {\r\n  line-height: 1.02 !important;\r\n  display: block;\r\n  padding-bottom: 8px;\r\n}\r\n    :root {\r\n      --ksc-ink: #372c27;\r\n      --ksc-soft-ink: rgba(55, 44, 39, .76);\r\n      --ksc-cream: #fffaf6;\r\n      --ksc-warm: #e8c7c0;\r\n      --ksc-gold: #c9937c;\r\n      --ksc-gold-2: #f3d8d1;\r\n      --ksc-wood: #a97b65;\r\n      --ksc-forest: #6e5b51;\r\n      --ksc-deep: #f6e7e1;\r\n      --ksc-card: rgba(255, 255, 255, .62);\r\n      --ksc-border: rgba(86, 66, 57, .16);\r\n      --ksc-shadow: 0 28px 90px rgba(86, 66, 57, .16);\r\n      --ksc-radius-xl: 34px;\r\n      --ksc-radius-lg: 24px;\r\n      --ksc-radius-md: 18px;\r\n      --ksc-max: 1220px;\r\n    }\r\n\r\n    .ksc-home, .ksc-home * { box-sizing: border-box; }\r\n\r\n    .ksc-home {\r\n      width: 100vw;\r\n      margin-left: calc(50% - 50vw);\r\n      margin-right: calc(50% - 50vw);\r\n      overflow: hidden;\r\n      color: var(--ksc-ink);\r\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n      background:\r\n        radial-gradient(circle at 8% 12%, rgba(232, 199, 192, .46), transparent 32%),\r\n        radial-gradient(circle at 88% 8%, rgba(201, 147, 124, .28), transparent 36%),\r\n        linear-gradient(135deg, #fffaf6 0%, #f7e9e3 40%, #fdf3ee 100%);\r\n      isolation: isolate;\r\n    }\r\n\r\n    .ksc-wrap {\r\n      width: min(var(--ksc-max), calc(100% - 38px));\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .ksc-ambient {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      background-image:\r\n        linear-gradient(rgba(86,66,57,.055) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(86,66,57,.045) 1px, transparent 1px);\r\n      background-size: 64px 64px;\r\n      mask-image: radial-gradient(circle at center, black, transparent 78%);\r\n      opacity: .55;\r\n    }\r\n\r\n    .ksc-hero {\r\n      position: relative;\r\n      min-height: 92vh;\r\n      display: grid;\r\n      align-items: center;\r\n      padding: 72px 0 54px;\r\n    }\r\n\r\n    .ksc-hero-grid {\r\n      display: grid;\r\n      grid-template-columns: 1.02fr .98fr;\r\n      gap: 46px;\r\n      align-items: center;\r\n    }\r\n\r\n    .ksc-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 10px 15px;\r\n      border: 1px solid rgba(201, 147, 124, .32);\r\n      border-radius: 999px;\r\n      color: #7a5547;\r\n      background: rgba(255,255,255,.66);\r\n      backdrop-filter: blur(16px);\r\n      box-shadow: 0 18px 60px rgba(86,66,57,.08);\r\n      font-size: 13px;\r\n      letter-spacing: .11em;\r\n      text-transform: uppercase;\r\n      animation: kscFadeUp .7s ease both;\r\n    }\r\n\r\n    .ksc-kicker::before {\r\n      content: \"\";\r\n      width: 9px;\r\n      height: 9px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #f3d8d1, #c9937c);\r\n      box-shadow: 0 0 24px rgba(201,147,124,.55);\r\n    }\r\n\r\n    .ksc-title {\r\n      margin: 24px 0 22px;\r\n      max-width: 780px;\r\n      font-size: clamp(48px, 6vw, 96px);\r\n      line-height: .92;\r\n      letter-spacing: -.07em;\r\n      font-weight: 850;\r\n      color: #372c27;\r\n      animation: kscFadeUp .82s .08s ease both;\r\n    }\r\n\r\n    .ksc-title span {\r\n      display: block;\r\n      color: transparent;\r\n      background: linear-gradient(90deg, #8e6454, #c9937c 45%, #e8c7c0 95%);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      text-shadow: 0 24px 70px rgba(201,147,124,.12);\r\n    }\r\n\r\n    .ksc-lead {\r\n      max-width: 660px;\r\n      margin: 0;\r\n      color: rgba(55, 44, 39, .76);\r\n      font-size: clamp(18px, 1.55vw, 22px);\r\n      line-height: 1.65;\r\n      animation: kscFadeUp .82s .16s ease both;\r\n    }\r\n\r\n    .ksc-lead strong { color: #5f4035; font-weight: 760; }\r\n\r\n    .ksc-actions {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 14px;\r\n      margin-top: 34px;\r\n      animation: kscFadeUp .82s .24s ease both;\r\n    }\r\n\r\n    .ksc-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 54px;\r\n      padding: 0 22px;\r\n      border-radius: 999px;\r\n      text-decoration: none !important;\r\n      font-weight: 780;\r\n      letter-spacing: -.01em;\r\n      transition: transform .32s ease, box-shadow .32s ease, background .32s ease, border-color .32s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ksc-btn::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      transform: translateX(-105%);\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);\r\n      transition: transform .7s ease;\r\n    }\r\n\r\n    .ksc-btn:hover { transform: translateY(-3px); }\r\n    .ksc-btn:hover::after { transform: translateX(105%); }\r\n\r\n    .ksc-btn-primary {\r\n      color: #372c27 !important;\r\n      background: linear-gradient(135deg, #fff4ef, #e8c7c0 52%, #c9937c);\r\n      box-shadow: 0 18px 50px rgba(201, 147, 124, .22);\r\n    }\r\n\r\n    .ksc-btn-primary:hover { box-shadow: 0 24px 70px rgba(201, 147, 124, .32); }\r\n\r\n    .ksc-btn-ghost {\r\n      color: #4a3932 !important;\r\n      border: 1px solid rgba(86,66,57,.16);\r\n      background: rgba(255,255,255,.62);\r\n      backdrop-filter: blur(18px);\r\n    }\r\n\r\n    .ksc-btn-ghost:hover {\r\n      border-color: rgba(201,147,124,.42);\r\n      background: rgba(255,255,255,.82);\r\n      box-shadow: 0 18px 55px rgba(86,66,57,.12);\r\n    }\r\n\r\n    .ksc-trust-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 12px;\r\n      max-width: 660px;\r\n      margin-top: 38px;\r\n      animation: kscFadeUp .82s .32s ease both;\r\n    }\r\n\r\n    .ksc-trust {\r\n      padding: 16px 15px;\r\n      border: 1px solid rgba(86,66,57,.12);\r\n      border-radius: 18px;\r\n      background: rgba(255,255,255,.58);\r\n      backdrop-filter: blur(16px);\r\n      box-shadow: 0 14px 38px rgba(86,66,57,.07);\r\n    }\r\n\r\n    .ksc-trust b {\r\n      display: block;\r\n      font-size: 22px;\r\n      color: #8a5b4a;\r\n      line-height: 1;\r\n      margin-bottom: 7px;\r\n    }\r\n\r\n    .ksc-trust small {\r\n      display: block;\r\n      color: rgba(55,44,39,.68);\r\n      line-height: 1.35;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .ksc-visual {\r\n      position: relative;\r\n      min-height: 650px;\r\n      animation: kscReveal .95s .18s ease both;\r\n    }\r\n\r\n    .ksc-photo-main {\r\n      position: absolute;\r\n      inset: 22px 34px 72px 40px;\r\n      border-radius: var(--ksc-radius-xl);\r\n      overflow: hidden;\r\n      box-shadow: var(--ksc-shadow);\r\n      border: 1px solid rgba(255,255,255,.68);\r\n      transform: rotate(1.2deg);\r\n      background: #fff;\r\n    }\r\n\r\n    .ksc-photo-main img,\r\n    .ksc-stack-card img,\r\n    .ksc-product-card img,\r\n    .ksc-award-media img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n      transition: transform .8s ease, filter .8s ease;\r\n    }\r\n\r\n    .ksc-photo-main::after,\r\n    .ksc-product-card::after,\r\n    .ksc-award-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, rgba(255,250,246,.02), rgba(55,44,39,.34));\r\n      pointer-events: none;\r\n    }\r\n\r\n    .ksc-photo-main:hover img { transform: scale(1.045); filter: saturate(1.06) contrast(1.03); }\r\n\r\n    .ksc-orbit {\r\n      position: absolute;\r\n      width: 190px;\r\n      height: 190px;\r\n      right: 0;\r\n      top: 8px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(232,199,192,.58), transparent 68%);\r\n      filter: blur(2px);\r\n      animation: kscFloat 5.5s ease-in-out infinite;\r\n    }\r\n\r\n    .ksc-stack-card {\r\n      position: absolute;\r\n      width: 235px;\r\n      height: 285px;\r\n      right: 0;\r\n      bottom: 22px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255,255,255,.72);\r\n      box-shadow: 0 28px 80px rgba(86,66,57,.18);\r\n      transform: rotate(-5deg);\r\n      transition: transform .45s ease;\r\n      background: #fff;\r\n    }\r\n\r\n    .ksc-stack-card:hover { transform: rotate(-2deg) translateY(-8px); }\r\n\r\n    .ksc-floating-note {\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 34px;\r\n      max-width: 300px;\r\n      padding: 20px;\r\n      border-radius: 24px;\r\n      background: rgba(255, 255, 255, .68);\r\n      border: 1px solid rgba(86,66,57,.14);\r\n      backdrop-filter: blur(18px);\r\n      box-shadow: 0 24px 80px rgba(86,66,57,.14);\r\n      transform: rotate(-1.4deg);\r\n    }\r\n\r\n    .ksc-floating-note b {\r\n      display: block;\r\n      color: #8a5b4a;\r\n      margin-bottom: 8px;\r\n      font-size: 16px;\r\n    }\r\n\r\n    .ksc-floating-note p {\r\n      margin: 0;\r\n      color: rgba(55,44,39,.74);\r\n      line-height: 1.5;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .ksc-marquee {\r\n      border-top: 1px solid rgba(86,66,57,.12);\r\n      border-bottom: 1px solid rgba(86,66,57,.12);\r\n      background: rgba(255,255,255,.42);\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .ksc-marquee-track {\r\n      display: inline-flex;\r\n      gap: 34px;\r\n      padding: 17px 0;\r\n      animation: kscMarquee 24s linear infinite;\r\n      color: rgba(55,44,39,.62);\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .ksc-marquee-track span::before {\r\n      content: \"\u2726\";\r\n      color: #c9937c;\r\n      margin-right: 34px;\r\n    }\r\n\r\n    .ksc-section {\r\n      padding: 92px 0;\r\n      position: relative;\r\n    }\r\n\r\n    .ksc-section-head {\r\n      display: grid;\r\n      grid-template-columns: .9fr 1.1fr;\r\n      gap: 28px;\r\n      align-items: end;\r\n      margin-bottom: 34px;\r\n    }\r\n\r\n    .ksc-eyebrow {\r\n      display: inline-block;\r\n      color: #8a5b4a;\r\n      font-weight: 760;\r\n      text-transform: uppercase;\r\n      letter-spacing: .14em;\r\n      font-size: 12px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .ksc-section h2 {\r\n      margin: 0;\r\n      font-size: clamp(34px, 4vw, 62px);\r\n      line-height: .98;\r\n      letter-spacing: -.055em;\r\n      color: #372c27;\r\n    }\r\n\r\n    .ksc-section-head p {\r\n      margin: 0;\r\n      color: rgba(55,44,39,.7);\r\n      line-height: 1.7;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .ksc-products {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n\r\n    .ksc-product-card {\r\n      min-height: 520px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 32px;\r\n      border: 1px solid rgba(255,255,255,.72);\r\n      box-shadow: 0 22px 80px rgba(86,66,57,.14);\r\n      background: rgba(255,255,255,.62);\r\n      transform: translateY(0);\r\n      transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;\r\n    }\r\n\r\n    .ksc-product-card:hover {\r\n      transform: translateY(-10px);\r\n      border-color: rgba(201,147,124,.44);\r\n      box-shadow: 0 34px 100px rgba(86,66,57,.18);\r\n    }\r\n\r\n    .ksc-product-card:hover img { transform: scale(1.06); }\r\n\r\n    .ksc-product-content {\r\n      position: absolute;\r\n      z-index: 2;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      padding: 28px;\r\n      color: #fffaf6;\r\n    }\r\n\r\n    .ksc-pill {\r\n      display: inline-flex;\r\n      width: fit-content;\r\n      padding: 8px 12px;\r\n      border-radius: 999px;\r\n      background: rgba(255,255,255,.22);\r\n      border: 1px solid rgba(255,255,255,.34);\r\n      color: #fffaf6;\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: .1em;\r\n      margin-bottom: 14px;\r\n      backdrop-filter: blur(14px);\r\n    }\r\n\r\n    .ksc-product-content h3 {\r\n      margin: 0 0 12px;\r\n      font-size: clamp(25px, 2.35vw, 34px);\r\n      line-height: 1;\r\n      letter-spacing: -.04em;\r\n      color: #fffaf6;\r\n    }\r\n\r\n    .ksc-product-content p {\r\n      margin: 0 0 20px;\r\n      color: rgba(255,250,246,.84);\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .ksc-card-link {\r\n      color: #372c27 !important;\r\n      background: #fff4ef;\r\n      border-radius: 999px;\r\n      padding: 11px 15px;\r\n      text-decoration: none !important;\r\n      font-weight: 780;\r\n      display: inline-flex;\r\n      transition: transform .3s ease, background .3s ease;\r\n    }\r\n\r\n    .ksc-card-link:hover { transform: translateX(4px); background: #f3d8d1; }\r\n\r\n    .ksc-award {\r\n      display: grid;\r\n      grid-template-columns: 1fr .88fr;\r\n      gap: 26px;\r\n      align-items: stretch;\r\n      padding: 22px;\r\n      border-radius: 38px;\r\n      background:\r\n        linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,255,255,.42)),\r\n        radial-gradient(circle at 20% 20%, rgba(232,199,192,.44), transparent 34%);\r\n      border: 1px solid rgba(255,255,255,.72);\r\n      box-shadow: 0 28px 95px rgba(86,66,57,.13);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .ksc-award-copy {\r\n      padding: clamp(26px, 4vw, 56px);\r\n      align-self: center;\r\n    }\r\n\r\n    .ksc-award-copy h2 {\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .ksc-award-copy p {\r\n      margin: 0;\r\n      color: rgba(55,44,39,.75);\r\n      font-size: clamp(18px, 1.7vw, 22px);\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .ksc-award-media {\r\n      min-height: 420px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      background:\r\n        linear-gradient(135deg, rgba(232,199,192,.45), rgba(255,250,246,.82)),\r\n        repeating-linear-gradient(45deg, rgba(86,66,57,.08) 0 1px, transparent 1px 16px);\r\n      border: 1px solid rgba(86,66,57,.12);\r\n    }\r\n\r\n    .ksc-award-placeholder {\r\n      position: absolute;\r\n      inset: 22px;\r\n      border: 1px dashed rgba(86,66,57,.34);\r\n      border-radius: 24px;\r\n      display: grid;\r\n      place-items: center;\r\n      text-align: center;\r\n      color: rgba(55,44,39,.68);\r\n      padding: 24px;\r\n      z-index: 2;\r\n      background: rgba(255,255,255,.48);\r\n      backdrop-filter: blur(10px);\r\n      font-weight: 700;\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .ksc-contact-strip {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 22px;\r\n      align-items: center;\r\n      padding: clamp(24px, 4vw, 42px);\r\n      border-radius: 34px 34px 0 0;\r\n      background: linear-gradient(135deg, #fff4ef, #e8c7c0 58%, #c9937c);\r\n      color: #372c27;\r\n      box-shadow: 0 -24px 80px rgba(86,66,57,.12);\r\n    }\r\n\r\n    .ksc-contact-strip h2 {\r\n      color: #372c27;\r\n      margin: 0 0 8px;\r\n      font-size: clamp(30px, 3.4vw, 50px);\r\n      letter-spacing: -.05em;\r\n    }\r\n\r\n    .ksc-contact-strip p {\r\n      margin: 0;\r\n      color: rgba(55,44,39,.72);\r\n      font-size: 17px;\r\n      line-height: 1.55;\r\n    }\r\n\r\n    .ksc-contact-actions {\r\n      display: flex;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      justify-content: flex-end;\r\n    }\r\n\r\n    .ksc-contact-actions a {\r\n      min-height: 52px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0 18px;\r\n      border-radius: 999px;\r\n      color: #fffaf6 !important;\r\n      background: #372c27;\r\n      text-decoration: none !important;\r\n      font-weight: 800;\r\n      transition: transform .3s ease, box-shadow .3s ease;\r\n      box-shadow: 0 14px 38px rgba(86,66,57,.22);\r\n    }\r\n\r\n    .ksc-contact-actions a:hover { transform: translateY(-3px); box-shadow: 0 18px 48px rgba(86,66,57,.3); }\r\n\r\n    @keyframes kscFadeUp {\r\n      from { opacity: 0; transform: translateY(22px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes kscReveal {\r\n      from { opacity: 0; transform: translateY(28px) scale(.98); }\r\n      to { opacity: 1; transform: translateY(0) scale(1); }\r\n    }\r\n\r\n    @keyframes kscFloat {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(18px); }\r\n    }\r\n\r\n    @keyframes kscMarquee {\r\n      from { transform: translateX(0); }\r\n      to { transform: translateX(-50%); }\r\n    }\r\n\r\n    @media (max-width: 980px) {\r\n      .ksc-hero-grid,\r\n      .ksc-section-head,\r\n      .ksc-award,\r\n      .ksc-contact-strip { grid-template-columns: 1fr; }\r\n      .ksc-hero { min-height: auto; padding-top: 58px; }\r\n      .ksc-visual { min-height: 560px; }\r\n      .ksc-products { grid-template-columns: 1fr; }\r\n      .ksc-product-card { min-height: 460px; }\r\n      .ksc-contact-actions { justify-content: flex-start; }\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      .ksc-wrap { width: min(100% - 24px, var(--ksc-max)); }\r\n      .ksc-hero { padding: 38px 0 32px; }\r\n      .ksc-title { font-size: clamp(42px, 14vw, 62px); }\r\n      .ksc-trust-row { grid-template-columns: 1fr; }\r\n      .ksc-visual { min-height: 470px; }\r\n      .ksc-photo-main { inset: 0 0 96px 0; border-radius: 28px; transform: none; }\r\n      .ksc-stack-card { width: 170px; height: 210px; right: 10px; bottom: 0; }\r\n      .ksc-floating-note { left: 10px; bottom: 18px; max-width: 230px; padding: 16px; }\r\n      .ksc-section { padding: 66px 0; }\r\n      .ksc-product-content { padding: 22px; }\r\n      .ksc-award { padding: 14px; border-radius: 28px; }\r\n      .ksc-award-copy { padding: 22px; }\r\n      .ksc-award-media { min-height: 310px; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"ksc-ambient\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"ksc-wrap\">\r\n    <div class=\"ksc-hero\">\r\n      <div class=\"ksc-hero-grid\">\r\n        <div class=\"ksc-hero-copy\">\r\n          <div class=\"ksc-kicker\">Proizvodnja \u2022 veleprodaja \u2022 pouzdana isporuka<\/div>\r\n          <h1 class=\"ksc-title\">Premium palete <span>za Va\u0161e poslovanje.<\/span><\/h1>\r\n          <p class=\"ksc-lead\">\r\n            Proizvodimo <strong>drvene palete <\/strong> i <strong>brikete za grijanje<\/strong> za poslovne kupce, veleprodaju i dugoro\u010dne partnere. Prirodna toplina daje druga\u010diji, poseban osje\u0107aj \u2014 jer kad je toplina prirodna, prostor odmah postaje ugodniji.\r\n          <\/p>\r\n          <div class=\"ksc-actions\">\r\n            <a class=\"ksc-btn ksc-btn-primary\" href=\"tel:+38598642815\">Nazovi: +385 98 642 815<\/a>\r\n            <a class=\"ksc-btn ksc-btn-ghost\" href=\"mailto:marko@koscal.hr\">Po\u0161alji upit<\/a>\r\n          <\/div>\r\n          <div class=\"ksc-trust-row\" aria-label=\"Prednosti suradnje\">\r\n            <div class=\"ksc-trust\"><b>B2B<\/b><small>Fokus na tvrtke, veleprodaju i stalne narud\u017ebe.<\/small><\/div>\r\n            <div class=\"ksc-trust\"><b>Po dogovoru<\/b><small>Mogu\u0107a dostava prema lokaciji i koli\u010dini.<\/small><\/div>\r\n            <div class=\"ksc-trust\"><b>30+<\/b><small>Godina poslovanja<\/small><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ksc-visual\" aria-label=\"Koscal proizvodnja drvenih paleta i briketa\">\r\n          <div class=\"ksc-orbit\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"ksc-photo-main\">\r\n            <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-1-2026-07_39_53-PM.png\" alt=\"Briketi za grijanje uz prirodnu vatru\" loading=\"eager\">\r\n          <\/div>\r\n          <div class=\"ksc-stack-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/2b44bf14-1d81-46ce-8d67-4b6b8b57aa33.png\" alt=\"Drvene palete za B2B kupce\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"ksc-floating-note\">\r\n            <b>Prirodna toplina<\/b>\r\n            <p>Briketi od drveta stvaraju mirniji, topliji i posebniji osje\u0107aj grijanja.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ksc-marquee\" aria-hidden=\"true\">\r\n    <div class=\"ksc-marquee-track\">\r\n      <span>Briketi za grijanje<\/span><span>Drvene palete po mjeri<\/span><span>B2B veleprodaja<\/span><span>Dostava po dogovoru<\/span><span>Custom namje\u0161taj od paleta<\/span>\r\n      <span>Briketi za grijanje<\/span><span>Drvene palete po mjeri<\/span><span>B2B veleprodaja<\/span><span>Dostava po dogovoru<\/span><span>Custom namje\u0161taj od paleta<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ksc-wrap\">\r\n    <section class=\"ksc-section\" id=\"ponuda\">\r\n      <div class=\"ksc-section-head\">\r\n        <div>\r\n          <span class=\"ksc-eyebrow\">Ponuda<\/span>\r\n          <h2>Tri jaka smjera. Jedan pouzdan partner.<\/h2>\r\n        <\/div>\r\n        <p>\r\n          Za proizvodne pogone, trgovine, logistiku, ugostiteljstvo i partnere koji tra\u017ee stabilnu opskrbu, profesionalan dogovor i proizvode s karakterom prirodnog drveta.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ksc-products\">\r\n        <article class=\"ksc-product-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/00bc8175-9288-4e3c-9521-b9d725f08ee1.png\" alt=\"Briketi za grijanje u veleprodaji\" loading=\"lazy\">\r\n          <div class=\"ksc-product-content\">\r\n            <span class=\"ksc-pill\">Prirodna toplina<\/span>\r\n            <h3>Briketi za grijanje<\/h3>\r\n            <p>Drveni briketi za kupce koji \u017eele u\u010dinkovito, ugodno i prirodno grijanje. Toplina drveta daje poseban osje\u0107aj koji se ne mo\u017ee imitirati.<\/p>\r\n            <a class=\"ksc-card-link\" href=\"mailto:marko@koscal.hr?subject=Upit%20za%20brikete%20za%20grijanje\">Zatra\u017ei veleprodajnu ponudu<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ksc-product-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-1-2026-07_39_34-PM.png\" alt=\"Drvene palete po mjeri\" loading=\"lazy\">\r\n          <div class=\"ksc-product-content\">\r\n            <span class=\"ksc-pill\">B2B proizvodnja<\/span>\r\n            <h3>Drvene palete<\/h3>\r\n            <p>Palete prilago\u0111ene potrebama poslovnih kupaca, koli\u010dinama, dimenzijama i dogovorenoj dinamici isporuke.<\/p>\r\n            <a class=\"ksc-card-link\" href=\"mailto:marko@koscal.hr?subject=Upit%20za%20drvene%20palete\">Po\u0161alji specifikaciju<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"ksc-product-card\">\r\n          <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/ChatGPT-Image-Apr-1-2026-07_39_37-PM.png\" alt=\"Custom namje\u0161taj od paleta\" loading=\"lazy\">\r\n          <div class=\"ksc-product-content\">\r\n            <span class=\"ksc-pill\">Posebne izvedbe<\/span>\r\n            <h3>Custom namje\u0161taj od paleta<\/h3>\r\n            <p>Namje\u0161taj od paleta za terase, lokale, event prostore i posebne projekte \u2014 rustikalno, funkcionalno i upe\u010datljivo.<\/p>\r\n            <a class=\"ksc-card-link\" href=\"mailto:marko@koscal.hr?subject=Upit%20za%20custom%20namje%C5%A1taj%20od%20paleta\">Dogovori projekt<\/a>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"ksc-section\" id=\"zlatna-kuna\">\r\n      <div class=\"ksc-award\">\r\n        <div class=\"ksc-award-copy\">\r\n          <span class=\"ksc-eyebrow\">Priznanje poslovne zajednice<\/span>\r\n          <h2>Zlatna kuna<\/h2>\r\n          <p>\r\n            Na\u0161e zalaganje i poslovni rezultati prepoznati su od strane poslovne zajednice te smo dobitnici priznanja \u201eZlatna kuna\u201d za najuspje\u0161nije srednje trgova\u010dko dru\u0161tvo u Republici Hrvatskoj u 2022. godini.\r\n          <\/p>\r\n        <\/div>\r\n        <div class=\"ks-story-image\">\r\n  <img decoding=\"async\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/20231031_071841-scaled.jpg\" alt=\"Proizvodnja paleta\">\r\n<\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"ksc-section\" id=\"kontakt-home\">\r\n      <div class=\"ksc-contact-strip\">\r\n        <div>\r\n          <h2>Za veleprodaju, stalnu isporuku i dogovor oko koli\u010dina.<\/h2>\r\n          <p>Javite se direktno \u2014 dogovaramo proizvodnju, koli\u010dine, dinamiku i mogu\u0107nost dostave prema potrebi.<\/p>\r\n        <\/div>\r\n        <div class=\"ksc-contact-actions\">\r\n          <a href=\"tel:+38598642815\">+385 98 642 815<\/a>\r\n          <a href=\"mailto:marko@koscal.hr\">marko@koscal.hr<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const root = document.querySelector('#koscal-homepage');\r\n      if (!root) return;\r\n\r\n      const cards = root.querySelectorAll('.ksc-product-card, .ksc-award, .ksc-contact-strip');\r\n      if (!('IntersectionObserver' in window)) return;\r\n\r\n      cards.forEach((el) => {\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(26px)';\r\n        el.style.transition = 'opacity .75s ease, transform .75s ease, box-shadow .45s ease, border-color .45s ease';\r\n      });\r\n\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.style.opacity = '1';\r\n            entry.target.style.transform = 'translateY(0)';\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: .16 });\r\n\r\n      cards.forEach((el) => observer.observe(el));\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d1f9273 e-con-full e-flex e-con e-parent\" data-id=\"d1f9273\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-83aee73 e-con-full e-flex e-con e-child\" data-id=\"83aee73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"00394a8\" \n\t\tclass=\"e-00394a8-f1bcc8d e-heading-base\" \n\t\t \n\t\tdata-e-type=\"widget\" data-id=\"00394a8\"\n\t>\n\t\n\t\t\tPo\u0161alji nam upit!\n\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-89bb7eb e-con-full e-flex e-con e-child\" data-id=\"89bb7eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c33ed48 elementor-button-align-center elementor-widget elementor-widget-form\" data-id=\"c33ed48\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"19\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"c33ed48\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"19\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tIme i prezime\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Ime i prezime\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPoruka\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Poruka\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Po\u0161alji<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63fbb3f e-flex e-con-boxed e-con e-parent\" data-id=\"63fbb3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-41c5d36 e-con-full e-flex e-con e-child\" data-id=\"41c5d36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e320a elementor-widget elementor-widget-image\" data-id=\"d8e320a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/koscal.hr\/?page_id=128\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"294\" height=\"64\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Picture2.jpg\" class=\"attachment-large size-large wp-image-127\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ad8c87 e-con-full e-flex e-con e-child\" data-id=\"1ad8c87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-823a708 elementor-widget elementor-widget-image\" data-id=\"823a708\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-1024x576.png\" class=\"attachment-large size-large wp-image-168\" alt=\"\" srcset=\"https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-1024x576.png 1024w, https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-300x169.png 300w, https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-768x432.png 768w, https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-1536x864.png 1536w, https:\/\/koscal.hr\/wp-content\/uploads\/2026\/04\/Oznake_Koscal-30-2048x1152.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Proizvodnja \u2022 veleprodaja \u2022 pouzdana isporuka Premium palete za Va\u0161e poslovanje. Proizvodimo drvene palete i brikete za grijanje za poslovne kupce, veleprodaju i dugoro\u010dne partnere. Prirodna toplina daje druga\u010diji, poseban osje\u0107aj \u2014 jer kad je toplina prirodna, prostor odmah postaje ugodniji. Nazovi: +385 98 642 815 Po\u0161alji upit B2BFokus na tvrtke, veleprodaju i stalne narud\u017ebe.&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/koscal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":71,"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/koscal.hr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/koscal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}