{"id":10,"date":"2026-04-23T10:26:18","date_gmt":"2026-04-23T08:26:18","guid":{"rendered":"https:\/\/opd.hr\/goldenglobe\/?page_id=10"},"modified":"2026-05-12T13:31:20","modified_gmt":"2026-05-12T11:31:20","slug":"bmi-bramac-crijep-golden-globe","status":"publish","type":"page","link":"https:\/\/goldenglobe.hr\/bmibramac\/","title":{"rendered":"BMI Bramac Crijep | Golden Globe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e935f99 e-flex e-con-boxed e-con e-parent\" data-id=\"e935f99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87282c9 elementor-widget elementor-widget-heading\" data-id=\"87282c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Crijep koji pamti generacije.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd505c elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"3fd505c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>S ponosom isti\u010demo da \u0107e BMI proizvodi biti kontinuirano dostupni putem na\u0161eg ekskluzivnog distributera, Golden Globe d.o.o.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e94a008 elementor-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"e94a008\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#proizvodi\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Istra\u017eite modele crijepova<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88eaffb e-con-full e-flex e-con e-parent\" data-id=\"88eaffb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a218961 elementor-widget elementor-widget-html\" data-id=\"a218961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GOLDEN GLOBE \/ BMI - Cinematic Image Reveal + Ambient Shimmer -->\r\n<section class=\"gg-cinematic-reveal\" id=\"ggCinematicReveal\">\r\n  <div class=\"gg-cinematic-reveal__stage\">\r\n    <img decoding=\"async\"\r\n      class=\"gg-cinematic-reveal__image\"\r\n      src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/05\/Bramac-after-hero.jpeg\"\r\n      alt=\"BMI crijep na obiteljskoj ku\u0107i\"\r\n      loading=\"eager\"\r\n    \/>\r\n\r\n    <div class=\"gg-cinematic-reveal__vignette\"><\/div>\r\n    <div class=\"gg-cinematic-reveal__contrast\"><\/div>\r\n    <div class=\"gg-cinematic-reveal__light-sweep\"><\/div>\r\n    <div class=\"gg-cinematic-reveal__ambient-sweep\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  html,\r\n  body {\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .gg-cinematic-reveal {\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    background: #0f1a1f;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .gg-cinematic-reveal__stage {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    min-height: 620px;\r\n    overflow: hidden;\r\n    background: #0f1a1f;\r\n    clip-path: inset(4% 0 4% 0);\r\n    opacity: 0.92;\r\n    transition:\r\n      clip-path 1.2s cubic-bezier(0.22, 1, 0.36, 1),\r\n      opacity 1s ease;\r\n  }\r\n\r\n  .gg-cinematic-reveal__image {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 100% !important;\r\n    min-height: 100% !important;\r\n    max-width: none !important;\r\n    object-fit: cover !important;\r\n    object-position: 50% 50%;\r\n\r\n    transform: scale(1.7);\r\n    transform-origin: 46% 38%;\r\n    filter: brightness(0.98) contrast(1.02) saturate(1.02);\r\n    will-change: transform, filter;\r\n    backface-visibility: hidden;\r\n\r\n    transition:\r\n      transform 3.5s cubic-bezier(0.22, 1, 0.36, 1),\r\n      filter 1.4s ease;\r\n    z-index: 1;\r\n  }\r\n\r\n  .gg-cinematic-reveal__vignette {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    opacity: 0.58;\r\n    background:\r\n      radial-gradient(circle at 48% 38%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 34%),\r\n      linear-gradient(to bottom, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.28) 100%),\r\n      linear-gradient(to right, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0.10) 100%);\r\n    transition: opacity 1.2s ease;\r\n  }\r\n\r\n  .gg-cinematic-reveal__contrast {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    background:\r\n      radial-gradient(circle at 50% 35%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 36%),\r\n      rgba(0, 0, 0, 0.04);\r\n    transition: opacity 1.2s ease;\r\n  }\r\n\r\n  .gg-cinematic-reveal__light-sweep,\r\n  .gg-cinematic-reveal__ambient-sweep {\r\n    position: absolute;\r\n    top: -35%;\r\n    left: -95%;\r\n    width: 56%;\r\n    height: 170%;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transform: rotate(18deg) translateX(0);\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,0) 0%,\r\n      rgba(255,255,255,0.04) 32%,\r\n      rgba(255,255,255,0.26) 50%,\r\n      rgba(255,255,255,0.04) 68%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n    mix-blend-mode: screen;\r\n    filter: blur(14px);\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .gg-cinematic-reveal__ambient-sweep {\r\n    z-index: 5;\r\n    width: 46%;\r\n    left: -105%;\r\n    filter: blur(18px);\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,0) 0%,\r\n      rgba(255,255,255,0.025) 34%,\r\n      rgba(255,255,255,0.16) 50%,\r\n      rgba(255,255,255,0.025) 66%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__stage {\r\n    clip-path: inset(0 0 0 0);\r\n    opacity: 1;\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__image {\r\n    transform: scale(1);\r\n    filter: brightness(0.99) contrast(1.08) saturate(1.04);\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__vignette {\r\n    opacity: 0.78;\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__contrast {\r\n    opacity: 0.32;\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__light-sweep {\r\n    animation: ggLightSweep 1.35s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;\r\n  }\r\n\r\n  .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__ambient-sweep {\r\n    animation: ggAmbientSweep 7.5s cubic-bezier(0.22, 1, 0.36, 1) 2.4s infinite;\r\n  }\r\n\r\n  @keyframes ggLightSweep {\r\n    0% {\r\n      opacity: 0;\r\n      transform: rotate(18deg) translateX(0);\r\n    }\r\n    12% {\r\n      opacity: 0.16;\r\n    }\r\n    35% {\r\n      opacity: 0.24;\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n      transform: rotate(18deg) translateX(280%);\r\n    }\r\n  }\r\n\r\n  @keyframes ggAmbientSweep {\r\n    0% {\r\n      opacity: 0;\r\n      transform: rotate(18deg) translateX(0);\r\n    }\r\n    8% {\r\n      opacity: 0;\r\n    }\r\n    18% {\r\n      opacity: 0.10;\r\n    }\r\n    34% {\r\n      opacity: 0.14;\r\n    }\r\n    52% {\r\n      opacity: 0;\r\n      transform: rotate(18deg) translateX(335%);\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n      transform: rotate(18deg) translateX(335%);\r\n    }\r\n  }\r\n\r\n @media (max-width: 767px) {\r\n  .gg-cinematic-reveal__stage {\r\n    height: 520px;\r\n    min-height: 520px;\r\n  }\r\n}\r\n\r\n    .gg-cinematic-reveal__image {\r\n      object-position: 52% 50%;\r\n      transform-origin: 48% 36%;\r\n      transform: scale(1.8);\r\n    }\r\n\r\n    .gg-cinematic-reveal__vignette {\r\n      opacity: 0.62;\r\n    }\r\n\r\n    .gg-cinematic-reveal__light-sweep {\r\n      width: 78%;\r\n      left: -115%;\r\n      filter: blur(12px);\r\n    }\r\n\r\n    .gg-cinematic-reveal__ambient-sweep {\r\n      width: 72%;\r\n      left: -125%;\r\n      filter: blur(18px);\r\n    }\r\n\r\n    .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__image {\r\n      transform: scale(1);\r\n    }\r\n\r\n    .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__light-sweep {\r\n      animation: ggLightSweepMobile 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;\r\n    }\r\n\r\n    .gg-cinematic-reveal.is-visible .gg-cinematic-reveal__ambient-sweep {\r\n      animation: ggAmbientSweepMobile 8.5s cubic-bezier(0.22, 1, 0.36, 1) 2.2s infinite;\r\n    }\r\n\r\n    @keyframes ggLightSweepMobile {\r\n      0% {\r\n        opacity: 0;\r\n        transform: rotate(18deg) translateX(0);\r\n      }\r\n      12% {\r\n        opacity: 0.14;\r\n      }\r\n      35% {\r\n        opacity: 0.22;\r\n      }\r\n      100% {\r\n        opacity: 0;\r\n        transform: rotate(18deg) translateX(240%);\r\n      }\r\n    }\r\n\r\n    @keyframes ggAmbientSweepMobile {\r\n      0% {\r\n        opacity: 0;\r\n        transform: rotate(18deg) translateX(0);\r\n      }\r\n      10% {\r\n        opacity: 0;\r\n      }\r\n      22% {\r\n        opacity: 0.09;\r\n      }\r\n      40% {\r\n        opacity: 0.12;\r\n      }\r\n      58% {\r\n        opacity: 0;\r\n        transform: rotate(18deg) translateX(285%);\r\n      }\r\n      100% {\r\n        opacity: 0;\r\n        transform: rotate(18deg) translateX(285%);\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .gg-cinematic-reveal__stage,\r\n    .gg-cinematic-reveal__image,\r\n    .gg-cinematic-reveal__vignette,\r\n    .gg-cinematic-reveal__contrast {\r\n      transition: none !important;\r\n    }\r\n\r\n    .gg-cinematic-reveal__light-sweep,\r\n    .gg-cinematic-reveal__ambient-sweep {\r\n      display: none !important;\r\n    }\r\n\r\n    .gg-cinematic-reveal__stage {\r\n      clip-path: inset(0 0 0 0) !important;\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    .gg-cinematic-reveal__image {\r\n      transform: none !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .gg-cinematic-reveal__vignette {\r\n      opacity: 0.72 !important;\r\n    }\r\n\r\n    .gg-cinematic-reveal__contrast {\r\n      opacity: 0.18 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    function initCinematicReveal() {\r\n      const section = document.querySelector(\"#ggCinematicReveal\");\r\n      if (!section) return;\r\n      if (section.dataset.initialized === \"true\") return;\r\n      section.dataset.initialized = \"true\";\r\n\r\n      const observer = new IntersectionObserver(\r\n        function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              section.classList.add(\"is-visible\");\r\n              observer.unobserve(section);\r\n            }\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.35\r\n        }\r\n      );\r\n\r\n      observer.observe(section);\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initCinematicReveal);\r\n    } else {\r\n      initCinematicReveal();\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f613728 e-con-full e-flex e-con e-parent\" data-id=\"f613728\" data-element_type=\"container\" data-e-type=\"container\" id=\"proizvodi\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a1617b elementor-widget elementor-widget-html\" data-id=\"9a1617b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   BMI BRAMAC \u2013 PREMIUM PRODUCT GRID\r\n   6 cards \/ 2 columns\r\n   Accent color: BMI Blue #009FDF\r\n========================================= *\/\r\n\r\n.bmi-product-grid {\r\n  --bmi-blue: #009FDF;\r\n  --bmi-blue-rgb: 0, 159, 223;\r\n  --bmi-dark: #171717;\r\n  --bmi-text: #222;\r\n  --bmi-muted: #6c6c6c;\r\n  --bmi-line: rgba(0,0,0,0.08);\r\n  --bmi-bg: #f7f4f1;\r\n  --bmi-card: rgba(255,255,255,0.82);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(72px, 8vw, 120px) 20px;\r\n  background:\r\n    radial-gradient(circle at 10% 10%, rgba(var(--bmi-blue-rgb), 0.10), transparent 30%),\r\n    linear-gradient(135deg, #ffffff 0%, #f8f5f2 100%);\r\n  color: var(--bmi-text);\r\n  font-family: inherit;\r\n}\r\n\r\n.bmi-product-grid * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bmi-product-grid__inner {\r\n  width: min(1320px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.bmi-product-grid__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  color: var(--bmi-blue);\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-product-grid__eyebrow::before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n}\r\n\r\n.bmi-product-grid__header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);\r\n  gap: 28px;\r\n  align-items: end;\r\n  margin-bottom: clamp(30px, 4vw, 52px);\r\n}\r\n\r\n.bmi-product-grid__title {\r\n  margin: 0;\r\n  font-size: clamp(42px, 6vw, 82px);\r\n  line-height: 0.92;\r\n  letter-spacing: -0.055em;\r\n  font-weight: 700;\r\n  color: var(--bmi-dark);\r\n}\r\n\r\n.bmi-product-grid__intro {\r\n  margin: 0;\r\n  color: var(--bmi-muted);\r\n  font-size: clamp(16px, 1.4vw, 18px);\r\n  line-height: 1.65;\r\n}\r\n\r\n.bmi-product-grid__cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 26px;\r\n}\r\n\r\n\/* CARD *\/\r\n.bmi-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 1px solid var(--bmi-line);\r\n  border-radius: 30px;\r\n  background: var(--bmi-card);\r\n  backdrop-filter: blur(10px);\r\n  box-shadow: 0 20px 60px rgba(24, 22, 21, 0.08);\r\n  transition:\r\n    transform 0.35s ease,\r\n    box-shadow 0.35s ease,\r\n    border-color 0.35s ease;\r\n  animation: bmiCardIn 0.75s ease both;\r\n}\r\n\r\n.bmi-card:nth-child(1) { animation-delay: .02s; }\r\n.bmi-card:nth-child(2) { animation-delay: .08s; }\r\n.bmi-card:nth-child(3) { animation-delay: .14s; }\r\n.bmi-card:nth-child(4) { animation-delay: .20s; }\r\n.bmi-card:nth-child(5) { animation-delay: .26s; }\r\n.bmi-card:nth-child(6) { animation-delay: .32s; }\r\n\r\n@keyframes bmiCardIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.bmi-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 28px 90px rgba(24, 22, 21, 0.14);\r\n  border-color: rgba(var(--bmi-blue-rgb), 0.28);\r\n}\r\n\r\n.bmi-card__media {\r\n  position: relative;\r\n  height: 300px;\r\n  overflow: hidden;\r\n  background: #1e1e1e;\r\n}\r\n\r\n.bmi-card__media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 1s ease;\r\n}\r\n\r\n.bmi-card:hover .bmi-card__media img {\r\n  transform: scale(1.06);\r\n}\r\n\r\n.bmi-card__media::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.24)),\r\n    linear-gradient(0deg, rgba(0,0,0,0.42), transparent 50%);\r\n}\r\n\r\n.bmi-card__number {\r\n  position: absolute;\r\n  top: 18px;\r\n  left: 18px;\r\n  z-index: 2;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 58px;\r\n  height: 34px;\r\n  padding: 0 12px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.14);\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  color: #fff;\r\n  font-size: 12px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-card__floating {\r\n  width: 412px;\r\n  max-width: 100%;\r\n  position: absolute;\r\n  left: 18px;\r\n  right: 18px;\r\n  bottom: 18px;\r\n  z-index: 2;\r\n  padding: 16px 18px;\r\n  border-radius: 20px;\r\n  background: rgba(20,20,20,0.52);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  backdrop-filter: blur(14px);\r\n  color: #fff;\r\n  box-shadow: 0 14px 40px rgba(0,0,0,0.22);\r\n}\r\n\r\n.bmi-card__floating-label {\r\n  margin-bottom: 6px;\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-card__floating-text {\r\n  margin: 0;\r\n  font-size: 17px;\r\n  line-height: 1.35;\r\n  font-weight: 750;\r\n}\r\n\r\n.bmi-card__body {\r\n  position: relative;\r\n  padding: 28px 28px 26px;\r\n}\r\n\r\n.bmi-card__body::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 28px;\r\n  width: 48px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.bmi-card__category {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  margin-bottom: 14px;\r\n  padding: 7px 11px;\r\n  border-radius: 999px;\r\n  background: rgba(var(--bmi-blue-rgb), 0.10);\r\n  color: var(--bmi-blue);\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-card__title {\r\n  margin: 0 0 12px;\r\n  color: var(--bmi-dark);\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  line-height: 0.96;\r\n  letter-spacing: -0.05em;\r\n  font-weight: 900;\r\n}\r\n\r\n.bmi-card__desc {\r\n  margin: 0 0 22px;\r\n  color: var(--bmi-muted);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.bmi-card__features {\r\n  display: grid;\r\n  gap: 9px;\r\n  margin: 0 0 24px;\r\n  padding: 0;\r\n  list-style: none;\r\n}\r\n\r\n.bmi-card__features li {\r\n  position: relative;\r\n  padding-left: 18px;\r\n  font-size: 14px;\r\n  line-height: 1.45;\r\n  font-weight: 650;\r\n  color: #2e2e2e;\r\n}\r\n\r\n.bmi-card__features li::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: .56em;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n}\r\n\r\n.bmi-card__specs {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 10px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.bmi-card__spec {\r\n  padding: 14px;\r\n  border-radius: 16px;\r\n  background: #f5f1ed;\r\n  border: 1px solid rgba(0,0,0,0.04);\r\n}\r\n\r\n.bmi-card__spec span {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: #7c7c7c;\r\n  font-size: 10px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-card__spec strong {\r\n  color: #1f1f1f;\r\n  font-size: 14px;\r\n  line-height: 1.35;\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-card__swatches {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.bmi-card__swatches-title {\r\n  margin-bottom: 10px;\r\n  color: #1f1f1f;\r\n  font-size: 12px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-card__swatches-list {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n.bmi-swatch {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  min-height: 36px;\r\n  padding: 7px 10px 7px 7px;\r\n  border: 1px solid rgba(0,0,0,0.08);\r\n  border-radius: 999px;\r\n  background: #fff;\r\n  font-size: 12px;\r\n  font-weight: 750;\r\n  color: #333;\r\n}\r\n\r\n.bmi-swatch::before {\r\n  content: \"\";\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 999px;\r\n  background: var(--swatch);\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,0.3),\r\n    0 4px 12px rgba(0,0,0,0.12);\r\n}\r\n\r\n.bmi-card__cta {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.bmi-card__cta a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 46px;\r\n  padding: 13px 18px;\r\n  border-radius: 999px;\r\n  font-size: 13px;\r\n  font-weight: 850;\r\n  text-decoration: none;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n\/* Primary button - uvijek prvi gumb *\/\r\n.bmi-card__cta a:first-child {\r\n  background: var(--bmi-blue);\r\n  color: #fff;\r\n  box-shadow: 0 14px 30px rgba(var(--bmi-blue-rgb), 0.24);\r\n}\r\n\r\n.bmi-card__cta a:first-child:hover {\r\n  transform: translateY(-2px);\r\n  color: #fff;\r\n  box-shadow: 0 18px 38px rgba(var(--bmi-blue-rgb), 0.32);\r\n}\r\n\r\n\/* Secondary button - samo ako postoji drugi gumb *\/\r\n.bmi-card__cta a + a {\r\n  background: #f0ece8;\r\n  color: #1f1f1f;\r\n  box-shadow: none;\r\n}\r\n\r\n.bmi-card__cta a + a:hover {\r\n  background: #e6dfd8;\r\n  color: #1f1f1f;\r\n  box-shadow: none;\r\n}\r\n\r\n.bmi-card__cta a:only-child {\r\n  min-width: 190px;\r\n}\r\n\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .bmi-product-grid__header {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-product-grid__cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .bmi-product-grid {\r\n    padding: 56px 16px;\r\n  }\r\n\r\n  .bmi-product-grid__title {\r\n    font-size: clamp(36px, 12vw, 54px);\r\n  }\r\n\r\n  .bmi-card__media {\r\n    height: 260px;\r\n  }\r\n\r\n  .bmi-card__body {\r\n    padding: 24px 20px 22px;\r\n  }\r\n\r\n  .bmi-card__body::before {\r\n    left: 20px;\r\n  }\r\n\r\n  .bmi-card__specs {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-card__floating {\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 14px;\r\n    padding: 14px 15px;\r\n  }\r\n\r\n  .bmi-card__floating-text {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .bmi-card__title {\r\n    font-size: 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"bmi-product-grid\">\r\n  <div class=\"bmi-product-grid__inner\">\r\n\r\n    <div class=\"bmi-product-grid__eyebrow\">BMI Bramac kolekcija<\/div>\r\n\r\n    <div class=\"bmi-product-grid__header\">\r\n      <h2 class=\"bmi-product-grid__title\">Crijepovi za razli\u010dite stilove arhitekture<\/h2>\r\n      <p class=\"bmi-product-grid__intro\">\r\n        \u0160est pa\u017eljivo oblikovanih rje\u0161enja: od tradicionalnih mediteranskih profila do suvremenih ravnih linija - za krovove koji ostavljaju dojam i traju.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bmi-product-grid__cards\">\r\n\r\n      <!-- 1 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">01 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Kupa-Jadran.webp\" alt=\"Crijep bramac Kupa Jadran\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Tradicionalan mediteranski karakter s toplim, profinjenim dojmom.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Mediteranski karakter<\/div>\r\n          <h3 class=\"bmi-card__title\">Kupa Jadran<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Spoj tradicije i vrhunske tehnologije. Kupa Jadran savr\u0161eno pristaje novim i obnovljenim objektima klasi\u010dnog, toplog karaktera.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Tradicionalan izgled krova<\/li>\r\n            <li>Povr\u0161ina s efektom naran\u010dine kore<\/li>\r\n            <li>Odli\u010dan izbor za mediteranski stil<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,4 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>31,5 \u2013 34 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#b56a3f;\">Magico<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#7a4632;\">Rustik<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/kupa-jadran\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 2 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">02 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-crijep-klasik-platinum-2.webp\" alt=\"Bramac Klasik Platinum\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Klasi\u010dan profil s elegantnom, smirenom i suvremenom obradom.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Klasi\u010dna elegancija<\/div>\r\n          <h3 class=\"bmi-card__title\">Klasik Platinum<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Blage obline i profinjena jednostavnost stvaraju elegantan krov koji se lako uklapa u razli\u010dite tipove arhitekture.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Prepoznatljiv klasi\u010dni oblik<\/li>\r\n            <li>Glatka povr\u0161ina<\/li>\r\n            <li>\u0160irok izbor elegantnih tonova<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,3 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>31,5 \u2013 34 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#c54b31;\">Crvena<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#79302d;\">Crveno sme\u0111a<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#5a3d32;\">Tamno sme\u0111a<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#232323;\">Antracit<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/klasik-platinum\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 3 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">03 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Romer-Crijep-Bramac-Novo-Crvena.webp\" alt=\"Romer\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Nagla\u0161ena optika i tradicionalne linije za krovove sna\u017enog karaktera.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Tradicionalni profil<\/div>\r\n          <h3 class=\"bmi-card__title\">Romer<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Elegantne linije mediteranskog ugo\u0111aja daju krovu ritam, toplinu i nagla\u0161enu estetsku prisutnost.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Dinami\u010dna linija krova<\/li>\r\n            <li>Tradicionalni karakter<\/li>\r\n            <li>Idealan za objekte izra\u017eenog stila<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,4 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>31,5 \u2013 34 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#c74b31;\">Crvena<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#8f1f2c;\">Rubin crvena<\/span>\r\n                <span class=\"bmi-swatch\" style=\"--swatch:#825546;\">Antik<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#5a3a2f;\">Tamno sme\u0111a<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#232323;\">Antracit<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/romer\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 4 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">04 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-Crijep-Texture-Novo.webp\" alt=\"Crijep Bramac Textura Novo\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Ravna, \u010dista forma za suvremene objekte i arhitekturu jasnih linija.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Moderna arhitektura<\/div>\r\n          <h3 class=\"bmi-card__title\">Textura Novo<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Ozbiljan, moderan dizajn koji nagla\u0161ava \u010disto\u0107u forme i ostavlja sna\u017ean dojam suvremenog krova.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Minimalisti\u010dki izgled<\/li>\r\n            <li>Ravna forma<\/li>\r\n            <li>Prikladna za suvremenu gradnju<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,8 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>28 \u2013 31 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#9b9b94;\">Platinum<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#5a3a2f;\">Antik<\/span>\r\n              \r\n              <span class=\"bmi-swatch\" style=\"--swatch:#232323;\">Antracit<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/textura-novo\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 5 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">05 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-Klasik-Novo-referencny-objekt-scaled-1.webp\" alt=\"Crijep Bramac Klasik Novo\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Pouzdan klasi\u010dni izgled koji se prirodno uklapa u razne stilove gradnje.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Univerzalni klasik<\/div>\r\n          <h3 class=\"bmi-card__title\">Klasik Novo<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Jednostavna i uravnote\u017eena forma \u010dini ga sigurnim izborom za elegantne, funkcionalne i dugotrajne krovove.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Klasi\u010dan univerzalan profil<\/li>\r\n            <li>Glatka povr\u0161ina<\/li>\r\n            <li>Uravnote\u017een odnos estetike i funkcionalnosti<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,3 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>31,5 \u2013 34 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#c64b2f;\">Crvena<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#7b312e;\">Crveno sme\u0111a<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#232323;\">Antracit<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/klasik\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 6 -->\r\n      <article class=\"bmi-card\">\r\n        <div class=\"bmi-card__media\">\r\n          <span class=\"bmi-card__number\">06 \/ 06<\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Viva-Nova.webp\" alt=\"Crijep Bramac Viva Novo\">\r\n          <div class=\"bmi-card__floating\">\r\n            <div class=\"bmi-card__floating-label\">Estetika<\/div>\r\n            <p class=\"bmi-card__floating-text\">Klasi\u010dan biber karakter za krovove s toplinom, tradicijom i ritmom.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bmi-card__body\">\r\n          <div class=\"bmi-card__category\">Biber estetika<\/div>\r\n          <h3 class=\"bmi-card__title\">Viva Novo<\/h3>\r\n          <p class=\"bmi-card__desc\">\r\n            Vizualnost klasi\u010dnog biber crijepa u suvremenoj izvedbi \u2014 idealno za objekte koji tra\u017ee tradicionalan, smiren i elegantan izgled.\r\n          <\/p>\r\n\r\n          <ul class=\"bmi-card__features\">\r\n            <li>Prepoznatljiv biber izgled<\/li>\r\n            <li>Povr\u0161ina s efektom naran\u010dine kore<\/li>\r\n            <li>Tradicionalan stil u suvremenoj izvedbi<\/li>\r\n          <\/ul>\r\n\r\n          <div class=\"bmi-card__specs\">\r\n            <div class=\"bmi-card__spec\"><span>Veli\u010dina<\/span><strong>330 \u00d7 420 mm<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Te\u017eina<\/span><strong>4,7 kg\/kom<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Potro\u0161nja<\/span><strong>cca 9,8 kom\/m\u00b2<\/strong><\/div>\r\n            <div class=\"bmi-card__spec\"><span>Razmak letava<\/span><strong>31,5 \u2013 34 cm<\/strong><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__swatches\">\r\n            <div class=\"bmi-card__swatches-title\">Dostupne boje<\/div>\r\n            <div class=\"bmi-card__swatches-list\">\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#825546;\">Antik<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#c74b30;\">Crvena<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#5a3a2f;\">Tamno sme\u0111a<\/span>\r\n              <span class=\"bmi-swatch\" style=\"--swatch:#232323;\">Antracit<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-card__cta\">\r\n            <a href=\"https:\/\/goldenglobe.hr\/bmibramac\/viva\/\">Istra\u017ei proizvod<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95ba2fb e-con-full e-flex e-con e-parent\" data-id=\"95ba2fb\" data-element_type=\"container\" data-e-type=\"container\" id=\"zasto-odabrati-nas\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3c0582 elementor-widget elementor-widget-html\" data-id=\"d3c0582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   BMI BRAMAC \u2013 ZA\u0160TO ODABRATI NAS\r\n   Premium dark rational proof section\r\n========================================= *\/\r\n\r\n.bmi-why {\r\n  --bmi-blue: #009FDF;\r\n  --bmi-blue-rgb: 0, 159, 223;\r\n  --bmi-dark: #101214;\r\n  --bmi-dark-soft: #171a1d;\r\n  --bmi-text: #ffffff;\r\n  --bmi-muted: rgba(255,255,255,0.68);\r\n  --bmi-line: rgba(255,255,255,0.11);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(76px, 8vw, 130px) 20px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(var(--bmi-blue-rgb), 0.18), transparent 30%),\r\n    radial-gradient(circle at 88% 82%, rgba(var(--bmi-blue-rgb), 0.10), transparent 34%),\r\n    linear-gradient(135deg, #0e1012 0%, #181b1f 52%, #101214 100%);\r\n  color: var(--bmi-text);\r\n  font-family: inherit;\r\n}\r\n\r\n.bmi-why * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bmi-why::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);\r\n  background-size: 54px 54px;\r\n  mask-image: radial-gradient(circle at center, black, transparent 72%);\r\n  opacity: 0.28;\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-why::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -140px;\r\n  right: -160px;\r\n  width: 420px;\r\n  height: 420px;\r\n  border-radius: 999px;\r\n  background: rgba(var(--bmi-blue-rgb), 0.16);\r\n  filter: blur(70px);\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-why__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.bmi-why__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  color: var(--bmi-blue);\r\n  font-size: 13px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-why__eyebrow::before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n  box-shadow: 0 0 24px rgba(var(--bmi-blue-rgb), 0.55);\r\n}\r\n\r\n.bmi-why__header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.55fr);\r\n  gap: clamp(28px, 5vw, 70px);\r\n  align-items: end;\r\n  margin-bottom: clamp(38px, 5vw, 66px);\r\n}\r\n\r\n.bmi-why__title {\r\n  margin: 0;\r\n  max-width: 820px;\r\n  color: #fff;\r\n  font-size: clamp(42px, 6vw, 84px);\r\n  line-height: 0.92;\r\n  letter-spacing: -0.06em;\r\n  font-weight: 800;\r\n}\r\n\r\n.bmi-why__intro {\r\n  margin: 0;\r\n  color: var(--bmi-muted);\r\n  font-size: clamp(16px, 1.35vw, 19px);\r\n  line-height: 1.7;\r\n}\r\n\r\n.bmi-why__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.bmi-why-card {\r\n  position: relative;\r\n  min-height: 330px;\r\n  overflow: hidden;\r\n  padding: 28px;\r\n  border: 1px solid var(--bmi-line);\r\n  border-radius: 28px;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035));\r\n  backdrop-filter: blur(16px);\r\n  box-shadow: 0 26px 80px rgba(0,0,0,0.28);\r\n  transition:\r\n    transform 0.35s ease,\r\n    border-color 0.35s ease,\r\n    background 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n  animation: bmiWhyCardIn 0.75s ease both;\r\n}\r\n\r\n.bmi-why-card:nth-child(1) { animation-delay: .02s; }\r\n.bmi-why-card:nth-child(2) { animation-delay: .10s; }\r\n.bmi-why-card:nth-child(3) { animation-delay: .18s; }\r\n.bmi-why-card:nth-child(4) { animation-delay: .26s; }\r\n\r\n@keyframes bmiWhyCardIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.bmi-why-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 0%, rgba(var(--bmi-blue-rgb), 0.20), transparent 34%);\r\n  opacity: 0;\r\n  transition: opacity 0.35s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-why-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 28px;\r\n  right: 28px;\r\n  bottom: 0;\r\n  height: 3px;\r\n  border-radius: 999px 999px 0 0;\r\n  background: var(--bmi-blue);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.35s ease;\r\n  box-shadow: 0 0 28px rgba(var(--bmi-blue-rgb), 0.55);\r\n}\r\n\r\n.bmi-why-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(var(--bmi-blue-rgb), 0.42);\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,0.105), rgba(255,255,255,0.045));\r\n  box-shadow:\r\n    0 34px 95px rgba(0,0,0,0.38),\r\n    0 0 0 1px rgba(var(--bmi-blue-rgb), 0.06);\r\n}\r\n\r\n.bmi-why-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.bmi-why-card:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.bmi-why-card__icon {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 64px;\r\n  height: 64px;\r\n  display: grid;\r\n  place-items: center;\r\n  margin-bottom: 34px;\r\n  border-radius: 20px;\r\n  background: rgba(var(--bmi-blue-rgb), 0.12);\r\n  border: 1px solid rgba(var(--bmi-blue-rgb), 0.28);\r\n  color: var(--bmi-blue);\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,0.04),\r\n    0 18px 42px rgba(var(--bmi-blue-rgb), 0.12);\r\n  transition:\r\n    transform 0.35s ease,\r\n    background 0.35s ease,\r\n    box-shadow 0.35s ease;\r\n}\r\n\r\n.bmi-why-card:hover .bmi-why-card__icon {\r\n  transform: translateY(-3px) scale(1.04);\r\n  background: rgba(var(--bmi-blue-rgb), 0.18);\r\n  box-shadow:\r\n    0 20px 50px rgba(var(--bmi-blue-rgb), 0.22),\r\n    0 0 38px rgba(var(--bmi-blue-rgb), 0.18);\r\n}\r\n\r\n.bmi-why-card__icon svg {\r\n  width: 32px;\r\n  height: 32px;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.bmi-why-card__title {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0 0 14px;\r\n  color: #fff;\r\n  font-size: clamp(22px, 2vw, 28px);\r\n  line-height: 1.05;\r\n  letter-spacing: -0.035em;\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-why-card__text {\r\n  position: relative;\r\n  z-index: 1;\r\n  margin: 0;\r\n  color: var(--bmi-muted);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.bmi-why-card__meta {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  margin-top: 26px;\r\n  padding: 8px 11px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.07);\r\n  color: rgba(255,255,255,0.76);\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-why__proof {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  gap: 24px;\r\n  align-items: center;\r\n  margin-top: 26px;\r\n  padding: 24px 28px;\r\n  border: 1px solid var(--bmi-line);\r\n  border-radius: 26px;\r\n  background: rgba(255,255,255,0.055);\r\n  backdrop-filter: blur(16px);\r\n  box-shadow: 0 22px 70px rgba(0,0,0,0.22);\r\n}\r\n\r\n.bmi-why__proof-text {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.bmi-why__proof-text strong {\r\n  color: #fff;\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-why__proof-mark {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  white-space: nowrap;\r\n  color: var(--bmi-blue);\r\n  font-size: 13px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.11em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-why__proof-mark::before {\r\n  content: \"\";\r\n  width: 9px;\r\n  height: 9px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n  box-shadow: 0 0 22px rgba(var(--bmi-blue-rgb), 0.8);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1100px) {\r\n  .bmi-why__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .bmi-why-card {\r\n    min-height: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  .bmi-why__header {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-why__proof {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 620px) {\r\n  .bmi-why {\r\n    padding: 58px 16px;\r\n  }\r\n\r\n  .bmi-why__title {\r\n    font-size: clamp(38px, 12vw, 56px);\r\n  }\r\n\r\n  .bmi-why__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-why-card {\r\n    min-height: auto;\r\n    padding: 24px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bmi-why-card__icon {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .bmi-why__proof {\r\n    padding: 22px;\r\n    border-radius: 22px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"bmi-why\">\r\n  <div class=\"bmi-why__inner\">\r\n\r\n    <div class=\"bmi-why__eyebrow\">Za\u0161to odabrati nas?<\/div>\r\n\r\n    <div class=\"bmi-why__header\">\r\n      <h2 class=\"bmi-why__title\">Krov nije detalj. Krov je odluka za desetlje\u0107a.<\/h2>\r\n      <p class=\"bmi-why__intro\">\r\n        Odabir crijepa nije samo pitanje izgleda. To je odluka o dugotrajnosti, otpornosti i sigurnosti cijelog doma. Zato BMI Bramac spaja provjerenu tehnologiju, kvalitetne materijale i sustavan pristup krovu.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bmi-why__grid\">\r\n\r\n      <!-- 01 -->\r\n      <article class=\"bmi-why-card\">\r\n        <div class=\"bmi-why-card__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 3l7 3v5c0 5-3.1 8.5-7 10-3.9-1.5-7-5-7-10V6l7-3z\"\/>\r\n            <path d=\"M9 12l2 2 4-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bmi-why-card__title\">Dugotrajna sigurnost<\/h3>\r\n        <p class=\"bmi-why-card__text\">\r\n          Kvalitetan krov mora trajati godinama bez kompromisa. BMI Bramac rje\u0161enja osmi\u0161ljena su za pouzdanu za\u0161titu doma kroz dugi vijek kori\u0161tenja.\r\n        <\/p>\r\n        <span class=\"bmi-why-card__meta\">Pouzdan izbor<\/span>\r\n      <\/article>\r\n\r\n      <!-- 02 -->\r\n      <article class=\"bmi-why-card\">\r\n        <div class=\"bmi-why-card__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 14a8 8 0 0 1 16 0\"\/>\r\n            <path d=\"M12 14v7\"\/>\r\n            <path d=\"M8 18c1.2 1 2.5 1 4 0 1.5 1 2.8 1 4 0\"\/>\r\n            <path d=\"M12 3v3\"\/>\r\n            <path d=\"M5 7l2 2\"\/>\r\n            <path d=\"M19 7l-2 2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bmi-why-card__title\">Otpornost na uvjete<\/h3>\r\n        <p class=\"bmi-why-card__text\">\r\n          Ki\u0161a, vjetar, sunce i temperaturne promjene svakodnevno testiraju krov. Zato su materijali i sustavi odabrani za stabilnost u zahtjevnim uvjetima.\r\n        <\/p>\r\n        <span class=\"bmi-why-card__meta\">Za sve sezone<\/span>\r\n      <\/article>\r\n\r\n      <!-- 03 -->\r\n      <article class=\"bmi-why-card\">\r\n        <div class=\"bmi-why-card__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M3 12h18\"\/>\r\n            <path d=\"M12 3c2.4 2.5 3.6 5.5 3.6 9S14.4 18.5 12 21\"\/>\r\n            <path d=\"M12 3c-2.4 2.5-3.6 5.5-3.6 9S9.6 18.5 12 21\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bmi-why-card__title\">Globalna kvaliteta<\/h3>\r\n        <p class=\"bmi-why-card__text\">\r\n          BMI Bramac donosi iskustvo velikog me\u0111unarodnog brenda uz rje\u0161enja prilago\u0111ena lokalnim potrebama, arhitekturi i uvjetima gradnje.\r\n        <\/p>\r\n        <span class=\"bmi-why-card__meta\">Provjeren standard<\/span>\r\n      <\/article>\r\n\r\n      <!-- 04 -->\r\n      <article class=\"bmi-why-card\">\r\n        <div class=\"bmi-why-card__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 10l9-7 9 7\"\/>\r\n            <path d=\"M5 10v10h14V10\"\/>\r\n            <path d=\"M8 20v-6h8v6\"\/>\r\n            <path d=\"M9 10h6\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"bmi-why-card__title\">Cjelovit krovni sustav<\/h3>\r\n        <p class=\"bmi-why-card__text\">\r\n          Pravi krov nije samo crijep. Uz uskla\u0111ene komponente i detalje, cijeli sustav radi zajedno kako bi za\u0161tita bila sigurnija i dugotrajnija.\r\n        <\/p>\r\n        <span class=\"bmi-why-card__meta\">Sustavno rje\u0161enje<\/span>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bmi-why__proof\">\r\n      <p class=\"bmi-why__proof-text\"> Odabirom BMI Bramac rje\u0161enja kupac ne bira samo izgled krova, nego sustav koji spaja estetiku, funkcionalnost i podi\u017ee dugoro\u010dnu vrijednost doma.\r\n      <\/p>\r\n      <div class=\"bmi-why__proof-mark\">Premium za\u0161tita<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f6d0295 e-con-full e-flex e-con e-parent\" data-id=\"f6d0295\" data-element_type=\"container\" data-e-type=\"container\" id=\"galerija\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f710b8d elementor-widget elementor-widget-html\" data-id=\"f710b8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   BMI BRAMAC \u2013 GALERIJA KROVOVA\r\n   Premium inspiration gallery\r\n   Accent: BMI Blue #009FDF\r\n========================================= *\/\r\n\r\n.bmi-gallery {\r\n  --bmi-blue: #009FDF;\r\n  --bmi-blue-rgb: 0, 159, 223;\r\n  --bmi-dark: #171717;\r\n  --bmi-text: #222;\r\n  --bmi-muted: #6c6c6c;\r\n  --bmi-line: rgba(0,0,0,0.08);\r\n  --bmi-bg: #f8f5f2;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(76px, 8vw, 130px) 20px;\r\n  background:\r\n    radial-gradient(circle at 8% 12%, rgba(var(--bmi-blue-rgb), 0.09), transparent 30%),\r\n    linear-gradient(135deg, #ffffff 0%, var(--bmi-bg) 100%);\r\n  color: var(--bmi-text);\r\n  font-family: inherit;\r\n}\r\n\r\n.bmi-gallery * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bmi-gallery__inner {\r\n  width: min(1320px, 100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n.bmi-gallery__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n  color: var(--bmi-blue);\r\n  font-size: 13px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-gallery__eyebrow::before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n}\r\n\r\n.bmi-gallery__header {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);\r\n  gap: 34px;\r\n  align-items: end;\r\n  margin-bottom: clamp(34px, 5vw, 60px);\r\n}\r\n\r\n.bmi-gallery__title {\r\n  margin: 0;\r\n  max-width: 840px;\r\n  color: var(--bmi-dark);\r\n  font-size: clamp(42px, 6vw, 84px);\r\n  line-height: 0.92;\r\n  letter-spacing: -0.06em;\r\n  font-weight: 800;\r\n}\r\n\r\n.bmi-gallery__intro {\r\n  margin: 0;\r\n  color: var(--bmi-muted);\r\n  font-size: clamp(16px, 1.4vw, 19px);\r\n  line-height: 1.7;\r\n}\r\n\r\n.bmi-gallery__filters {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.bmi-gallery__filter {\r\n  appearance: none;\r\n  border: 1px solid var(--bmi-line);\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.78);\r\n  color: #2b2b2b;\r\n  min-height: 44px;\r\n  padding: 11px 17px;\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 850;\r\n  cursor: pointer;\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-gallery__filter:hover,\r\n.bmi-gallery__filter.is-active {\r\n  border-color: var(--bmi-blue);\r\n  background: var(--bmi-dark);\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 16px 36px rgba(0,0,0,0.14);\r\n}\r\n\r\n.bmi-gallery__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  grid-auto-rows: 270px;\r\n  gap: 18px;\r\n}\r\n\r\n.bmi-gallery-item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 28px;\r\n  background: #151515;\r\n  cursor: pointer;\r\n  box-shadow: 0 20px 60px rgba(24,22,21,0.10);\r\n  animation: bmiGalleryIn 0.75s ease both;\r\n}\r\n\r\n.bmi-gallery-item:nth-child(1) { animation-delay: .02s; }\r\n.bmi-gallery-item:nth-child(2) { animation-delay: .08s; }\r\n.bmi-gallery-item:nth-child(3) { animation-delay: .14s; }\r\n.bmi-gallery-item:nth-child(4) { animation-delay: .20s; }\r\n.bmi-gallery-item:nth-child(5) { animation-delay: .26s; }\r\n.bmi-gallery-item:nth-child(6) { animation-delay: .32s; }\r\n.bmi-gallery-item:nth-child(7) { animation-delay: .38s; }\r\n\r\n@keyframes bmiGalleryIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.bmi-gallery-item--large {\r\n  grid-column: span 2;\r\n  grid-row: span 2;\r\n}\r\n\r\n.bmi-gallery-item--wide {\r\n  grid-column: span 2;\r\n}\r\n\r\n.bmi-gallery-item__image {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.bmi-gallery-item__image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  transform: scale(1.01);\r\n  transition: transform 1.1s ease, filter 0.35s ease;\r\n}\r\n\r\n.bmi-gallery-item:hover .bmi-gallery-item__image img {\r\n  transform: scale(1.07);\r\n  filter: saturate(1.05) contrast(1.04);\r\n}\r\n\r\n.bmi-gallery-item__image::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,0.06), rgba(0,0,0,0.26)),\r\n    linear-gradient(0deg, rgba(0,0,0,0.70), transparent 58%);\r\n  transition: background 0.35s ease;\r\n}\r\n\r\n.bmi-gallery-item:hover .bmi-gallery-item__image::after {\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.18)),\r\n    linear-gradient(0deg, rgba(0,0,0,0.78), transparent 62%);\r\n}\r\n\r\n.bmi-gallery-item__content {\r\n  position: absolute;\r\n  z-index: 2;\r\n  left: 22px;\r\n  right: 22px;\r\n  bottom: 22px;\r\n  color: #fff;\r\n  text-align: left;\r\n}\r\n\r\n.bmi-gallery-item__tag {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  margin-bottom: 12px;\r\n  padding: 7px 10px;\r\n  border-radius: 999px;\r\n  background: rgba(var(--bmi-blue-rgb), 0.92);\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.09em;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 10px 30px rgba(var(--bmi-blue-rgb), 0.22);\r\n}\r\n\r\n.bmi-gallery-item__title {\r\n  display: block;\r\n  margin: 0 0 8px;\r\n  max-width: 520px;\r\n  color: #fff;\r\n  font-size: clamp(22px, 2.2vw, 34px);\r\n  line-height: 1.02;\r\n  letter-spacing: -0.04em;\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-gallery-item__text {\r\n  display: block;\r\n  max-width: 520px;\r\n  color: rgba(255,255,255,0.76);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  transform: translateY(8px);\r\n  opacity: 0;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.bmi-gallery-item:hover .bmi-gallery-item__text {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.bmi-gallery-item__open {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 18px;\r\n  right: 18px;\r\n  width: 44px;\r\n  height: 44px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.14);\r\n  border: 1px solid rgba(255,255,255,0.16);\r\n  color: #fff;\r\n  backdrop-filter: blur(12px);\r\n  transform: translateY(-6px);\r\n  opacity: 0;\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.bmi-gallery-item:hover .bmi-gallery-item__open {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.bmi-gallery-item__open svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  stroke: currentColor;\r\n  stroke-width: 2;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.bmi-gallery__cta {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  gap: 24px;\r\n  align-items: center;\r\n  margin-top: 28px;\r\n  padding: 26px 30px;\r\n  border: 1px solid var(--bmi-line);\r\n  border-radius: 28px;\r\n  background: rgba(255,255,255,0.78);\r\n  backdrop-filter: blur(14px);\r\n  box-shadow: 0 20px 60px rgba(24,22,21,0.08);\r\n}\r\n\r\n.bmi-gallery__cta p {\r\n  margin: 0;\r\n  color: var(--bmi-muted);\r\n  font-size: 16px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.bmi-gallery__cta strong {\r\n  color: var(--bmi-dark);\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-gallery__cta a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 50px;\r\n  padding: 14px 22px;\r\n  border-radius: 999px;\r\n  background: var(--bmi-blue);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 14px;\r\n  font-weight: 850;\r\n  white-space: nowrap;\r\n  box-shadow: 0 16px 36px rgba(var(--bmi-blue-rgb), 0.26);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-gallery__cta a:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 20px 44px rgba(var(--bmi-blue-rgb), 0.34);\r\n}\r\n\r\n\/* Lightbox *\/\r\n.bmi-lightbox {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 99999;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 24px;\r\n  background: rgba(8,10,12,0.88);\r\n  backdrop-filter: blur(14px);\r\n}\r\n\r\n.bmi-lightbox.is-open {\r\n  display: flex;\r\n}\r\n\r\n.bmi-lightbox__dialog {\r\n  position: relative;\r\n  width: min(1120px, 100%);\r\n  max-height: 88vh;\r\n  overflow: hidden;\r\n  border-radius: 30px;\r\n  background: #111;\r\n  box-shadow: 0 40px 120px rgba(0,0,0,0.55);\r\n}\r\n\r\n.bmi-lightbox__image {\r\n  width: 100%;\r\n  height: min(70vh, 720px);\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n.bmi-lightbox__caption {\r\n  position: absolute;\r\n  left: 22px;\r\n  right: 80px;\r\n  bottom: 22px;\r\n  padding: 18px 20px;\r\n  border-radius: 20px;\r\n  background: rgba(18,18,18,0.60);\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  backdrop-filter: blur(14px);\r\n  color: #fff;\r\n}\r\n\r\n.bmi-lightbox__caption strong {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  font-size: 22px;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.035em;\r\n}\r\n\r\n.bmi-lightbox__caption span {\r\n  display: block;\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.bmi-lightbox__close {\r\n  position: absolute;\r\n  top: 18px;\r\n  right: 18px;\r\n  width: 46px;\r\n  height: 46px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.16);\r\n  color: #fff;\r\n  font-size: 28px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  backdrop-filter: blur(12px);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-lightbox__close:hover {\r\n  background: var(--bmi-blue);\r\n  transform: rotate(90deg);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .bmi-gallery__header {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-gallery__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    grid-auto-rows: 260px;\r\n  }\r\n\r\n  .bmi-gallery-item--large {\r\n    grid-column: span 2;\r\n    grid-row: span 1;\r\n  }\r\n\r\n  .bmi-gallery-item--wide {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .bmi-gallery {\r\n    padding: 58px 16px;\r\n  }\r\n\r\n  .bmi-gallery__title {\r\n    font-size: clamp(38px, 12vw, 56px);\r\n  }\r\n\r\n  .bmi-gallery__filters {\r\n    flex-wrap: nowrap;\r\n    overflow-x: auto;\r\n    padding-bottom: 8px;\r\n    margin-left: -16px;\r\n    margin-right: -16px;\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  .bmi-gallery__filter {\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .bmi-gallery__grid {\r\n    grid-template-columns: 1fr;\r\n    grid-auto-rows: 280px;\r\n    gap: 14px;\r\n  }\r\n\r\n  .bmi-gallery-item,\r\n  .bmi-gallery-item--large,\r\n  .bmi-gallery-item--wide {\r\n    grid-column: span 1;\r\n    grid-row: span 1;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bmi-gallery-item__text {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .bmi-gallery-item__open {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  .bmi-gallery__cta {\r\n    grid-template-columns: 1fr;\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bmi-lightbox {\r\n    padding: 14px;\r\n  }\r\n\r\n  .bmi-lightbox__dialog {\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bmi-lightbox__image {\r\n    height: 68vh;\r\n  }\r\n\r\n  .bmi-lightbox__caption {\r\n    left: 14px;\r\n    right: 14px;\r\n    bottom: 14px;\r\n  }\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FIX \u2013 Gallery title overflow \/ text cutting\r\n========================================= *\/\r\n\r\n.bmi-gallery-item {\r\n  text-align: left !important;\r\n  white-space: normal !important;\r\n}\r\n\r\n.bmi-gallery-item * {\r\n  white-space: normal !important;\r\n}\r\n\r\n.bmi-gallery-item__content {\r\n  left: clamp(16px, 2vw, 26px);\r\n  right: clamp(16px, 2vw, 26px);\r\n  bottom: clamp(16px, 2vw, 26px);\r\n  max-width: calc(100% - 32px);\r\n}\r\n\r\n.bmi-gallery-item__title {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  white-space: normal !important;\r\n  overflow-wrap: normal;\r\n  word-break: normal;\r\n  hyphens: none;\r\n  font-size: clamp(22px, 1.65vw, 30px);\r\n  line-height: 1.02;\r\n  letter-spacing: -0.035em;\r\n}\r\n\r\n\/* Ve\u0107a naslovna kartica mo\u017ee imati malo ve\u0107i naslov *\/\r\n.bmi-gallery-item--large .bmi-gallery-item__title {\r\n  font-size: clamp(28px, 2.7vw, 46px);\r\n  max-width: 92%;\r\n}\r\n\r\n\/* \u0160iroke kartice *\/\r\n.bmi-gallery-item--wide .bmi-gallery-item__title {\r\n  font-size: clamp(24px, 2vw, 36px);\r\n  max-width: 92%;\r\n}\r\n\r\n\/* Tekst ispod naslova *\/\r\n.bmi-gallery-item__text {\r\n  max-width: 92%;\r\n  white-space: normal !important;\r\n}\r\n\r\n\/* Ja\u010di donji gradient da tekst uvijek ostane \u010ditljiv *\/\r\n.bmi-gallery-item__image::after {\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.22)),\r\n    linear-gradient(0deg, rgba(0,0,0,0.82), rgba(0,0,0,0.22) 52%, transparent 78%);\r\n}\r\n\r\n.bmi-gallery-item:hover .bmi-gallery-item__image::after {\r\n  background:\r\n    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.18)),\r\n    linear-gradient(0deg, rgba(0,0,0,0.88), rgba(0,0,0,0.26) 56%, transparent 82%);\r\n}\r\n\r\n\/* Malo vi\u0161e visine da tekst ima zraka *\/\r\n.bmi-gallery__grid {\r\n  grid-auto-rows: 300px;\r\n}\r\n\r\n\/* Desktop srednji ekrani *\/\r\n@media (max-width: 1200px) {\r\n  .bmi-gallery-item__title {\r\n    font-size: clamp(20px, 1.8vw, 28px);\r\n  }\r\n\r\n  .bmi-gallery-item--large .bmi-gallery-item__title {\r\n    font-size: clamp(26px, 3vw, 40px);\r\n  }\r\n\r\n  .bmi-gallery-item--wide .bmi-gallery-item__title {\r\n    font-size: clamp(23px, 2.4vw, 32px);\r\n  }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 1024px) {\r\n  .bmi-gallery__grid {\r\n    grid-auto-rows: 300px;\r\n  }\r\n\r\n  .bmi-gallery-item__title,\r\n  .bmi-gallery-item--large .bmi-gallery-item__title,\r\n  .bmi-gallery-item--wide .bmi-gallery-item__title {\r\n    font-size: clamp(24px, 4vw, 36px);\r\n    max-width: 94%;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 680px) {\r\n  .bmi-gallery__grid {\r\n    grid-auto-rows: 320px;\r\n  }\r\n\r\n  .bmi-gallery-item__content {\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 18px;\r\n  }\r\n\r\n  .bmi-gallery-item__title,\r\n  .bmi-gallery-item--large .bmi-gallery-item__title,\r\n  .bmi-gallery-item--wide .bmi-gallery-item__title {\r\n    font-size: clamp(26px, 8vw, 36px);\r\n    line-height: 1.02;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .bmi-gallery-item__text {\r\n    max-width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"bmi-gallery\">\r\n  <div class=\"bmi-gallery__inner\">\r\n\r\n    <div class=\"bmi-gallery__eyebrow\">Galerija krovova<\/div>\r\n\r\n    <div class=\"bmi-gallery__header\">\r\n      <h2 class=\"bmi-gallery__title\">Inspiracija za krov koji mijenja izgled doma<\/h2>\r\n      <p class=\"bmi-gallery__intro\">\r\n        Pogledajte razli\u010dite stilove krovova, boja i arhitektonskih rje\u0161enja. Prava kombinacija crijepa i ku\u0107e mo\u017ee potpuno promijeniti dojam objekta.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bmi-gallery__filters\">\r\n      <button class=\"bmi-gallery__filter is-active\" data-filter=\"all\">Sve inspiracije<\/button>\r\n      <button class=\"bmi-gallery__filter\" data-filter=\"modern\">Moderni krovovi<\/button>\r\n      <button class=\"bmi-gallery__filter\" data-filter=\"classic\">Klasi\u010dni stil<\/button>\r\n      <button class=\"bmi-gallery__filter\" data-filter=\"mediterranean\">Mediteranski karakter<\/button>\r\n      <button class=\"bmi-gallery__filter\" data-filter=\"dark\">Tamni krovovi<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"bmi-gallery__grid\">\r\n\r\n      <!-- 01 -->\r\n      <button class=\"bmi-gallery-item bmi-gallery-item--large\" data-category=\"modern dark\" data-title=\"Moderna ku\u0107a s tamnim krovom\" data-text=\"\u010ciste linije, tamni krov i suvremena arhitektura za sna\u017ean premium dojam.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Textura-antracit-2.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Textura-antracit-2.webp\" alt=\"Moderna ku\u0107a s tamnim krovom\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Moderni krov<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Suvremena arhitektura s tamnim krovom<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Za kupce koji \u017eele \u010dist, ozbiljan i moderan izgled ku\u0107e.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 02 -->\r\n      <button class=\"bmi-gallery-item\" data-category=\"classic\" data-title=\"Klasi\u010dna obiteljska ku\u0107a\" data-text=\"Topao i siguran izgled krova koji prirodno pristaje obiteljskoj ku\u0107i.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-klasik-crijep-1.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-klasik-crijep-1.webp\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Klasi\u010dni stil<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Krov za obiteljski dom<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Bezvremenski izgled koji ulijeva povjerenje.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 03 -->\r\n      <button class=\"bmi-gallery-item\" data-category=\"mediterranean classic\" data-title=\"Mediteranski karakter\" data-text=\"Topli tonovi i tradicionalna estetika za ku\u0107e s ju\u017enja\u010dkim karakterom.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Kupa-Jadran-1.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Kupa-Jadran-1.webp\" alt=\"Mediteranski krov na ku\u0107i\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Mediteranski<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Toplina tradicionalnog krova<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Izgled koji se savr\u0161eno uklapa u prirodno okru\u017eenje.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 04 -->\r\n      <button class=\"bmi-gallery-item bmi-gallery-item--wide\" data-category=\"dark modern\" data-title=\"Elegantna ku\u0107a s antracit krovom\" data-text=\"Tamni krov daje objektu miran, luksuzan i arhitektonski dovr\u0161en izgled.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Romer-crijep-2-1.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Romer-crijep-2-1.webp\" alt=\"Elegantna ku\u0107a s antracit krovom\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Tamni krov<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Antracit za premium dojam<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Savr\u0161en izbor za suvremene i elegantne objekte.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 05 -->\r\n      <button class=\"bmi-gallery-item\" data-category=\"classic mediterranean\" data-title=\"Crveni krov s tradicionalnim karakterom\" data-text=\"Klasi\u010dan crveni crijep stvara osje\u0107aj topline, doma i dugotrajnosti.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Kupa-Jadran-3.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Kupa-Jadran-3.webp\" alt=\"Ku\u0107a s crvenim krovom\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Tradicionalno<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Krov s toplim karakterom<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Za ku\u0107e koje \u017eele zadr\u017eati prepoznatljiv i doma\u0107i izgled.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 06 -->\r\n      <button class=\"bmi-gallery-item\" data-category=\"modern\" data-title=\"Minimalisti\u010dka krovna ploha\" data-text=\"Ravna forma i jednostavna geometrija nagla\u0161avaju suvremen stil gradnje.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-Crijep-Textura-Novo.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Bramac-Crijep-Textura-Novo.webp\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Minimalizam<\/span>\r\n          <span class=\"bmi-gallery-item__title\">\u010cista moderna linija<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Za arhitekturu koja tra\u017ei smiren i profinjen krov.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n      <!-- 07 -->\r\n      <button class=\"bmi-gallery-item bmi-gallery-item--wide\" data-category=\"classic dark\" data-title=\"Krov koji podi\u017ee vrijednost doma\" data-text=\"Prava boja i oblik crijepa mogu vizualno podi\u0107i cijelu ku\u0107u.\" data-image=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Viva-Nova.webp\">\r\n        <span class=\"bmi-gallery-item__image\">\r\n          <img decoding=\"async\" src=\"https:\/\/goldenglobe.hr\/bmibramac\/wp-content\/uploads\/2026\/04\/Crijep-Bramac-Viva-Nova.webp\">\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__open\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"bmi-gallery-item__content\">\r\n          <span class=\"bmi-gallery-item__tag\">Inspiracija<\/span>\r\n          <span class=\"bmi-gallery-item__title\">Krov koji mijenja dojam cijele ku\u0107e<\/span>\r\n          <span class=\"bmi-gallery-item__text\">Kada krov postane najja\u010di vizualni element doma.<\/span>\r\n        <\/span>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bmi-gallery__cta\">\r\n      <p>\r\n        <strong>Prona\u0161li ste stil koji vam se svi\u0111a?<\/strong><br>\r\n        Po\u0161aljite nam inspiraciju i pomo\u0107i \u0107emo vam odabrati crijep koji najbolje odgovara va\u0161oj ku\u0107i, lokaciji i \u017eeljenom izgledu.\r\n      <\/p>\r\n      <a href=\"#bmi-contact-form\">Zatra\u017ei savjetovanje<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"bmi-lightbox\" id=\"bmiLightbox\" aria-hidden=\"true\">\r\n  <div class=\"bmi-lightbox__dialog\">\r\n    <button class=\"bmi-lightbox__close\" type=\"button\" aria-label=\"Zatvori galeriju\">\u00d7<\/button>\r\n    <img decoding=\"async\" class=\"bmi-lightbox__image\" src=\"\" alt=\"\">\r\n    <div class=\"bmi-lightbox__caption\">\r\n      <strong><\/strong>\r\n      <span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.bmi-gallery');\r\n  if (!section) return;\r\n\r\n  const filters = section.querySelectorAll('.bmi-gallery__filter');\r\n  const items = section.querySelectorAll('.bmi-gallery-item');\r\n\r\n  filters.forEach(filter => {\r\n    filter.addEventListener('click', () => {\r\n      const value = filter.getAttribute('data-filter');\r\n\r\n      filters.forEach(btn => btn.classList.remove('is-active'));\r\n      filter.classList.add('is-active');\r\n\r\n      items.forEach(item => {\r\n        const category = item.getAttribute('data-category') || '';\r\n        const show = value === 'all' || category.includes(value);\r\n\r\n        item.style.display = show ? '' : 'none';\r\n\r\n        if (show) {\r\n          item.animate(\r\n            [\r\n              { opacity: 0, transform: 'translateY(18px)' },\r\n              { opacity: 1, transform: 'translateY(0)' }\r\n            ],\r\n            { duration: 320, easing: 'ease', fill: 'both' }\r\n          );\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  const lightbox = document.getElementById('bmiLightbox');\r\n  if (!lightbox) return;\r\n\r\n  const lightboxImage = lightbox.querySelector('.bmi-lightbox__image');\r\n  const lightboxTitle = lightbox.querySelector('.bmi-lightbox__caption strong');\r\n  const lightboxText = lightbox.querySelector('.bmi-lightbox__caption span');\r\n  const closeBtn = lightbox.querySelector('.bmi-lightbox__close');\r\n\r\n  items.forEach(item => {\r\n    item.addEventListener('click', () => {\r\n      const image = item.getAttribute('data-image');\r\n      const title = item.getAttribute('data-title');\r\n      const text = item.getAttribute('data-text');\r\n\r\n      lightboxImage.src = image;\r\n      lightboxImage.alt = title;\r\n      lightboxTitle.textContent = title;\r\n      lightboxText.textContent = text;\r\n\r\n      lightbox.classList.add('is-open');\r\n      lightbox.setAttribute('aria-hidden', 'false');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n\r\n  function closeLightbox() {\r\n    lightbox.classList.remove('is-open');\r\n    lightbox.setAttribute('aria-hidden', 'true');\r\n    document.body.style.overflow = '';\r\n    lightboxImage.src = '';\r\n  }\r\n\r\n  closeBtn.addEventListener('click', closeLightbox);\r\n\r\n  lightbox.addEventListener('click', event => {\r\n    if (event.target === lightbox) closeLightbox();\r\n  });\r\n\r\n  document.addEventListener('keydown', event => {\r\n    if (event.key === 'Escape' && lightbox.classList.contains('is-open')) {\r\n      closeLightbox();\r\n    }\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2fb1c4 e-con-full e-flex e-con e-parent\" data-id=\"d2fb1c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5735b2a elementor-widget elementor-widget-html\" data-id=\"5735b2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   BMI BRAMAC \u2013 CONTACT CTA SECTION\r\n   Background: BMI Blue #009FDF\r\n   CTA accent: Bramac Red #D22630\r\n========================================= *\/\r\n\r\n.bmi-contact-cta {\r\n  --bmi-blue: #009FDF;\r\n  --bmi-blue-dark: #007fba;\r\n  --bmi-blue-deep: #006d9f;\r\n  --bramac-red: #d22630;\r\n  --bramac-red-dark: #ad1f27;\r\n  --white: #ffffff;\r\n  --white-soft: rgba(255,255,255,0.78);\r\n  --white-line: rgba(255,255,255,0.20);\r\n  --dark: #111416;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(78px, 9vw, 140px) 20px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(255,255,255,0.22), transparent 26%),\r\n    radial-gradient(circle at 88% 82%, rgba(0,80,125,0.36), transparent 34%),\r\n    linear-gradient(135deg, var(--bmi-blue) 0%, var(--bmi-blue-dark) 58%, var(--bmi-blue-deep) 100%);\r\n  color: var(--white);\r\n  font-family: inherit;\r\n}\r\n\r\n.bmi-contact-cta * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.bmi-contact-cta::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);\r\n  background-size: 58px 58px;\r\n  mask-image: radial-gradient(circle at 50% 50%, black, transparent 75%);\r\n  opacity: 0.22;\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-contact-cta::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: -180px;\r\n  top: -170px;\r\n  width: 460px;\r\n  height: 460px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.18);\r\n  filter: blur(70px);\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-contact-cta__inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: min(1240px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.72fr);\r\n  gap: clamp(34px, 5vw, 72px);\r\n  align-items: center;\r\n}\r\n\r\n.bmi-contact-cta__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 22px;\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 850;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-contact-cta__eyebrow::before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 3px;\r\n  border-radius: 999px;\r\n  background: var(--bramac-red);\r\n  box-shadow: 0 0 28px rgba(210,38,48,0.55);\r\n}\r\n\r\n.bmi-contact-cta__title {\r\n  margin: 0;\r\n  max-width: 760px;\r\n  color: #fff;\r\n  font-size: clamp(44px, 6.4vw, 92px);\r\n  line-height: 0.9;\r\n  letter-spacing: -0.065em;\r\n  font-weight: 850;\r\n}\r\n\r\n.bmi-contact-cta__text {\r\n  margin: clamp(22px, 3vw, 32px) 0 0;\r\n  max-width: 620px;\r\n  color: var(--white-soft);\r\n  font-size: clamp(17px, 1.45vw, 21px);\r\n  line-height: 1.7;\r\n}\r\n\r\n.bmi-contact-cta__actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.bmi-contact-cta__button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 56px;\r\n  padding: 16px 26px;\r\n  border-radius: 999px;\r\n  background: var(--bramac-red);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 15px;\r\n  font-weight: 900;\r\n  box-shadow:\r\n    0 22px 46px rgba(132, 18, 23, 0.34),\r\n    inset 0 1px 0 rgba(255,255,255,0.18);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-contact-cta__button:hover {\r\n  transform: translateY(-3px);\r\n  background: var(--bramac-red-dark);\r\n  color: #fff;\r\n  box-shadow:\r\n    0 28px 58px rgba(132, 18, 23, 0.42),\r\n    inset 0 1px 0 rgba(255,255,255,0.18);\r\n}\r\n\r\n.bmi-contact-cta__button svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  stroke-width: 2.2;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.bmi-contact-cta__secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 56px;\r\n  padding: 16px 22px;\r\n  border: 1px solid rgba(255,255,255,0.28);\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.10);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 15px;\r\n  font-weight: 850;\r\n  backdrop-filter: blur(12px);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-contact-cta__secondary:hover {\r\n  transform: translateY(-3px);\r\n  background: rgba(255,255,255,0.18);\r\n  color: #fff;\r\n}\r\n\r\n.bmi-contact-cta__contact {\r\n  margin-top: clamp(34px, 5vw, 58px);\r\n  padding: 28px;\r\n  border: 1px solid var(--white-line);\r\n  border-radius: 30px;\r\n  background: rgba(255,255,255,0.12);\r\n  backdrop-filter: blur(18px);\r\n  box-shadow: 0 26px 80px rgba(0,66,105,0.22);\r\n}\r\n\r\n.bmi-contact-cta__contact-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin: 0 0 20px;\r\n  color: #fff;\r\n  font-size: 18px;\r\n  line-height: 1.25;\r\n  font-weight: 900;\r\n}\r\n\r\n.bmi-contact-cta__contact-title::before {\r\n  content: \"\";\r\n  width: 11px;\r\n  height: 11px;\r\n  border-radius: 999px;\r\n  background: var(--bramac-red);\r\n  box-shadow: 0 0 22px rgba(210,38,48,0.75);\r\n}\r\n\r\n.bmi-contact-cta__contact-grid {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.bmi-contact-item {\r\n  display: grid;\r\n  grid-template-columns: 42px minmax(0, 1fr);\r\n  gap: 13px;\r\n  align-items: start;\r\n}\r\n\r\n.bmi-contact-item__icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: grid;\r\n  place-items: center;\r\n  border-radius: 15px;\r\n  background: rgba(210,38,48,0.18);\r\n  border: 1px solid rgba(210,38,48,0.32);\r\n  color: #fff;\r\n}\r\n\r\n.bmi-contact-item__icon svg {\r\n  width: 21px;\r\n  height: 21px;\r\n  stroke: currentColor;\r\n  stroke-width: 1.9;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.bmi-contact-item__content {\r\n  color: rgba(255,255,255,0.78);\r\n  font-size: 15px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.bmi-contact-item__content strong {\r\n  display: block;\r\n  color: #fff;\r\n  font-size: 15px;\r\n  font-weight: 900;\r\n}\r\n\r\n.bmi-contact-item__content a {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-weight: 800;\r\n}\r\n\r\n.bmi-contact-item__content a:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n\/* FORM CARD *\/\r\n.bmi-contact-form-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: clamp(26px, 3vw, 36px);\r\n  border-radius: 34px;\r\n  background: rgba(255,255,255,0.94);\r\n  color: var(--dark);\r\n  box-shadow:\r\n    0 34px 100px rgba(0,53,84,0.34),\r\n    inset 0 1px 0 rgba(255,255,255,0.8);\r\n  animation: bmiContactFormIn 0.8s ease both;\r\n}\r\n\r\n@keyframes bmiContactFormIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.bmi-contact-form-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 8% 0%, rgba(0,159,223,0.16), transparent 34%),\r\n    radial-gradient(circle at 96% 96%, rgba(210,38,48,0.10), transparent 32%);\r\n  pointer-events: none;\r\n}\r\n\r\n.bmi-contact-form-card__content {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.bmi-contact-form-card__label {\r\n  display: inline-flex;\r\n  width: fit-content;\r\n  margin-bottom: 14px;\r\n  padding: 8px 11px;\r\n  border-radius: 999px;\r\n  background: rgba(0,159,223,0.10);\r\n  color: var(--bmi-blue);\r\n  font-size: 11px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-contact-form-card__title {\r\n  margin: 0;\r\n  color: #121212;\r\n  font-size: clamp(28px, 3vw, 42px);\r\n  line-height: 0.98;\r\n  letter-spacing: -0.055em;\r\n  font-weight: 900;\r\n}\r\n\r\n.bmi-contact-form-card__text {\r\n  margin: 12px 0 24px;\r\n  color: #666;\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.bmi-contact-form {\r\n  display: grid;\r\n  gap: 14px;\r\n}\r\n\r\n.bmi-contact-form__row {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.bmi-field {\r\n  display: grid;\r\n  gap: 7px;\r\n}\r\n\r\n.bmi-field label {\r\n  color: #252525;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.06em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.bmi-field input,\r\n.bmi-field select,\r\n.bmi-field textarea {\r\n  width: 100%;\r\n  min-height: 50px;\r\n  border: 1px solid rgba(0,0,0,0.10);\r\n  border-radius: 16px;\r\n  background: #fff;\r\n  color: #171717;\r\n  padding: 13px 15px;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  line-height: 1.35;\r\n  outline: none;\r\n  transition:\r\n    border-color 0.2s ease,\r\n    box-shadow 0.2s ease,\r\n    background 0.2s ease;\r\n}\r\n\r\n.bmi-field textarea {\r\n  min-height: 118px;\r\n  resize: vertical;\r\n}\r\n\r\n.bmi-field input:focus,\r\n.bmi-field select:focus,\r\n.bmi-field textarea:focus {\r\n  border-color: var(--bmi-blue);\r\n  box-shadow: 0 0 0 4px rgba(0,159,223,0.12);\r\n  background: #fff;\r\n}\r\n\r\n.bmi-field input::placeholder,\r\n.bmi-field textarea::placeholder {\r\n  color: #9b9b9b;\r\n}\r\n\r\n.bmi-consent {\r\n  display: flex;\r\n  gap: 10px;\r\n  align-items: flex-start;\r\n  color: #666;\r\n  font-size: 12px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.bmi-consent input {\r\n  width: 17px;\r\n  height: 17px;\r\n  margin-top: 1px;\r\n  accent-color: var(--bmi-blue);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.bmi-contact-form__submit {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 54px;\r\n  width: 100%;\r\n  margin-top: 4px;\r\n  border: 0;\r\n  border-radius: 999px;\r\n  background: var(--bramac-red);\r\n  color: #fff;\r\n  padding: 15px 22px;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  font-weight: 950;\r\n  cursor: pointer;\r\n  box-shadow: 0 18px 42px rgba(210,38,48,0.28);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.bmi-contact-form__submit:hover {\r\n  transform: translateY(-2px);\r\n  background: var(--bramac-red-dark);\r\n  box-shadow: 0 24px 50px rgba(210,38,48,0.36);\r\n}\r\n\r\n.bmi-contact-form__submit svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: currentColor;\r\n  stroke-width: 2.2;\r\n  fill: none;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.bmi-contact-form__note {\r\n  margin: 10px 0 0;\r\n  color: #777;\r\n  font-size: 12px;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .bmi-contact-cta__inner {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bmi-contact-form-card {\r\n    max-width: 720px;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .bmi-contact-cta {\r\n    padding: 60px 16px;\r\n  }\r\n\r\n  .bmi-contact-cta__title {\r\n    font-size: clamp(40px, 13vw, 60px);\r\n  }\r\n\r\n  .bmi-contact-cta__actions {\r\n    display: grid;\r\n  }\r\n\r\n  .bmi-contact-cta__button,\r\n  .bmi-contact-cta__secondary {\r\n    width: 100%;\r\n  }\r\n\r\n  .bmi-contact-cta__contact {\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .bmi-contact-form-card {\r\n    padding: 24px 20px;\r\n    border-radius: 28px;\r\n  }\r\n\r\n  .bmi-contact-form__row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"bmi-contact-cta\" id=\"kontakt\">\r\n  <div class=\"bmi-contact-cta__inner\">\r\n\r\n    <div class=\"bmi-contact-cta__content\">\r\n      <div class=\"bmi-contact-cta__eyebrow\">Kontakt i ponuda<\/div>\r\n\r\n      <h2 class=\"bmi-contact-cta__title\">\r\n        Spremni za krov bez kompromisa?\r\n      <\/h2>\r\n\r\n      <p class=\"bmi-contact-cta__text\">\r\n        Otkrijte svijet krovova s na\u0161im rje\u0161enjima. Zatra\u017eite ponudu ili nas kontaktirajte za stru\u010dni savjet.\r\n      <\/p>\r\n\r\n      <div class=\"bmi-contact-cta__actions\">\r\n        <a class=\"bmi-contact-cta__button\" href=\"#bmi-contact-form\">\r\n          Zatra\u017eite ponudu\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14\"\/>\r\n            <path d=\"M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a class=\"bmi-contact-cta__secondary\" href=\"tel:+38598210069\">\r\n          Nazovite nas\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"bmi-contact-cta__contact\">\r\n        <h3 class=\"bmi-contact-cta__contact-title\">Kontakt podaci<\/h3>\r\n\r\n        <div class=\"bmi-contact-cta__contact-grid\">\r\n\r\n          <div class=\"bmi-contact-item\">\r\n            <div class=\"bmi-contact-item__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M3 21h18\"\/>\r\n                <path d=\"M5 21V7l7-4 7 4v14\"\/>\r\n                <path d=\"M9 21v-7h6v7\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"bmi-contact-item__content\">\r\n              <strong>GOLDEN GLOBE d.o.o.<\/strong>\r\n              Ovla\u0161teni kontakt za BMI Bramac rje\u0161enja\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-contact-item\">\r\n            <div class=\"bmi-contact-item__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 21s7-4.6 7-11a7 7 0 0 0-14 0c0 6.4 7 11 7 11z\"\/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"bmi-contact-item__content\">\r\n              <strong>Adresa<\/strong>\r\n              Kobilja\u010dka 8, Kobiljak,<br>\r\n              10361 Sesvetski Kraljevec\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-contact-item\">\r\n            <div class=\"bmi-contact-item__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M4 6h16v12H4z\"\/>\r\n                <path d=\"M4 7l8 6 8-6\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"bmi-contact-item__content\">\r\n              <strong>Email<\/strong>\r\n              <a href=\"mailto:bmi@goldenglobe.hr\">bmi@goldenglobe.hr<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-contact-item\">\r\n            <div class=\"bmi-contact-item__icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.4 19.4 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"bmi-contact-item__content\">\r\n              <strong>Telefon<\/strong>\r\n              <a href=\"tel:+38598210069\">+385 98 210 069<\/a>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bmi-contact-form-card\" id=\"bmi-contact-form\">\r\n      <div class=\"bmi-contact-form-card__content\">\r\n        <div class=\"bmi-contact-form-card__label\">Zatra\u017eite ponudu<\/div>\r\n\r\n        <h3 class=\"bmi-contact-form-card__title\">\r\n          Po\u0161aljite nam upit za va\u0161 krov\r\n        <\/h3>\r\n\r\n        <p class=\"bmi-contact-form-card__text\">\r\n          Ispunite kratku formu i javit \u0107emo vam se s prijedlogom rje\u0161enja ili dodatnim pitanjima za izradu ponude.\r\n        <\/p>\r\n\r\n        <form class=\"bmi-contact-form\" action=\"#\" method=\"post\">\r\n\r\n          <div class=\"bmi-contact-form__row\">\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-name\">Ime i prezime *<\/label>\r\n              <input id=\"bmi-name\" name=\"ime_prezime\" type=\"text\" placeholder=\"Va\u0161e ime i prezime\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-phone\">Telefon *<\/label>\r\n              <input id=\"bmi-phone\" name=\"telefon\" type=\"tel\" placeholder=\"+385...\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-contact-form__row\">\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-email\">Email *<\/label>\r\n              <input id=\"bmi-email\" name=\"email\" type=\"email\" placeholder=\"vas@email.com\" required>\r\n            <\/div>\r\n\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-location\">Grad *<\/label>\r\n              <input id=\"bmi-location\" name=\"lokacija\" type=\"text\" placeholder=\"Grad \/ mjesto\" required>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-contact-form__row\">\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-project\">Vrsta upita<\/label>\r\n              <select id=\"bmi-project\" name=\"vrsta_upita\">\r\n                <option value=\"\">Odaberite opciju<\/option>\r\n                <option value=\"nova-gradnja\">Nova gradnja<\/option>\r\n                <option value=\"renovacija-krova\">Renovacija krova<\/option>\r\n                <option value=\"zamjena-crijepa\">Zamjena crijepa<\/option>\r\n                <option value=\"savjetovanje\">Savjetovanje<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"bmi-field\">\r\n              <label for=\"bmi-roof\">Povr\u0161ina krova<\/label>\r\n              <input id=\"bmi-roof\" name=\"povrsina_krova\" type=\"text\" placeholder=\"npr. 180 m\u00b2\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"bmi-field\">\r\n            <label for=\"bmi-message\">Poruka<\/label>\r\n            <textarea id=\"bmi-message\" name=\"poruka\" placeholder=\"Napi\u0161ite \u0161to trebate, koji crijep vas zanima ili po\u0161aljite osnovne informacije o objektu.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <label class=\"bmi-consent\">\r\n            <input type=\"checkbox\" name=\"privola\" required>\r\n            <span>Sla\u017eem se da me GOLDEN GLOBE d.o.o. kontaktira vezano uz moj upit.<\/span>\r\n          <\/label>\r\n\r\n          <button class=\"bmi-contact-form__submit\" type=\"submit\">\r\n            Zatra\u017eite ponudu\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M5 12h14\"\/>\r\n              <path d=\"M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <p class=\"bmi-contact-form__note\">\r\n            Za br\u017ei odgovor mo\u017eete nas kontaktirati i direktno na +385 98 210 069.\r\n          <\/p>\r\n\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cbde3ed elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"cbde3ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c5415 bmi-elementor-hidden-form elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"33c5415\" 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=\"10\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"33c5415\"\/>\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=\"10\"\/>\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 elementor-field-required\">\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\" 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-text elementor-field-group elementor-column elementor-field-group-field_e1cef1c elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_e1cef1c\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tKontakt broj\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[field_e1cef1c]\" id=\"form-field-field_e1cef1c\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Kontakt broj\" 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-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-text elementor-field-group elementor-column elementor-field-group-field_7373df8 elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_7373df8\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tGrad\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[field_7373df8]\" id=\"form-field-field_7373df8\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Grad\" 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-text elementor-field-group elementor-column elementor-field-group-field_82f297e elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_82f297e\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVrsta upita\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[field_82f297e]\" id=\"form-field-field_82f297e\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Vrsta upita\">\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-text elementor-field-group elementor-column elementor-field-group-field_adb360b elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_adb360b\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPovr\u0161ina krova m2:\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[field_adb360b]\" id=\"form-field-field_adb360b\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Povr\u0161ina krova m2:\">\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\">Send<\/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 class=\"elementor-element elementor-element-87da10c elementor-widget elementor-widget-html\" data-id=\"87da10c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Skriva Elementor formu, ali je ostavlja aktivnom za slanje *\/\n  .bmi-elementor-hidden-form {\n    position: absolute !important;\n    left: -99999px !important;\n    top: auto !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  .bmi-contact-form__response {\n    margin-top: 14px;\n    font-size: 14px;\n    line-height: 1.5;\n    font-weight: 500;\n  }\n\n  .bmi-contact-form__response.is-success {\n    color: #157347;\n  }\n\n  .bmi-contact-form__response.is-error {\n    color: #b42318;\n  }\n\n  .bmi-contact-form__response.is-loading {\n    color: #555;\n  }\n\n  .bmi-contact-form__submit.is-loading {\n    opacity: 0.7;\n    cursor: wait;\n    pointer-events: none;\n  }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const customForm = document.querySelector('#bmi-contact-form form.bmi-contact-form');\n\n  const elementorForm =\n    document.querySelector('.bmi-elementor-hidden-form form.elementor-form') ||\n    document.querySelector('form.elementor-form.bmi-elementor-hidden-form') ||\n    document.querySelector('.elementor-element-33c5415 form.elementor-form');\n\n  if (!customForm) {\n    console.warn('BMI HTML forma nije prona\u0111ena.');\n    return;\n  }\n\n  if (!elementorForm) {\n    console.warn('Elementor forma nije prona\u0111ena.');\n    return;\n  }\n\n  const customSubmit = customForm.querySelector('.bmi-contact-form__submit');\n\n  let responseBox = customForm.querySelector('.bmi-contact-form__response');\n\n  if (!responseBox) {\n    responseBox = document.createElement('p');\n    responseBox.className = 'bmi-contact-form__response';\n    responseBox.setAttribute('aria-live', 'polite');\n\n    if (customSubmit) {\n      customSubmit.insertAdjacentElement('afterend', responseBox);\n    } else {\n      customForm.appendChild(responseBox);\n    }\n  }\n\n  elementorForm.setAttribute('aria-hidden', 'true');\n\n  elementorForm.querySelectorAll('input, textarea, select, button').forEach(function (field) {\n    field.setAttribute('tabindex', '-1');\n  });\n\n  function getCustomValue(selector) {\n    const field = customForm.querySelector(selector);\n    return field ? field.value.trim() : '';\n  }\n\n  function setElementorValue(selector, value) {\n    const field = elementorForm.querySelector(selector);\n\n    if (!field) {\n      console.warn('Elementor polje nije prona\u0111eno:', selector);\n      return;\n    }\n\n    field.value = value;\n\n    field.dispatchEvent(new Event('input', { bubbles: true }));\n    field.dispatchEvent(new Event('change', { bubbles: true }));\n  }\n\n  function showMessage(message, type) {\n    responseBox.textContent = message;\n    responseBox.classList.remove('is-success', 'is-error', 'is-loading');\n\n    if (type) {\n      responseBox.classList.add('is-' + type);\n    }\n  }\n\n  function lockSubmit() {\n    if (!customSubmit) return;\n\n    customSubmit.disabled = true;\n    customSubmit.classList.add('is-loading');\n  }\n\n  function unlockSubmit() {\n    if (!customSubmit) return;\n\n    customSubmit.disabled = false;\n    customSubmit.classList.remove('is-loading');\n  }\n\n  function getProjectText() {\n    const projectField = customForm.querySelector('#bmi-project');\n\n    if (!projectField) {\n      return '';\n    }\n\n    if (projectField.selectedOptions && projectField.selectedOptions.length) {\n      const selectedOption = projectField.selectedOptions[0];\n\n      if (!selectedOption.value) {\n        return '';\n      }\n\n      return selectedOption.textContent.trim();\n    }\n\n    return projectField.value.trim();\n  }\n\n  customForm.addEventListener('submit', function (event) {\n    event.preventDefault();\n\n    if (!customForm.checkValidity()) {\n      customForm.reportValidity();\n      return;\n    }\n\n    const imePrezime = getCustomValue('#bmi-name');\n    const telefon = getCustomValue('#bmi-phone');\n    const email = getCustomValue('#bmi-email');\n    const grad = getCustomValue('#bmi-location');\n    const vrstaUpita = getProjectText();\n    const povrsinaKrova = getCustomValue('#bmi-roof');\n    const poruka = getCustomValue('#bmi-message');\n\n    setElementorValue('#form-field-name', imePrezime);\n    setElementorValue('#form-field-field_e1cef1c', telefon);\n    setElementorValue('#form-field-email', email);\n    setElementorValue('#form-field-field_7373df8', grad);\n    setElementorValue('#form-field-field_82f297e', vrstaUpita);\n    setElementorValue('#form-field-field_adb360b', povrsinaKrova);\n    setElementorValue('#form-field-message', poruka);\n\n    showMessage('\u0160aljemo va\u0161 upit...', 'loading');\n    lockSubmit();\n\n    const elementorSubmit = elementorForm.querySelector('button[type=\"submit\"]');\n\n    if (!elementorSubmit) {\n      showMessage('Gre\u0161ka: Elementor submit gumb nije prona\u0111en.', 'error');\n      unlockSubmit();\n      return;\n    }\n\n    elementorSubmit.click();\n  });\n\n  const observer = new MutationObserver(function () {\n    const successMessage = elementorForm.querySelector('.elementor-message-success');\n    const errorMessage =\n      elementorForm.querySelector('.elementor-message-danger') ||\n      elementorForm.querySelector('.elementor-error');\n\n    if (successMessage) {\n      showMessage('Hvala! Va\u0161 upit je uspje\u0161no poslan. Javit \u0107emo vam se uskoro.', 'success');\n      customForm.reset();\n      unlockSubmit();\n    }\n\n    if (errorMessage) {\n      showMessage(\n        errorMessage.textContent.trim() || 'Do\u0161lo je do gre\u0161ke prilikom slanja. Molimo poku\u0161ajte ponovno.',\n        'error'\n      );\n      unlockSubmit();\n    }\n  });\n\n  observer.observe(elementorForm, {\n    childList: true,\n    subtree: true\n  });\n\n  if (window.jQuery) {\n    jQuery(document).on('submit_success', function (event) {\n      const submittedForm = event.target;\n\n      if (submittedForm === elementorForm || elementorForm.contains(submittedForm)) {\n        showMessage('Hvala! Va\u0161 upit je uspje\u0161no poslan. Javit \u0107emo vam se uskoro.', 'success');\n        customForm.reset();\n        unlockSubmit();\n      }\n    });\n\n    jQuery(document).on('submit_error', function (event) {\n      const submittedForm = event.target;\n\n      if (submittedForm === elementorForm || elementorForm.contains(submittedForm)) {\n        showMessage('Do\u0161lo je do gre\u0161ke prilikom slanja. Molimo poku\u0161ajte ponovno.', 'error');\n        unlockSubmit();\n      }\n    });\n  }\n});\n<\/script>\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>Crijep koji pamti generacije. S ponosom isti\u010demo da \u0107e BMI proizvodi biti kontinuirano dostupni putem na\u0161eg ekskluzivnog distributera, Golden Globe d.o.o. Istra\u017eite modele crijepova BMI Bramac kolekcija Crijepovi za razli\u010dite stilove arhitekture \u0160est pa\u017eljivo oblikovanih rje\u0161enja: od tradicionalnih mediteranskih profila do suvremenih ravnih linija &#8211; za krovove koji ostavljaju dojam i traju. 01 \/ 06 [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":292,"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":630,"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/pages\/10\/revisions\/630"}],"wp:attachment":[{"href":"https:\/\/goldenglobe.hr\/bmibramac\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}