<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
		<title>Coming Soon Page &#8211; Web dizajn Zagreb │ Banner , Zagreb</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Web dizajn Zagreb │ Banner , Zagreb &raquo; Feed" href="https://banner.com.hr/feed/" />
<link rel="alternate" type="application/rss+xml" title="Web dizajn Zagreb │ Banner , Zagreb &raquo; Comments Feed" href="https://banner.com.hr/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://banner.com.hr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbanner.com.hr%2F%3Felementor_library%3Dcoming-soon-page" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://banner.com.hr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbanner.com.hr%2F%3Felementor_library%3Dcoming-soon-page&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='blocksy-dynamic-global-css' href='https://banner.com.hr/wp-content/uploads/blocksy/css/global.css?ver=33066' media='all' />
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--palette-color-1: var(--theme-palette-color-1, #CEBFF2);--wp--preset--color--palette-color-2: var(--theme-palette-color-2, #FF5E5E);--wp--preset--color--palette-color-3: var(--theme-palette-color-3, #1E1F4B);--wp--preset--color--palette-color-4: var(--theme-palette-color-4, #F5EBDD);--wp--preset--color--palette-color-5: var(--theme-palette-color-5, #F5EBDD);--wp--preset--color--palette-color-6: var(--theme-palette-color-6, #f2f5f7);--wp--preset--color--palette-color-7: var(--theme-palette-color-7, #CEBFF2);--wp--preset--color--palette-color-8: var(--theme-palette-color-8, #1E1F4B);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--juicy-peach: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);--wp--preset--gradient--young-passion: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);--wp--preset--gradient--true-sunset: linear-gradient(to right, #fa709a 0%, #fee140 100%);--wp--preset--gradient--morpheus-den: linear-gradient(to top, #30cfd0 0%, #330867 100%);--wp--preset--gradient--plum-plate: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--wp--preset--gradient--aqua-splash: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);--wp--preset--gradient--love-kiss: linear-gradient(to top, #ff0844 0%, #ffb199 100%);--wp--preset--gradient--new-retrowave: linear-gradient(to top, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);--wp--preset--gradient--plum-bath: linear-gradient(to top, #cc208e 0%, #6713d2 100%);--wp--preset--gradient--high-flight: linear-gradient(to right, #0acffe 0%, #495aff 100%);--wp--preset--gradient--teen-party: linear-gradient(135deg, #FF057C 0%, #8D0B93 50%, #321575 100%);--wp--preset--gradient--fabled-sunset: linear-gradient(135deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);--wp--preset--gradient--arielle-smile: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);--wp--preset--gradient--itmeo-branding: linear-gradient(180deg, #2af598 0%, #009efd 100%);--wp--preset--gradient--deep-blue: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);--wp--preset--gradient--strong-bliss: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);--wp--preset--gradient--sweet-period: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%);--wp--preset--gradient--purple-division: linear-gradient(to top, #7028e4 0%, #e5b2ca 100%);--wp--preset--gradient--cold-evening: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);--wp--preset--gradient--mountain-rock: linear-gradient(to right, #868f96 0%, #596164 100%);--wp--preset--gradient--desert-hump: linear-gradient(to top, #c79081 0%, #dfa579 100%);--wp--preset--gradient--ethernal-constance: linear-gradient(to top, #09203f 0%, #537895 100%);--wp--preset--gradient--happy-memories: linear-gradient(300deg, #ff5858 0%, #f09819 100%);--wp--preset--gradient--grown-early: linear-gradient(to top, #0ba360 0%, #3cba92 100%);--wp--preset--gradient--morning-salad: linear-gradient(135deg, #B7F8DB 0%, #50A7C2 100%);--wp--preset--gradient--night-call: linear-gradient(135deg, #AC32E4 0%, #7918F2 48%, #4801FF 100%);--wp--preset--gradient--mind-crawl: linear-gradient(135deg, #473B7B 0%, #3584A7 51%, #30D2BE 100%);--wp--preset--gradient--angel-care: linear-gradient(135deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);--wp--preset--gradient--juicy-cake: linear-gradient(to top, #e14fad 0%, #f9d423 100%);--wp--preset--gradient--rich-metal: linear-gradient(to right, #d7d2cc 0%, #304352 100%);--wp--preset--gradient--mole-hall: linear-gradient(340deg, #616161 0%, #9bc5c3 100%);--wp--preset--gradient--cloudy-knoxville: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);--wp--preset--gradient--soft-grass: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);--wp--preset--gradient--saint-petersburg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--wp--preset--gradient--everlasting-sky: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);--wp--preset--gradient--kind-steel: linear-gradient(340deg, #e9defa 0%, #fbfcdb 100%);--wp--preset--gradient--over-sun: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);--wp--preset--gradient--premium-white: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%);--wp--preset--gradient--clean-mirror: linear-gradient(45deg, #93a5cf 0%, #e4efe9 100%);--wp--preset--gradient--wild-apple: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);--wp--preset--gradient--snow-again: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);--wp--preset--gradient--confident-cloud: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);--wp--preset--gradient--glass-water: linear-gradient(to top, #dfe9f3 0%, white 100%);--wp--preset--gradient--perfect-white: linear-gradient(135deg, #E3FDF5 0%, #FFE6FA 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: clamp(22px, 1.375rem + ((1vw - 3.2px) * 0.625), 30px);--wp--preset--font-size--x-large: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.563), 50px);--wp--preset--font-size--xx-large: clamp(45px, 2.813rem + ((1vw - 3.2px) * 2.734), 80px);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: var(--theme-block-max-width);--wp--style--global--wide-size: var(--theme-block-wide-max-width); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: var(--theme-content-spacing); margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: var(--theme-content-spacing); }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: var(--theme-content-spacing);margin-block-end: 0;}:root :where(.is-layout-flex){gap: var(--theme-content-spacing);}:root :where(.is-layout-grid){gap: var(--theme-content-spacing);}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){font-style: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-color{color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-color{color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-color{color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-color{color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-color{color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-color{color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-color{color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-color{color: var(--wp--preset--color--palette-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-background-color{background-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-background-color{background-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-background-color{background-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-background-color{background-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-background-color{background-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-background-color{background-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-background-color{background-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-background-color{background-color: var(--wp--preset--color--palette-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-palette-color-1-border-color{border-color: var(--wp--preset--color--palette-color-1) !important;}.has-palette-color-2-border-color{border-color: var(--wp--preset--color--palette-color-2) !important;}.has-palette-color-3-border-color{border-color: var(--wp--preset--color--palette-color-3) !important;}.has-palette-color-4-border-color{border-color: var(--wp--preset--color--palette-color-4) !important;}.has-palette-color-5-border-color{border-color: var(--wp--preset--color--palette-color-5) !important;}.has-palette-color-6-border-color{border-color: var(--wp--preset--color--palette-color-6) !important;}.has-palette-color-7-border-color{border-color: var(--wp--preset--color--palette-color-7) !important;}.has-palette-color-8-border-color{border-color: var(--wp--preset--color--palette-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-juicy-peach-gradient-background{background: var(--wp--preset--gradient--juicy-peach) !important;}.has-young-passion-gradient-background{background: var(--wp--preset--gradient--young-passion) !important;}.has-true-sunset-gradient-background{background: var(--wp--preset--gradient--true-sunset) !important;}.has-morpheus-den-gradient-background{background: var(--wp--preset--gradient--morpheus-den) !important;}.has-plum-plate-gradient-background{background: var(--wp--preset--gradient--plum-plate) !important;}.has-aqua-splash-gradient-background{background: var(--wp--preset--gradient--aqua-splash) !important;}.has-love-kiss-gradient-background{background: var(--wp--preset--gradient--love-kiss) !important;}.has-new-retrowave-gradient-background{background: var(--wp--preset--gradient--new-retrowave) !important;}.has-plum-bath-gradient-background{background: var(--wp--preset--gradient--plum-bath) !important;}.has-high-flight-gradient-background{background: var(--wp--preset--gradient--high-flight) !important;}.has-teen-party-gradient-background{background: var(--wp--preset--gradient--teen-party) !important;}.has-fabled-sunset-gradient-background{background: var(--wp--preset--gradient--fabled-sunset) !important;}.has-arielle-smile-gradient-background{background: var(--wp--preset--gradient--arielle-smile) !important;}.has-itmeo-branding-gradient-background{background: var(--wp--preset--gradient--itmeo-branding) !important;}.has-deep-blue-gradient-background{background: var(--wp--preset--gradient--deep-blue) !important;}.has-strong-bliss-gradient-background{background: var(--wp--preset--gradient--strong-bliss) !important;}.has-sweet-period-gradient-background{background: var(--wp--preset--gradient--sweet-period) !important;}.has-purple-division-gradient-background{background: var(--wp--preset--gradient--purple-division) !important;}.has-cold-evening-gradient-background{background: var(--wp--preset--gradient--cold-evening) !important;}.has-mountain-rock-gradient-background{background: var(--wp--preset--gradient--mountain-rock) !important;}.has-desert-hump-gradient-background{background: var(--wp--preset--gradient--desert-hump) !important;}.has-ethernal-constance-gradient-background{background: var(--wp--preset--gradient--ethernal-constance) !important;}.has-happy-memories-gradient-background{background: var(--wp--preset--gradient--happy-memories) !important;}.has-grown-early-gradient-background{background: var(--wp--preset--gradient--grown-early) !important;}.has-morning-salad-gradient-background{background: var(--wp--preset--gradient--morning-salad) !important;}.has-night-call-gradient-background{background: var(--wp--preset--gradient--night-call) !important;}.has-mind-crawl-gradient-background{background: var(--wp--preset--gradient--mind-crawl) !important;}.has-angel-care-gradient-background{background: var(--wp--preset--gradient--angel-care) !important;}.has-juicy-cake-gradient-background{background: var(--wp--preset--gradient--juicy-cake) !important;}.has-rich-metal-gradient-background{background: var(--wp--preset--gradient--rich-metal) !important;}.has-mole-hall-gradient-background{background: var(--wp--preset--gradient--mole-hall) !important;}.has-cloudy-knoxville-gradient-background{background: var(--wp--preset--gradient--cloudy-knoxville) !important;}.has-soft-grass-gradient-background{background: var(--wp--preset--gradient--soft-grass) !important;}.has-saint-petersburg-gradient-background{background: var(--wp--preset--gradient--saint-petersburg) !important;}.has-everlasting-sky-gradient-background{background: var(--wp--preset--gradient--everlasting-sky) !important;}.has-kind-steel-gradient-background{background: var(--wp--preset--gradient--kind-steel) !important;}.has-over-sun-gradient-background{background: var(--wp--preset--gradient--over-sun) !important;}.has-premium-white-gradient-background{background: var(--wp--preset--gradient--premium-white) !important;}.has-clean-mirror-gradient-background{background: var(--wp--preset--gradient--clean-mirror) !important;}.has-wild-apple-gradient-background{background: var(--wp--preset--gradient--wild-apple) !important;}.has-snow-again-gradient-background{background: var(--wp--preset--gradient--snow-again) !important;}.has-confident-cloud-gradient-background{background: var(--wp--preset--gradient--confident-cloud) !important;}.has-glass-water-gradient-background{background: var(--wp--preset--gradient--glass-water) !important;}.has-perfect-white-gradient-background{background: var(--wp--preset--gradient--perfect-white) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xx-large-font-size{font-size: var(--wp--preset--font-size--xx-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: clamp(0.984em, 0.984rem + ((1vw - 0.2em) * 0.645), 1.5em);line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://banner.com.hr/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' />
<link rel='stylesheet' id='blocksy-fonts-font-source-google-css' href='https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&#038;family=Inter%20Tight:wght@400;500;600;700&#038;display=swap' media='all' />
<link rel='stylesheet' id='ct-main-styles-css' href='https://banner.com.hr/wp-content/themes/blocksy/static/bundle/main.min.css?ver=2.1.42' media='all' />
<link rel='stylesheet' id='ct-page-title-styles-css' href='https://banner.com.hr/wp-content/themes/blocksy/static/bundle/page-title.min.css?ver=2.1.42' media='all' />
<link rel='stylesheet' id='ct-elementor-styles-css' href='https://banner.com.hr/wp-content/themes/blocksy/static/bundle/elementor-frontend.min.css?ver=2.1.42' media='all' />
<link rel='stylesheet' id='ct-cf-7-styles-css' href='https://banner.com.hr/wp-content/themes/blocksy/static/bundle/cf-7.min.css?ver=2.1.42' media='all' />
<link rel='stylesheet' id='dashicons-css' href='https://banner.com.hr/wp-includes/css/dashicons.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://banner.com.hr/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.0.9' media='all' />
<link rel='stylesheet' id='eael-general-css' href='https://banner.com.hr/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=6.6.5' media='all' />
<script id="jquery-core-js" src="https://banner.com.hr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://banner.com.hr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<link rel="https://api.w.org/" href="https://banner.com.hr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://banner.com.hr/wp-json/wp/v2/elementor_library/1817" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://banner.com.hr/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel="canonical" href="https://banner.com.hr/?elementor_library=coming-soon-page" />
<link rel='shortlink' href='https://banner.com.hr/?p=1817' />
<style id="essential-blocks-global-styles">
            :root {
                --eb-global-primary-color: #101828;
--eb-global-secondary-color: #475467;
--eb-global-tertiary-color: #98A2B3;
--eb-global-text-color: #475467;
--eb-global-heading-color: #1D2939;
--eb-global-link-color: #444CE7;
--eb-global-background-color: #F9FAFB;
--eb-global-button-text-color: #FFFFFF;
--eb-global-button-background-color: #101828;
--eb-gradient-primary-color: linear-gradient(90deg, hsla(259, 84%, 78%, 1) 0%, hsla(206, 67%, 75%, 1) 100%);
--eb-gradient-secondary-color: linear-gradient(90deg, hsla(18, 76%, 85%, 1) 0%, hsla(203, 69%, 84%, 1) 100%);
--eb-gradient-tertiary-color: linear-gradient(90deg, hsla(248, 21%, 15%, 1) 0%, hsla(250, 14%, 61%, 1) 100%);
--eb-gradient-background-color: linear-gradient(90deg, rgb(250, 250, 250) 0%, rgb(233, 233, 233) 49%, rgb(244, 243, 243) 100%);

                --eb-tablet-breakpoint: 1024px;
--eb-mobile-breakpoint: 767px;

            }
            
            
        </style><style>
/* ===== Paleta ===== */
:root{
  --midnight:#1E1F4B;   /* tamna pozadina (header/backdrop) */
  --lavender:#CEBFF2;   /* svijetlo-ljubičasta */
  --coral:#FF5E5E;      /* koralj (akcija) */
  --sand:#F5EBDD;       /* svijetli tekst */
  --mint:#61CE70;       /* accent mint */
}

/* ===== BAZA (radi i na Elementor Button widgetu) =====
   - Ako klasu upišeš na Elementor Button widget (Advanced → CSS Classes → npr. "unibtn unibtn--accent"),
     Elementor klasu dodaje na WRAPPER, a ne nužno na <a>.
   - Zato ciljamo i wrapper (.unibtn .elementor-button) i sam link (a.unibtn)
*/

/* default stanje */
.unibtn .elementor-button,
a.unibtn{
  font: 600 14px/1 'Outfit', sans-serif;
  padding: 10px 20px;
  border-radius: 10px;
  color: var(--sand);
  background: transparent;
  border: 2px solid var(--lavender);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  transition: all .35s ease;
}

/* hover */
.unibtn .elementor-button:hover,
a.unibtn:hover{
  background: var(--lavender);
  color: var(--midnight);
  box-shadow: 0 10px 22px rgba(206,191,242,.35);
  transform: translateY(-2px);
}

/* ===== VARIJANTE (dodaj uz "unibtn") =====
   Primjeri za Elementor → CSS Classes:
   - unibtn unibtn--accent
   - unibtn unibtn--mint unibtn--pill
   - unibtn unibtn--outline-light unibtn--xl
*/

/* 1) Coral/Accent pun (CTA) */
.unibtn.unibtn--accent .elementor-button,
a.unibtn.unibtn--accent{
  background: var(--coral);
  color: var(--sand);
  border-color: var(--coral);
}
.unibtn.unibtn--accent .elementor-button:hover,
a.unibtn.unibtn--accent:hover{
  background: #ff7676;
  border-color: #ff7676;
  box-shadow: 0 12px 26px rgba(255,94,94,.35);
  transform: translateY(-2px) scale(1.01);
}

/* 2) Mint pun */
.unibtn.unibtn--mint .elementor-button,
a.unibtn.unibtn--mint{
  background: var(--mint);
  color: #0f163a; /* bolja čitljivost na mintu */
  border-color: var(--mint);
}
.unibtn.unibtn--mint .elementor-button:hover,
a.unibtn.unibtn--mint:hover{
  filter: brightness(1.08);
  box-shadow: 0 12px 26px rgba(97,206,112,.35);
  transform: translateY(-2px);
}

/* 3) Svijetli outline (diskretan na tamnoj podlozi) */
.unibtn.unibtn--outline-light .elementor-button,
a.unibtn.unibtn--outline-light{
  background: transparent;
  color: var(--sand);
  border-color: rgba(255,255,255,.65);
}
.unibtn.unibtn--outline-light .elementor-button:hover,
a.unibtn.unibtn--outline-light:hover{
  background: rgba(255,255,255,.08);
}

/* 4) Oblici/veličine/dodatno */
.unibtn.unibtn--pill .elementor-button,
a.unibtn.unibtn--pill{
  border-radius: 9999px; 
  padding: 12px 26px;
}
.unibtn.unibtn--xl .elementor-button,
a.unibtn.unibtn--xl{
  padding: 16px 30px; 
  font-size: 18px;
}
.unibtn.unibtn--icon .elementor-button,
a.unibtn.unibtn--icon{
  gap: .15rem;
}
/* 5) NEW: Ghost Coral (transparentan s koraljnim obrubom) */
.unibtn.unibtn--ghost-coral .elementor-button,
a.unibtn.unibtn--ghost-coral{
  background: transparent;
  color: var(--coral);
  border: 2px solid var(--coral);
}
.unibtn.unibtn--ghost-coral .elementor-button:hover,
a.unibtn.unibtn--ghost-coral:hover{
  background: rgba(255,94,94,0.1);
  color: var(--sand);
  box-shadow: 0 10px 22px rgba(255,94,94,.35);
}

/* 6) NEW: Gradient (koralj → lavender) */
.unibtn.unibtn--gradient .elementor-button,
a.unibtn.unibtn--gradient{
  background: linear-gradient(45deg, var(--coral), var(--lavender));
  color: var(--sand);
  border: none;
}
.unibtn.unibtn--gradient .elementor-button:hover,
a.unibtn.unibtn--gradient:hover{
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(255,94,94,.35);
}	
</style>
<style>
/* === OSNOVNE VARIJANTE HIGHLIGHT TEKSTA === */

/* Coral (naglasak, energija) */
.highlight-coral {
  color: #FF5E5E; /* Electric Coral */
  font-weight: 600;
}

/* Lavender (futuristički, spiritualni touch) */
.highlight-lavender {
  color: #CEBFF2; /* Digital Lavender */
  font-weight: 600;
}

/* Mint (svježina, tech vibe) */
.highlight-mint {
  color: #61CE70; /* Neo Mint */
  font-weight: 600;
}

/* Outline varijanta (tekst s obrubom – cool efekt na tamnoj pozadini) */
.highlight-outline {
  color: transparent;
  -webkit-text-stroke: 1px #F5EBDD; /* Sandstone Beige obrub */
  font-weight: 700;
}

/* === ANIMIRANI HIGHLIGHT STILOVI === */

/* Pulsirajući coral (lagano “diše”) */
.highlight-coral-anim {
  color: #FF5E5E;
  font-weight: 700;
  animation: coralPulse 2.8s ease-in-out infinite;
}
@keyframes coralPulse {
  0%,100% { color: #FF5E5E; }
  50%     { color: #ff8a8a; }
}

/* Gradijent koji teče kroz tekst */
.highlight-gradient {
  font-weight: 700;
  background: linear-gradient(90deg, #FF5E5E, #CEBFF2, #61CE70);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 6s linear infinite;
}
@keyframes gradientMove {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* Suptilno sjajenje (lavender glow) */
.highlight-glow {
  color: #CEBFF2;
  font-weight: 700;
  text-shadow: 0 0 6px rgba(206,191,242,0.6),
               0 0 12px rgba(206,191,242,0.4);
  animation: glowPulse 4s ease-in-out infinite;
}
@keyframes glowPulse {
  0%,100% { text-shadow: 0 0 6px rgba(206,191,242,0.6),
                     0 0 12px rgba(206,191,242,0.4); }
  50%     { text-shadow: 0 0 10px rgba(206,191,242,0.8),
                     0 0 20px rgba(206,191,242,0.6); }
}
</style>
<style>
/* Desktop (poštujemo Elementor postavke) */
.hero-bg{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  /* ne diramo background-position za desktop */
}

/* ===== Tablet – PORTRAIT =====
   768–1366 px, portrait: koristi tablet sliku */
@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: portrait){
  .hero-bg{
    background-image: url('https://banner.com.hr/wp-content/uploads/2025/08/pozadina3.png') !important;
    background-position: center top !important;
  }
}

/* ===== Tablet – LANDSCAPE =====
   768–1366 px, landscape: isto koristi tablet sliku */
@media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape){
  .hero-bg{
    background-image: url('https://banner.com.hr/wp-content/uploads/2025/08/pozadina3.png') !important;
    background-position: center center !important;
  }
}

/* Dodatni fallback za "tvrdoglave" uređaje (device-width) */
@media screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape){
  .hero-bg{
    background-image: url('https://banner.com.hr/wp-content/uploads/2025/08/pozadina3.png') !important;
    background-position: center center !important;
  }
}

/* ===== Mobitel ===== */
@media screen and (max-width: 767px){
  .hero-bg{
    background-image: url('https://banner.com.hr/wp-content/uploads/2025/08/pozadina3.png') !important;
    background-position: center top !important;
  }
}
</style>
 
<style id="chips-tune">
:root{
  --midnight:#0f163a;
  --lavender:#CEBFF2;
  --coral:#FF5E5E;
  --sand:#F5EBDD;
  --mint:#61CE70;
}

/* === WRAP oko HTML widgeta s čipovima (klasa na Elementor kontejneru) === */
.chips-wrap{
  margin-top: 0;              /* DESKTOP: bez dodatnog razmaka */
  width: 100%;
  max-width: 100%;
  overflow-x: clip;           /* spriječi vodoravni scroll */
  box-sizing: border-box;
}

/* fallback za preglednike bez clip-a */
html, body { overflow-x: hidden; }

/* === Glavni flex kontejner čipova === */
.hero-mini{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  align-items:center;
  justify-content:center;     /* centrira čipove */
  max-width: 100%;
  box-sizing: border-box;
}

/* === Opcionalni okvir sa sjajem (dodaj klasu glow-wrap na .hero-mini) === */
.hero-mini.glow-wrap{
  border: 2px solid rgba(206,191,242,.5);
  border-radius: 16px;
  padding: 20px;
  animation: pulseGlow 3.5s infinite ease-in-out;
  box-shadow: 0 0 12px rgba(206,191,242,.3);

  /* DESKTOP: normalna širina, centrirano ali bez “fit-content” da ne šeta */
  width: auto;
  max-width: none;
  margin-inline: auto;
  display:flex; flex-wrap:wrap; gap:.7rem;
}
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(206,191,242,.25); }
  50%      { box-shadow: 0 0 24px rgba(206,191,242,.55); }
}

/* === Čipovi === */
.feat-chip{
  font: 600 15px/1 'Outfit', sans-serif;
  color: var(--sand);
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  padding: 12px 16px;
  border-radius: 9999px;
  text-decoration:none;
  display:inline-flex; align-items:center; gap:.55rem;
  transition: transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
  backdrop-filter: saturate(140%) blur(2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
}
.feat-chip:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(0,0,0,.28);
  background: rgba(108,143,242,.14);
  border-color: var(--lavender);
}
.feat-chip .i{ font-size: 14px; line-height: 1; display:inline-block; }

/* Lagani “float” */
@keyframes chipFloat {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-4px); }
  100% { transform: translateY(0px); }
}
.feat-chip--float{ animation: chipFloat 4.6s ease-in-out infinite; }
.hero-mini .feat-chip--float:nth-child(2){ animation-duration: 5.2s; }
.hero-mini .feat-chip--float:nth-child(3){ animation-duration: 4.8s; }
.hero-mini .feat-chip--float:nth-child(4){ animation-duration: 5.5s; }

/* === Tablet (mrvu razmak i manji čipovi) === */
@media (max-width: 1024px){
  .chips-wrap{ margin-top: 12px; }
  .feat-chip{ padding: 11px 14px; font-size:14px; }

  /* Na tabletima ograniči okvir da ne “gura” udesno */
  .hero-mini.glow-wrap{
    width: fit-content;
    max-width: calc(100% - 24px);
    margin-inline: auto;
  }
}

/* === Mobitel (pomak lijevo + kompaktnije) === */
@media (max-width: 768px){
  .chips-wrap{
    margin-top: 8px;
    margin-left: -10px; /* gurni cijeli kontejner ulijevo */
  }
  .chips-wrap .elementor-widget-container{
    margin-left: -20px; /* gurni i sadržaj widgeta ulijevo */
  }
  .hero-mini{ gap:.6rem; }
  .feat-chip{ padding: 10px 12px; font-size:13px; }

  .hero-mini.glow-wrap{
    padding: 12px;
    border-radius: 12px;
    width: fit-content;
    max-width: calc(100% - 16px);
    margin-inline: auto;
  }
}

/* glatko skrolanje za #ankore */
html{ scroll-behavior: smooth; }
</style>
<style>
:root{
  --midnight:#0f163a;
  --lavender:#CEBFF2;
  --coral:#FF5E5E;
  --sand:#F5EBDD;
  --mint:#61CE70;
}

/* ===== CIJELA SEKCIJA (centar, 2×2 grid) ===== */
.features{
  max-width: 1200px;
  margin-inline: auto;             /* centriraj */
  padding: clamp(24px, 4vw, 48px) 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 32px);     /* “zrak” između kartica */
}

/* 1 stupac na tablet/mob */
@media (max-width: 900px){
  .features{ grid-template-columns: 1fr; }
}

/* ===== POJEDINA KARTICA ===== */
.feature{
  display: flex;
  gap: clamp(18px, 2.6vw, 28px);
  align-items: stretch;            /* iste visine unutar kartice */
  min-height: 280px;
  padding: clamp(12px, 1.8vw, 16px);

  /* staklasti panel + suptilan neonski rub */
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  box-shadow:
    0 12px 40px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.04) inset;
}

/* vizual lijevo / tekst desno obrnuto kad treba */
.feature.is-invert{ flex-direction: row-reverse; }

/* Kolone unutar kartice */
.feat-text, .feat-visual{ flex:1 1 0; min-width:0; display:flex; }
.feat-text{ flex-direction:column; color:#EAF0FF; }

/* Naslovi – svaka kartica ima svoju boju */
.feature--1 h3{ color: var(--coral); }
.feature--2 h3{ color: var(--lavender); }
.feature--3 h3{ color: var(--mint); }
.feature--4 h3{ color: var(--sand); }

/* Lista */
.feat-text ul{ margin:.6rem 0 0 1.1rem; }
.feat-text li{ margin:.35rem 0; opacity:.95; }

/* Vizualna ploha (bez slike – “premium” gradijenti) */
.feat-visual{
  position:relative;
  border-radius: 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 0 40px rgba(0,0,0,.35);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.12));
}

/* blagi “sjaj” preko vizuala */
.feat-visual::before{
  content:"";
  position:absolute; inset:-20%;
  background: radial-gradient(40% 35% at 30% 30%, rgba(255,255,255,.07), transparent 60%);
  filter: blur(10px);
}

/* ——— RAZNI VIZUALNI STILOVI (po kartici) ——— */
/* ---------- Brza izrada – animirani ring (spin + color shift) ---------- */

/* animiramo H (hue) kao broj da možemo mijenjati boju kroz HSL */
@property --h {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

/* pozadina ostaje kakvu već imaš, dodajemo prsten na ::after */
.vis-1::after{
  content:"";
  position:absolute;
  inset:14%;                /* debljina prstena, poigraj se 12–18% */
  border-radius:24px;
  /* koristimo HSL s animiranim hue-om */
  background:
    conic-gradient(from 0deg,
      hsl(var(--h) 90% 62%) 0 72%,
      rgba(255,255,255,.08) 72% 100%
    );
  /* izrežemo sredinu da dobijemo prsten */
  -webkit-mask: radial-gradient(closest-side, transparent 78%, #000 79%);
          mask: radial-gradient(closest-side, transparent 78%, #000 79%);
  filter: blur(.4px);

  /* 1) spora rotacija  2) polagani shift boje kroz paletu */
  animation: ringSpin 22s linear infinite, ringHue 10s ease-in-out infinite alternate;
  transform-origin: 50% 50%;
  will-change: transform, background;
}

/* spora rotacija */
@keyframes ringSpin { to { transform: rotate(360deg); } }

/* coral -> lavender -> mint -> natrag */
@keyframes ringHue {
  0%   { --h: 8;   }  /* ~coral */
  50%  { --h: 270; }  /* lavender */
  100% { --h: 135; }  /* mint */
}

/* poštujemo korisnike koji ne žele animacije */
@media (prefers-reduced-motion: reduce) {
  .vis-1::after { animation: none; }
}


/* VIS-2 — “floating orb” za Prilagođen dizajn */
.vis-2{
  background:
    radial-gradient(680px 520px at 75% 30%, rgba(206,191,242,.18), transparent 60%),
    radial-gradient(520px 520px at 20% 75%, rgba(97,206,112,.12), transparent 60%),
    linear-gradient(180deg, rgba(12,14,40,.5), rgba(8,10,32,.72));
}
.vis-2::after{
  content:"";
  position:absolute; 
  width:180px; height:180px;
  border-radius:50%;
  left:16%; top:18%;
  background:
    radial-gradient(35% 35% at 35% 35%, rgba(255,255,255,.25), rgba(255,255,255,.05) 60%) ,
    radial-gradient(80% 80% at 70% 70%, rgba(206,191,242,.28), rgba(206,191,242,.03) 70%);
  filter: blur(.6px);
  animation: orbFloat 5.8s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes orbFloat{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-10px) translateX(6px); }
}
								
/* VIS-3 — “phone outline” uz puls */
.vis-3{
  background:
    radial-gradient(620px 520px at 80% 70%, rgba(97,206,112,.12), transparent 60%),
    linear-gradient(180deg, rgba(12,14,40,.5), rgba(8,10,32,.72));
}
.vis-3::after{
  content:"";
  position:absolute;
  width:46%; height:66%;
  top:17%; left:27%;
  border:2px solid rgba(245,235,221,.7);
  border-radius:22px;
  box-shadow:
    0 0 16px rgba(206,191,242,.28),
    inset 0 0 10px rgba(206,191,242,.22);
  animation: phonePulse 3.6s ease-in-out infinite;
}
@keyframes phonePulse{
  0%,100%{ box-shadow: 0 0 14px rgba(206,191,242,.28), inset 0 0 8px rgba(206,191,242,.18); }
  50%{    box-shadow: 0 0 22px rgba(206,191,242,.45), inset 0 0 16px rgba(206,191,242,.32); }
}


.vis-4{
  background:
    radial-gradient(600px 500px at 30% 40%, rgba(245,235,221,.15), transparent 60%),
    linear-gradient(180deg, rgba(12,14,40,.5), rgba(8,10,32,.7));
}
/* #4 — “radar sweep” za SEO */
.vis-4{
  background: radial-gradient(600px 500px at 50% 50%, rgba(245,235,221,.08), transparent 70%),
              linear-gradient(180deg, rgba(12,14,40,.5), rgba(8,10,32,.7));
}
.vis-4::after{
  content:"";
  position:absolute; inset:0;
  border-radius:18px;
  background: conic-gradient(from 0deg, rgba(255,255,255,.15) 0deg 20deg, transparent 20deg 360deg);
  animation: radarSweep 5s linear infinite;
  mix-blend-mode: screen;
}
@keyframes radarSweep{
  to{ transform: rotate(360deg); }
}
	/* === Kartica #5 (Podrška) – BOJA I VIZUAL === */
.feature--5 h3 { color: var(--sand); }
							
/* Neon border za sve kartice */
.feature{
  position: relative;
}
.feature::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  padding:2px; /* debljina glow-a */
  background: linear-gradient(135deg, var(--coral), var(--lavender), var(--mint));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  animation: glowShift 6s linear infinite;
}
@keyframes glowShift {
  0% { filter: hue-rotate(0deg) brightness(1.2); }
  100% { filter: hue-rotate(360deg) brightness(1.2); }
}
	/* Blagi “tilt/float” na hover svih vizuala */
.feat-visual{
  transition: transform .5s ease, box-shadow .5s ease;
  will-change: transform;
}
.feature:hover .feat-visual{
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 22px 70px rgba(0,0,0,.38);
}
	/* ===== Tablet Portrait ===== */
@media (max-width: 1024px){
  .features{
    padding: 28px 18px;
    max-width: 820px;        /* centriraj cijeli blok */
    margin-inline: auto;
  }
  .feature{
    flex-direction: column;  /* uvijek stupci */
    align-items: center;
    gap: 16px;
    margin: 28px auto;       /* vertikalni razmak + centriranje */
    max-width: 720px;
  }
  .feat-text,
  .feat-visual{
    width: 100%;
    min-width: 0;
  }
  .feat-visual{
    aspect-ratio: 4 / 3;
    min-height: 240px;       /* da ne kolabira */
  }
}

/* ===== Phone (≤768px) ===== */
@media (max-width: 768px){
  html, body { overflow-x: hidden; }
  .features{ overflow-x: clip; }          /* osiguraj bez vod. scrolla */

  .feature{
    margin: 22px 0;
    gap: 14px;
  }

  /* karta s tekstom – kompaktnije */
  .feat-text{
    padding: 16px 18px;
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
  }
  .feat-text h3{
    font-size: 22px;
    line-height: 1.18;
    margin-bottom: 10px;
    word-break: normal;
  }
  .feat-text ul{ margin-left: 1.05rem; }
  .feat-text li{ margin: .32rem 0; }

  /* vizual – kvadratasto, malo niže animacije */
  .feat-visual{
    aspect-ratio: 1 / 1;
    min-height: 180px;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
  }

  /* ring neka bude mrvu tanji na fonu */
  .vis-1::after{ inset: 18%; }
}

/* ===== Very small phones (≤380px) ===== */
@media (max-width: 380px){
  .feat-text h3{ font-size: 20px; }
  .feat-visual{ min-height: 150px; }
}
/* === PATCH 1: tvrdo poravnanje i centriranje kartica === */
@media (max-width: 1024px){
  /* svaka feature kartica bude centrirana i iste korisne širine */
  .feature{
    width: min(720px, 100%);
    margin-inline: auto;
  }
  /* tekst i vizual zauzmu 100% */
  .feat-text,
  .feat-visual{
    width: 100%;
    min-width: 0;
  }
}

/* === PATCH 2: jedinstveni omjer i visine vizuala na tabletu/mobu === */
@media (max-width: 1024px){
  .feat-visual{
    aspect-ratio: 1 / 1;     /* svi kvadratni da izgledaju jednako široko */
    min-height: 240px;       /* ne kolabira ako je sadržaja malo */
    margin-inline: auto;     /* centriraj i sam vizual */
  }
}
@media (max-width: 768px){
  .features{ padding-inline: 14px; }
  .feature{
    width: 100%;
    margin-inline: auto;
    gap: 14px;
  }
  .feat-visual{
    aspect-ratio: 1 / 1;
    min-height: 180px;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
  }
}

/* === PATCH 3: ukloni horizontalno “širenje” (neon/sjene) === */
html, body{ overflow-x: hidden; }
.features{ overflow-x: clip; }
.feature, .feat-text, .feat-visual{
  box-sizing: border-box;
  max-width: 100%;
}
/* === MOBILE PORTRAIT HARDENING (<= 480px) =============================== */
@media (max-width: 480px){

  /* Siguran unutarnji padding sekcije */
  .features{ padding-left: 12px; padding-right: 12px; }

  /* Kartica: puni red, centar, bez horizontalnog širenja */
  .feature{
    width: 100%;
    margin: 14px auto;
    overflow: hidden;           /* spriječi da sjene/blur guraju udesno */
    border-radius: 18px;
    gap: 12px;
  }

  /* Ako postoje pseudo-linije / neon spojnici na kartici – isključi na mobu */
  .feature::before,
  .feature::after{ display:none !important; }

  /* Unutarnji “glass” box – malo kompaktnije */
  .feat-text{
    padding: 14px;
    border-radius: 14px;
  }

  /* Vizual: jedinstveni omjer i “flat” border umjesto jakog glowa  */
  .feat-visual{
    aspect-ratio: 1 / 1;        /* svi kvadratni */
    min-height: 180px;
    margin-inline: auto;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
    border-radius: 16px;
  }

  /* Ponekad pseudo-efekti na vizualu izlaze iz okvira – lagano ih stišaj */
  .feat-visual::before,
  .feat-visual::after{
    filter: blur(6px);
    opacity: .85;
  }

  /* Tipografija i liste malo kompaktnije */
  .feat-text h3{ font-size: 22px; line-height: 1.2; }
  .feat-text li{ margin: .3rem 0; }

  /* Safety: nikad ne prelazi širinu */
  .feature, .feat-text, .feat-visual{ max-width: 100%; box-sizing: border-box; }
  img, svg, canvas, video{ max-width: 100%; height: auto; }
  .feat-text{ word-break: break-word; }
}

/* Dodatni safety sloj za sve širine – eliminira 1px “guranje” */
html, body{ overflow-x: hidden; }
.features{ overflow-x: clip; }
	/* === FIX: vis-2 i vis-4 na mobilnom PORTRAITU (<=480px) ================= */
@media (max-width: 480px){

  /* Kartica se rastegne preko cijele širine i ne "vuče" udesno */
  .feature{ align-items: stretch; }

  /* Svi interni boxovi puni red, bez float/collapsa */
  .feature .feat-text,
  .feature .feat-visual{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  /* Vizuali #2 i #4 – sigurni omjeri i kompaktne dimenzije */
  .feature--2 .feat-visual,
  .feature--4 .feat-visual{
    aspect-ratio: 4 / 3;        /* mrvu šire od kvadrata radi naslova */
    min-height: 180px;
    border-radius: 16px;
    overflow: hidden;           /* ništa ne smije viriti van */
  }

  /* vis-2: orb smanjen i centriran (desktop pozicija znala bi gurati) */
  .feature--2 .feat-visual::after{
    width: 120px; height: 120px;       /* bilo 180px */
    left: 50%; top: 26%;
    transform: translateX(-50%);
    filter: blur(0.5px);
    opacity: .9;
  }
  /* opcionalno stišaj i "base" glow da ne širi box */
  .feature--2 .feat-visual::before{ opacity:.75; }

  /* vis-4: radar-sweep manji, u okviru vizuala */
  .feature--4 .feat-visual::after{
    /* manji radijus + sigurnije središte */
    background: radial-gradient(
      240px 240px at var(--x,55%) var(--y,42%),
      rgba(255,255,255,.12), transparent 60%
    );
    opacity: .9;
  }

  /* Tipografija mrvu kompaktnija da bullets ne “lome” po slovima */
  .feat-text h3{ font-size: 22px; line-height: 1.25; }
  .feat-text li{ margin: .3rem 0; }
}
/* ==== CLEANUP: zadrži samo radar verziju za .vis-4 (ako gore ima dupli .vis-4, ovaj neka bude zadnji) ==== */
.vis-4{
  background:
    radial-gradient(600px 500px at 50% 50%, rgba(245,235,221,.08), transparent 70%),
    linear-gradient(180deg, rgba(12,14,40,.5), rgba(8,10,32,.7));
}
.vis-4::after{
  content:"";
  position:absolute; inset:0;
  border-radius:18px;
  background: conic-gradient(from 0deg, rgba(255,255,255,.15) 0deg 20deg, transparent 20deg 360deg);
  animation: radarSweep 5s linear infinite;
  mix-blend-mode: screen;
}

/* ==== MOBILE PORTRAIT – tvrde korekcije za vis-2 i vis-4 (<=480px) ==== */
@media (max-width: 480px){

  /* Kartice: sigurni rubovi i bez izlijevanja pseuda */
  .feature{ overflow: hidden; }

  /* --- vis-2 (orb) – manji, centriran i bez “guranja” layouta --- */
  .feature--2 .feat-visual{
    aspect-ratio: 4 / 3 !important;
    min-height: 180px;
    border-radius: 16px;
  }
  .feature--2 .feat-visual::after{
    width: 112px !important;
    height: 112px !important;
    left: 50% !important;
    top: 34% !important;
    transform: translate(-50%, -50%) !important;
    filter: blur(.5px);
    opacity: .92;
    mix-blend-mode: normal;        /* manje “pranja” teksta */
  }
  /* dodatno stišaj base glow */
  .feature--2 .feat-visual::before{ opacity:.7; }

  /* --- vis-4 (radar) – manji sweep unutar padding “okvira” --- */
  .feature--4 .feat-visual{
    aspect-ratio: 4 / 3 !important;
    min-height: 190px;
    border-radius: 16px;
  }
  .feature--4 .feat-visual::after{
    inset: 10% !important;          /* radar radi unutar sigurnog “okvira” */
    border-radius: 14px !important;
    background: conic-gradient(from 0deg,
                 rgba(255,255,255,.14) 0deg 18deg, transparent 18deg 360deg) !important;
    opacity: .6 !important;         /* slabiji na fonu */
    mix-blend-mode: normal !important;
    animation: radarSweep 6s linear infinite;
  }

  /* Sitni tipografski “tighten” da bullets ne lome previše */
  .feat-text h3{ font-size: 21px; line-height: 1.2; }
  .feat-text li{ margin: .28rem 0; }
}
					
</style>
<style>
/* === MOBILE-ONLY FEATURE KARTICE (<= 768px prikaz) === */
.features-mob { display: none; }

@media (max-width: 768px){
  .features-mob {
    display: block;
    max-width: 720px;
    margin: 0 auto;
    padding: 20px 16px 32px;
  }

  .fm-item {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(0,0,0,.35);
    margin: 14px 0;
    overflow: hidden;
    backdrop-filter: saturate(150%) blur(3px);
    position: relative;
    transition: background 0.3s ease;
  }

  .fm-item summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    user-select: none;
    transition: all 0.3s ease;
  }

  .fm-item summary:hover {
    background: rgba(255,255,255,0.08);
    transform: scale(1.01);
  }

  .fm-item summary::-webkit-details-marker { display: none; }

  .fm-title {
    font: 700 17px/1.4 'Outfit', sans-serif;
    color: #F5EBDD;
    flex: 1;
  }

  .fm-caret {
    color: rgba(255,255,255,0.7);
    transition: transform 0.25s ease;
    font-size: 18px;
  }

  .fm-item[open] .fm-caret {
    transform: rotate(180deg);
  }

  .fm-body {
    color: #EAF0FF;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding-top 0.25s ease;
  }

  .fm-item[open] .fm-body {
    padding-top: 10px;
    max-height: 420px;
    animation: fadeIn 0.4s ease;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .fm-body ul { margin: 6px 0 14px 1.1rem; }
  .fm-body li { margin: 0.34rem 0; opacity: 0.96; }

  .fm-dot {
    width: 12px; height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(255,255,255,.06) inset, 0 0 12px currentColor;
  }

  .fm--1 .fm-dot { color: var(--coral, #FF5E5E); }
  .fm--2 .fm-dot { color: var(--lavender, #CEBFF2); }
  .fm--3 .fm-dot { color: var(--mint, #61CE70); }
  .fm--4 .fm-dot { color: var(--sand, #F5EBDD); }

  .fm-item::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1.5px;
    background: linear-gradient(135deg,
      var(--coral, #FF5E5E),
      var(--lavender, #CEBFF2),
      var(--mint, #61CE70)
    );
    -webkit-mask:
      linear-gradient(#000 0 0) content-box,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    animation: fmGlow 6s linear infinite;
  }

  @keyframes fmGlow {
    0%   { filter: hue-rotate(0deg) brightness(1.1); }
    100% { filter: hue-rotate(360deg) brightness(1.1); }
  }
.features-mob,
.features-mob * {
  font-family: 'Outfit', sans-serif !important;
}		  
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  function isMobile() {
    return window.innerWidth <= 768;
  }

  const chips = document.querySelectorAll('.feat-chip');

  chips.forEach(chip => {
    chip.addEventListener('click', function (e) {
      const baseHref = chip.getAttribute('href'); // npr. "#brzo"
      if (!baseHref) return;

      const isNowMobile = isMobile();
      const targetId = isNowMobile ? baseHref + '-m' : baseHref;
      const target = document.querySelector(targetId);

      if (target) {
        e.preventDefault();
        const yOffset = -70;
        const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset;
        window.scrollTo({ top: y, behavior: 'smooth' });

        // Ako je mobile – automatski otvori <details>
        if (isNowMobile && target.tagName === 'DETAILS') {
          target.setAttribute('open', '');
        }
      }
    });
  });
});
</script>
<style>
/* ===== SUPPORT SEKCIJA (Podrška & održavanje) ===== */
.support-section {
  background-color: var(--sand); /* Sandstone Beige */
  padding: clamp(40px, 5vw, 80px) 16px;
  position: relative;
  overflow: hidden;
}

.support-content {
  display: flex;
  align-items: center;
  gap: clamp(24px, 4vw, 40px);
  max-width: 1200px;
  margin-inline: auto;
}

.support-image img {
  width: 100%;
  max-width: 400px;
  height: auto;
  border-radius: 16px;
}

.support-text {
  flex: 1;
  color: var(--midnight);
}

.support-text h2 {
  font-family: 'Sora', sans-serif;
  color: var(--midnight);
  font-size: clamp(28px, 4vw, 36px);
  margin-bottom: 16px;
}

.support-text p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 2.5vw, 18px);
  margin-bottom: 20px;
  line-height: 1.5;
}

.support-text ul {
  list-style: disc;
  padding-left: 1.2rem;
  margin-bottom: 24px;
}

.support-text ul li {
  margin-bottom: 0.8rem;
  color: var(--midnight);
  opacity: .9;
}

/* koristi postojeći unibtn stil za gumb, ne dupliramo */
.support-text a.unibtn.unibtn--accent {}

/* Responsive stilovi */
@media (max-width: 900px) {
  .support-content {
    flex-direction: column;
    text-align: center;
  }
  .support-image, .support-text {
    width: 100%;
  }
  .support-image img {
    max-width: 300px;
    margin: 0 auto;
  }
}
/* Prebaci sve tekstove unutar .support-section na Outfit */
.support-section,
.support-section h2,
.support-section p,
.support-section ul,
.support-section li,
.support-section a {
  font-family: 'Outfit', sans-serif !important;
}
								 
</style>
<style>
/* === SUPPORT SEKCIJA – Matrix Efekt + Boje FIX === */
.support-section {
  position: relative;
  background: #0f112e;
  overflow: hidden;
  padding: 60px 0;
  color: #F5EBDD; /* BOJA TEKSTA */
  z-index: 0;
}

/* Ovo osigurava da tekst ne postane nevidljiv */
.support-section * {
  color: inherit !important;
  position: relative;
  z-index: 2;
}

/* MATRIX LINIJE */
.support-section::before,
.support-section::after,
.support-section::marker {
  content: "0101010010110110101010100101010101010100101010 101010101010100101010";
  position: absolute;
  top: -200%;
  width: 100%;
  height: 400%;
  font-size: 14px;
  line-height: 1.3;
  white-space: pre;
  font-family: 'Courier New', monospace;
  letter-spacing: 1px;
  pointer-events: none;
  z-index: 1;
  color: rgba(97, 206, 112, 0.18); /* mint boja – jača vidljivost */
  animation: matrixFall 8s linear infinite;
  user-select: none;
  text-shadow:
    0 0 6px rgba(97, 206, 112, 0.3),
    0 0 12px rgba(97, 206, 112, 0.2);
}

.support-section::after {
  left: 25%;
  animation-delay: -3s;
  opacity: 0.4;
}
.support-section::marker {
  left: 60%;
  animation-delay: -6s;
  opacity: 0.25;
}

@keyframes matrixFall {
  0%   { transform: translateY(0); }
  100% { transform: translateY(100%); }
}

/* SLIKA – NEONSKI RUB */
.support-section img {
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 0 0 2px rgba(97,206,112,0.25), 0 0 16px rgba(97,206,112,0.35);
  transition: box-shadow 0.4s ease;
}
.support-section img:hover {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.2), 0 0 22px rgba(97,206,112,0.5);
}

/* NASLOV – GRADIENT */
.support-section h2,
.support-section h3 {
  background: linear-gradient(90deg, #FF5E5E, #CEBFF2, #61CE70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
@media (max-width: 1024px) {
  .support-section {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  .support-section {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .support-section .elementor-column {
    flex-direction: column !important;
    align-items: center;
    text-align: center;
  }

  .support-section img {
    margin-bottom: 24px;
  }

  .support-section ul {
    padding-left: 1.2rem;
  }
}
							  
</style>
<style>
/* === PROCESS / Kako radimo sekcija === */
.process-section {
  background: linear-gradient(145deg, #0B0C2A, #111133);
  background-blend-mode: overlay;
  color: #F5EBDD;
  padding: clamp(60px, 8vw, 100px) 16px;
  overflow: hidden;
  position: relative;
}

.process-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top right, rgba(0,255,200,0.15), transparent 70%),
              radial-gradient(ellipse at bottom left, rgba(255,0,180,0.1), transparent 70%);
  z-index: 0;
  pointer-events: none;
}

.process-header,
.process-cards {
  position: relative;
  z-index: 1;
}

.process-header {
  max-width: 800px;
  margin: 0 auto 60px auto;
  text-align: center;
}

.process-header h2 {
  font-family: 'Sora', sans-serif;
  font-size: clamp(32px, 5vw, 42px);
  margin-bottom: 16px;
  color: var(--lavender);
}

.process-header p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 2.5vw, 18px);
  color: #EAF0FF;
}

.process-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(24px, 4vw, 32px);
  max-width: 1200px;
  margin: 0 auto;
}

.proc-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  text-align: center;
  transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 24px rgba(0, 255, 180, 0.07); /* Mint glow */
}

.proc-card:hover {
  transform: translateY(-8px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 0 32px rgba(0, 255, 180, 0.15);
}

.proc-num {
  font-family: 'Sora', sans-serif;
  font-size: 48px;
  color: var(--mint);
  margin-bottom: 16px;
}

.proc-card h3 {
  font-size: clamp(20px, 3vw, 24px);
  color: #EAF0FF;
  margin-bottom: 12px;
}

.proc-card p {
  font-size: clamp(14px, 2.2vw, 16px);
  line-height: 1.5;
  color: #EAF0FF;
}

/* Responsive */
@media (max-width: 1024px) {
  .process-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .process-cards {
    grid-template-columns: 1fr;
  }
  .process-header {
    margin-bottom: 40px;
  }
}
.process-header h2 {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.process-header h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-20deg);
  animation: shine 3s infinite;
}

@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
.process-section,
.process-section h2,
.process-section p,
.process-section ul,
.process-section li,
.process-section a,
.process-section .proc-card,
.process-section .proc-num,
.process-section .proc-card h3 {
  font-family: 'Outfit', sans-serif !important;
}							  
</style>
<style>
/* === CTA Final sekcija === */
.cta-final {
  background: linear-gradient(160deg, #0b0d2c, #121333), url('https://banner.com.hr/wp-content/uploads/2025/09/pozadina26.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: clamp(60px, 8vw, 100px) 16px;
  color: #F5EBDD;
  text-align: center;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.cta-final::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top right, rgba(0,255,200,0.06), transparent 70%),
              radial-gradient(ellipse at bottom left, rgba(255,0,180,0.06), transparent 70%);
  z-index: 0;
}

.cta-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  padding: clamp(40px, 6vw, 80px) clamp(16px, 5vw, 32px);
  border-radius: 16px;
  box-shadow: 0 0 60px rgba(0, 255, 200, 0.08);
  background: rgba(10, 10, 30, 0.2); /* dodatni lagani background ako želiš */
}

.cta-inner h2 {
  font-family: 'Sora', sans-serif;
  font-size: clamp(30px, 5vw, 40px);
  margin-bottom: 16px;
  background: linear-gradient(90deg, var(--mint), var(--lavender));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cta-inner p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 2.5vw, 18px);
  margin-bottom: 32px;
  color: #EAF0FF;
  line-height: 1.6;
}

.container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 16px;
}
.cta-final,
.cta-final h2,
.cta-final p,
.cta-final a {
  font-family: 'Outfit', sans-serif !important;
}

/* Unibtn stil se već koristi, nema potrebe za duplikatom */
</style>
<style>
/* === Ultimate service section styles === */
.service-section-ultimate {
  position: relative;
  padding: clamp(100px, 12vw, 160px) 16px;
  background: linear-gradient(145deg, #0B0C2A, #111133);
  color: #F5EBDD;
  overflow: hidden;
}

/* CONTAINER s obrubom */
.service-section-ultimate .container {
  max-width: 1200px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 94, 94, 0.4);
  box-shadow: 0 0 16px rgba(255, 94, 94, 0.25);
  border-radius: 16px;
  transition: box-shadow 0.4s ease;
  background-color: rgba(255,255,255,0.015);
}
.service-section-ultimate .container:hover {
  box-shadow: 0 0 32px rgba(255, 94, 94, 0.45);
}

/* Dekor border (iznad naslova) */
.decor-border {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(270deg, var(--mint), var(--coral), var(--lavender));
  background-size: 600% 600%;
  animation: decorAnim 8s ease infinite;
  opacity: 0.7;
  border-radius: 4px;
}
@keyframes decorAnim {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Naslovi */
.process-header-ultimate h2 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(32px, 6vw, 48px);
  color: var(--lavender);
  text-align: center;
  margin-bottom: 12px;
}
.process-header-ultimate p {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(16px, 2.5vw, 20px);
  color: #EAF0FF;
  text-align: center;
  margin-bottom: 60px;
}

/* Proces kartice */
.process-cards-ultimate {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 36px;
}
.proc-card-ultimate {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;
  font-family: 'Outfit', sans-serif;
}
.proc-card-ultimate:hover {
  transform: translateY(-10px) scale(1.03);
  background: rgba(255,255,255,0.08);
  box-shadow: 0 0 48px rgba(0,255,180,0.15);
}
.proc-icon svg {
  width: 32px;
  height: 32px;
  color: var(--mint);
  margin-bottom: 12px;
}
.proc-num-ultimate {
  font-size: 42px;
  color: var(--mint);
  margin-bottom: 8px;
}
.proc-card-ultimate h3 {
  color: #EAF0FF;
  margin-bottom: 8px;
}
.proc-card-ultimate p {
  color: #EAF0FF;
  font-size: clamp(14px, 2.2vw, 16px);
  line-height: 1.5;
}

/* Feature kartice */
.service-details-ultimate {
  display: flex;
  gap: clamp(40px, 5vw, 80px);
  flex-wrap: wrap;
  margin-top: 100px;
}
.feat-cards-ultimate {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 28px;
}
.feat-card-ultimate {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: 'Outfit', sans-serif;
}
.feat-card-ultimate:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 0 32px rgba(0,255,180,0.1);
}
.feat-icon svg {
  width: 28px;
  height: 28px;
  color: var(--lavender);
  margin-bottom: 8px;
}
.feat-card-ultimate strong {
  margin-bottom: 6px;
  display: block;
  color: var(--lavender);
}
.feat-card-ultimate p {
  color: #EAF0FF;
  font-size: 15px;
  line-height: 1.5;
}

/* Testimonials */
.testimonials-ultimate {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 32px;
}
.test-card-ultimate {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: 'Outfit', sans-serif;
}
.test-card-ultimate:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.07);
  box-shadow: 0 0 36px rgba(0,255,180,0.12);
}
.test-img img {
  border: 2px solid #FF5E5E;
  box-shadow: 0 0 10px rgba(255, 94, 94, 0.4);
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.test-img img:hover {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(255, 94, 94, 0.7);
}
.test-text h4 {
  color: var(--mint);
  margin-bottom: 8px;
}
.test-text p {
  color: #EAF0FF;
  font-size: clamp(14px, 2.2vw, 16px);
  line-height: 1.4;
}

/* FAQ sekcija */
.faq-ultimate {
  margin-top: 100px;
}
.faq-ultimate h3 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(24px, 4vw, 32px);
  color: var(--lavender);
  text-align: center;
  margin-bottom: 24px;
}
.faq-ultimate details {
  margin-bottom: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  overflow: hidden;
}
.faq-ultimate summary {
  padding: 16px 20px;
  cursor: pointer;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #EAF0FF;
  transition: background 0.3s ease;
}
.faq-ultimate summary:hover {
  background: rgba(255,255,255,0.07);
}
.faq-ultimate details[open] .faq-body {
  padding: 0 20px 16px;
}
.faq-ultimate .faq-body p {
  font-family: 'Outfit', sans-serif;
  color: #EAF0FF;
  font-size: 15px;
}

/* Wave separator animacija */
.wave-separator {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin-top: -1px;
  z-index: 0;
}
.wave-separator svg {
  display: block;
  width: 100%;
  height: 100%;
  animation: waveMove 10s ease-in-out infinite alternate;
}
@keyframes waveMove {
  0% { transform: translateX(0); }
  100% { transform: translateX(-20px); }
}

/* Responsive */
@media (max-width: 768px) {
  .service-section-ultimate {
    padding: clamp(60px, 8vw, 100px) 16px;
  }
  .service-details-ultimate {
    flex-direction: column;
  }
  .process-cards-ultimate {
    grid-template-columns: 1fr;
  }
  .feat-cards-ultimate {
    grid-template-columns: 1fr;
  }
}
.service-section-ultimate::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 40%, rgba(255, 255, 255, 0.02), transparent 70%);
  animation: bgMove 15s ease-in-out infinite alternate;
  z-index: 0;
  pointer-events: none;
}
@keyframes bgMove {
  0% {
    background-position: 30% 40%;
  }
  100% {
    background-position: 70% 60%;
  }
}
.service-section-ultimate .container {
  position: relative;
  z-index: 2;
}
/* Veće ikonice + animacija na hover */
.feat-icon svg {
  width: 40px;
  height: 40px;
  color: var(--mint);
  transition: transform 0.3s ease, color 0.3s ease;
}

.feat-card-ultimate:hover .feat-icon svg {
  transform: scale(1.1);
  color: var(--coral); /* ili neka druga iz brending boja */
}
/* CTA sekcija — poziv na akciju */
.cta-offer-section {
  background: rgba(255,255,255,0.04);
  padding: clamp(60px, 8vw, 100px) 16px;
  text-align: center;
  margin-top: 80px;
  border-radius: 16px;
}

.cta-offer-section .cta-container {
  max-width: 800px;
  margin-inline: auto;
}

.cta-offer-section h2 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(28px, 5vw, 36px);
  color: var(--lavender);
  margin-bottom: 16px;
}

.cta-offer-section p {
  font-family: 'Outfit', sans-serif;
  color: #EAF0FF;
  font-size: clamp(16px, 2.5vw, 18px);
  margin-bottom: 28px;
}

.cta-offer-section .cta-btn {
  display: inline-block;
  padding: 14px 32px;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #111133;
  background: var(--mint);
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}

.cta-offer-section .cta-btn:hover {
  background: var(--coral);
  transform: scale(1.05);
}
							  
</style>
<style>
/* === Osnovni stilovi za podstranicu održavanje === */
.maintenance-section {
  font-family: 'Outfit', sans-serif;
  color: #F5EBDD;
}

/* HERO blok */
.maintenance-hero {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: clamp(80px, 12vw, 160px) 16px;
}
.maintenance-hero .hero-content {
  flex: 1;
  min-width: 280px;
  padding-right: 24px;
}
.maintenance-hero .hero-content h1 {
  font-size: clamp(32px, 6vw, 48px);
  color: var(--lavender);
  margin-bottom: 16px;
}
.maintenance-hero .hero-content p {
  font-size: clamp(16px, 2.5vw, 20px);
  max-width: 600px;
}
.maintenance-hero .hero-image {
  flex: 1;
  min-width: 280px;
  text-align: center;
}
.maintenance-hero .hero-image img {
  max-width: 100%;
  height: auto;
}

/* Značajke */
.maintenance-features {
  background: #0B0C2A;
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
}
.maintenance-features h2 {
  font-size: clamp(28px, 5vw, 36px);
  color: var(--lavender);
  margin-bottom: 40px;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(24px, 4vw, 36px);
  max-width: 1200px;
  margin: 0 auto;
}
.feature-item {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.feature-item:hover {
  transform: translateY(-8px);
  background: rgba(255,255,255,0.08);
}
.feature-icon svg {
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  stroke: var(--mint);
}
.feature-item h3 {
  font-size: clamp(20px, 3vw, 24px);
  color: var(--mint);
  margin-bottom: 12px;
}
.feature-item p {
  font-size: clamp(14px, 2.2vw, 16px);
  color: #EAF0FF;
  line-height: 1.5;
}

/* Paketi */
.maintenance-packages {
  padding: clamp(60px, 10vw, 100px) 16px;
  background: #111133;
  text-align: center;
}
.maintenance-packages h2 {
  font-size: clamp(28px, 5vw, 36px);
  color: var(--lavender);
  margin-bottom: 36px;
}
.packages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(24px, 4vw, 40px);
  max-width: 1000px;
  margin: 0 auto;
}
.package-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.package-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.1);
}
.package-card h3 {
  font-size: clamp(22px, 4vw, 26px);
  color: var(--mint);
  margin-bottom: 16px;
}
.package-card p {
  font-size: clamp(15px, 2.5vw, 17px);
  color: #EAF0FF;
  margin-bottom: 24px;
}
.package-card .btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--mint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}
.package-card .btn:hover {
  background: var(--coral);
}

/* Testimonial */
.maintenance-testimonial {
  padding: clamp(50px, 8vw, 80px) 16px;
  background: #0B0C2A;
  color: #EAF0FF;
  text-align: center;
}
.maintenance-testimonial blockquote {
  font-size: clamp(18px, 3vw, 22px);
  font-style: italic;
  max-width: 800px;
  margin: 0 auto;
}
.maintenance-testimonial cite {
  display: block;
  margin-top: 16px;
  font-size: clamp(16px, 2.5vw, 18px);
  color: var(--mint);
}

/* FAQ */
.maintenance-faq {
  padding: clamp(60px, 10vw, 100px) 16px;
  background: #111133;
  color: #EAF0FF;
}
.maintenance-faq h2 {
  font-size: clamp(28px, 5vw, 36px);
  color: var(--lavender);
  margin-bottom: 36px;
  text-align: center;
}
.maintenance-faq details {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}
.maintenance-faq summary {
  padding: 16px 20px;
  font-size: clamp(16px, 2.5vw, 18px);
  font-family: 'Outfit', sans-serif;
  cursor: pointer;
  transition: background 0.3s;
}
.maintenance-faq summary:hover {
  background: rgba(255,255,255,0.07);
}
.maintenance-faq details[open] p {
  padding: 12px 20px 20px;
  font-size: clamp(15px, 2.2vw, 17px);
}

/* CTA */
.maintenance-cta {
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
  background: #0F102F;
}
.maintenance-cta h2 {
  font-size: clamp(28px, 5vw, 36px);
  color: var(--lavender);
  margin-bottom: 24px;
}
.maintenance-cta .btn-primary {
  padding: 14px 36px;
  background: var(--mint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}
.maintenance-cta .btn-primary:hover {
  background: var(--coral);
}
/* === Animirana pozadina za KONTEJNER sa klasom .hero-pozadina === */
.hero-pozadina {
  position: relative;
  background: radial-gradient(circle at 30% 30%, rgba(138, 115, 255, 0.15), transparent 60%),
              radial-gradient(circle at 70% 70%, rgba(115, 255, 200, 0.1), transparent 50%);
  overflow: hidden;
}

.hero-pozadina::before,
.hero-pozadina::after {
  content: "";
  position: absolute;
  width: 300%;
  height: 300%;
  background: conic-gradient(from 90deg at 50% 50%, #a16eff, #6affd6, #ff9fcb, #a16eff);
  opacity: 0.05;
  animation: spin-glow 50s linear infinite;
  z-index: 0;
}

.hero-pozadina::after {
  animation-direction: reverse;
  opacity: 0.07;
}

.hero-pozadina > * {
  position: relative;
  z-index: 1;
}

@keyframes spin-glow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hero-pozadina {
  position: relative;
  background-color: #0B0C2A; /* Dodaj tamnu pozadinu */
  background-image: radial-gradient(circle at 30% 30%, rgba(138, 115, 255, 0.15), transparent 60%),
                    radial-gradient(circle at 70% 70%, rgba(115, 255, 200, 0.1), transparent 50%);
  overflow: hidden;
}
.hero-image img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  animation: pulse-glow 4s ease-in-out infinite;
  box-shadow: 0 0 25px rgba(138, 115, 255, 0.3);
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 25px rgba(138, 115, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 45px rgba(138, 115, 255, 0.6);
  }
}
.section-divider {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
  z-index: 0;
  margin-top: -30px;
}

.section-divider svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.maintenance-testimonial blockquote {
  font-size: clamp(20px, 3vw, 24px);
  font-style: italic;
  color: #EAF0FF;
  border-left: 4px solid var(--lavender);
  padding-left: 20px;
  margin-bottom: 16px;
}

.maintenance-testimonial cite {
  font-size: clamp(16px, 2vw, 18px);
  color: var(--mint);
  font-style: normal;
}
.maintenance-faq details[open] {
  border-color: var(--mint);
  box-shadow: 0 0 10px rgba(115, 255, 200, 0.15);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.maintenance-cta h2::after {
  content: "?";
  color: var(--coral);
  animation: colorPulse 3s infinite;
  margin-left: 6px;
}

@keyframes colorPulse {
  0%   { color: var(--coral); }
  33%  { color: var(--mint); }
  66%  { color: var(--lavender); }
  100% { color: var(--coral); }
}
.feature-icon {
  margin-bottom: 12px;
}

.feature-icon svg {
  width: 36px;
  height: 36px;
  stroke: var(--mint); /* boja ikone */
  transition: stroke 0.3s ease;
}

.feature-item:hover .feature-icon svg {
  stroke: var(--coral);
}
/* Pulsirajući glow ikonama */
.feature-icon svg {
  transition: all 0.3s ease;
  animation: icon-glow 4s ease-in-out infinite;
}

@keyframes icon-glow {
  0%, 100% {
    filter: drop-shadow(0 0 0px rgba(138,115,255, 0.3));
  }
  50% {
    filter: drop-shadow(0 0 8px rgba(138,115,255, 0.6));
  }
}
/* Animirana podcrtana linija ispod naslova */
.section-title {
  position: relative;
  display: inline-block;
}

.section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px; /* udaljenost od teksta */
  width: 0;
  height: 2px;
  background: var(--mint);
  transition: width 0.4s ease;
}

.section-title:hover::after,
.section-title.active::after {
  width: 100%;
}
.maintenance-cta {
  position: relative;
  overflow: hidden;
  background: #0F102F;
  z-index: 1;
}

.maintenance-cta::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -50%;
  width: 200%;
  height: 300%;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05), transparent 70%);
  filter: blur(60px);
  z-index: 0;
  animation: floatGlow 15s ease-in-out infinite;
}

.maintenance-cta > * {
  position: relative;
  z-index: 1;
}

@keyframes floatGlow {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(2deg);
  }
}
			 
</style>
<style>
:root {
  --lmint: #6affd6;
  --llavender: #c7b8ff;
  --dark-bg: #0B0C2A;
  --glass-dark: rgba(12,14,42,0.6);
}

/* === HERO SEKCIA === */
.email-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(80px, 12vw, 160px) 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.email-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--glass-dark), rgba(26,28,79,0.6));
  z-index: 0;
}

.email-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(12,14,42,0.3),
    rgba(26,28,79,0.3),
    rgba(12,14,42,0.3)
  );
  mix-blend-mode: overlay;
  pointer-events: none;
  animation: overlayShift 8s infinite alternate ease-in-out;
  z-index: 1;
}

@keyframes overlayShift {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

.hero-heading {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.hero-heading h1 {
  font-size: clamp(32px, 6vw, 48px);
  color: var(--llavender);
  text-shadow: 0 0 10px rgba(199, 184, 255, 0.4),
               0 0 30px rgba(199, 184, 255, 0.2);
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(20px);
  animation: headingFadeIn 1s ease-out forwards;
  animation-delay: 0.4s;
}

.hero-heading p {
  font-size: clamp(16px, 2.5vw, 20px);
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 0 5px rgba(0,0,0,0.4);
  opacity: 0;
  transform: translateY(20px);
  animation: textFadeIn 1s ease-out forwards;
  animation-delay: 0.8s;
}

@keyframes headingFadeIn {
  to { opacity: 1; transform: translateY(0); }
}
@keyframes textFadeIn {
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1024px) {
  .hero-heading {
    padding: 0 20px;
  }
}

/* === FEATURES === */
.email-features {
  background: var(--dark-bg);
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(24px, 4vw, 36px);
  max-width: 1200px;
  margin: 40px auto 0 auto;
}

.feature-item {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  transition: transform 0.3s ease, background 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-8px);
  background: rgba(255,255,255,0.08);
}

.feature-icon svg {
  width: 36px;
  height: 36px;
  stroke: var(--lmint);
  margin-bottom: 16px;
  transition: stroke 0.3s ease;
  animation: icon-pulse 5s ease-in-out infinite;
}

@keyframes icon-pulse {
  0%,100% { filter: drop-shadow(0 0 0px rgba(138,115,255,0.3)); }
  50% { filter: drop-shadow(0 0 8px rgba(138,115,255,0.7)); }
}

.feature-item:hover .feature-icon svg {
  stroke: var(--lmint);
}

/* === PAKETI === */
.email-packages {
  background: #111133;
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
}

.packages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(24px, 4vw, 40px);
  max-width: 1000px;
  margin: 0 auto;
}

.package-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  transition: transform 0.3s ease, background 0.3s ease;
}

.package-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.1);
}

.package-card h3 {
  font-size: clamp(22px, 4vw, 26px);
  color: var(--lmint);
  margin-bottom: 16px;
}

.package-card p {
  font-size: clamp(15px, 2.5vw, 17px);
  color: #EAF0FF;
  margin-bottom: 24px;
}

.package-card .btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--lmint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}
.package-card .btn:hover {
  background: #ff7e5f;
}

/* === TESTIMONIAL === */
.email-testimonial {
  background: var(--dark-bg);
  color: #EAF0FF;
  text-align: center;
  padding: clamp(50px, 8vw, 80px) 16px;
}

.email-testimonial blockquote {
  font-size: clamp(18px, 3vw, 22px);
  font-style: italic;
  max-width: 800px;
  margin: 0 auto;
}

.email-testimonial cite {
  display: block;
  margin-top: 16px;
  font-size: clamp(16px, 2.5vw, 18px);
  color: var(--lmint);
}

/* === FAQ === */
.email-faq {
  background: #121233;
  color: #EAF0FF;
  padding: clamp(60px, 10vw, 100px) 16px;
}

.email-faq details {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}

.email-faq summary {
  padding: 16px 20px;
  font-size: clamp(16px, 2.5vw, 18px);
  font-family: 'Outfit', sans-serif;
  cursor: pointer;
  transition: background 0.3s;
}

.email-faq summary:hover {
  background: rgba(255,255,255,0.07);
}

.email-faq details[open] p {
  padding: 12px 20px 20px;
  font-size: clamp(15px, 2.2vw, 17px);
}

/* === CTA === */
.email-cta {
  position: relative;
  background: linear-gradient(135deg, #1a1c4f, #0c0e2a);
  padding: clamp(80px, 12vw, 140px) 16px;
  text-align: center;
  overflow: hidden;
}

.email-cta::before {
  content: "";
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at 50% 50%, rgba(138,115,255, 0.1), transparent 70%);
  filter: blur(100px);
  animation: glow-float 15s ease-in-out infinite;
  z-index: 0;
}

@keyframes glow-float {
  0%,100% { transform: translateX(-50%) translateY(0) rotate(0deg); }
  50% { transform: translateX(-50%) translateY(-20px) rotate(1deg); }
}

.email-cta > * {
  position: relative;
  z-index: 1;
}

.email-cta h2 {
  font-size: clamp(28px, 5vw, 36px);
  color: var(--llavender);
  margin-bottom: 24px;
}

.email-cta .btn-primary {
  padding: 14px 36px;
  background: var(--lmint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}

.email-cta .btn-primary:hover {
  background: #ff7e5f;
}
.email-features {
  padding-top: 40px; /* ili manje ako želiš još zbijenije */
}
.email-features {
  background: #0B0C2A;
  padding: clamp(40px, 8vw, 80px) 16px;
  text-align: center;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(24px, 4vw, 36px);
  max-width: 1200px;
  margin: 40px auto 0;
}

.feature-item {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 32px 24px;
  text-align: center;
  transition: transform 0.3s ease, background 0.3s ease;
}

.feature-item:hover {
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.08);
}

.feature-icon {
  font-size: 32px;
  margin-bottom: 16px;
}

.feature-item h3 {
  font-size: 20px;
  color: var(--lmint);
  margin-bottom: 12px;
}

.feature-item p {
  font-size: 16px;
  color: #EAF0FF;
  line-height: 1.6;
}
.email-features h2 {
  font-size: clamp(24px, 5vw, 36px);
  color: #E5CCFF; /* svijetlija lavanda */
  font-weight: 700;
  text-shadow: 0 0 8px rgba(229, 204, 255, 0.2);
  margin-bottom: 40px;
}
.email-features h2:hover {
  animation: neon-glow 1.2s ease-in-out infinite alternate;
}

@keyframes neon-glow {
  from {
    text-shadow: 0 0 8px rgba(229,204,255,0.3),
                 0 0 12px rgba(229,204,255,0.15);
  }
  to {
    text-shadow: 0 0 12px rgba(229,204,255,0.6),
                 0 0 20px rgba(229,204,255,0.25);
  }
}
.email-packages {
  background: var(--dark-bg);
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
}

.email-packages .section-title {
  color: var(--llavender);
  margin-bottom: 40px;
  position: relative;
}
.email-packages .section-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--lmint);
  transition: width 0.4s ease;
}
.email-packages .section-title:hover::after {
  width: 50px;
}

.packages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(24px, 4vw, 40px);
  max-width: 1000px;
  margin: 0 auto;
}

.package-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 16px;
  padding: 32px 24px;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease, background 0.3s ease;
}

.package-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.08);
}

/* Animirani obrub efekat */
.package-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid var(--lmint);
  border-radius: 16px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.package-card:hover::before {
  opacity: 1;
}

/* Naslov paketa */
.package-card h3 {
  font-size: clamp(20px, 3vw, 24px);
  color: var(--lmint);
  margin-bottom: 16px;
}

/* Opis teksta */
.package-card p {
  font-size: clamp(15px, 2.5vw, 17px);
  color: #EAF0FF;
  margin-bottom: 24px;
  line-height: 1.5;
}

/* Gumb */
.package-card .btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--lmint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}
.package-card .btn:hover {
  background: #ff7e5f;
}
/* Treći kontejner - .email-packages */
.email-packages {
  background: #0B0C2A; /* možeš promijeniti ako želiš razliku */
  padding: clamp(60px, 10vw, 100px) 16px;
  text-align: center;
}

/* Naslov kao u prethodnim sekcijama */
.email-packages .section-title {
  color: var(--llavender);
  font-size: clamp(26px, 5vw, 36px);
  margin-bottom: 40px;
  position: relative;
  display: inline-block;
}



.email-packages .section-title:hover::after {
  width: 100%;
}


/* GRID */
.packages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(24px, 4vw, 40px);
  max-width: 1000px;
  margin: 0 auto;
}

/* PAKETI - ANIMIRANI OBRUB */
.package-card {
  position: relative;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 32px 24px;
  overflow: hidden;
  transition: transform 0.4s ease, background 0.4s ease;
}

.package-card::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(120deg, var(--lmint), #8f75ff, var(--lmint));
  border-radius: 18px;
  padding: 2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(2px);
  animation: borderMove 8s linear infinite;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.package-card:hover::before {
  opacity: 1;
}

@keyframes borderMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover efekt */
.package-card:hover {
  transform: translateY(-6px);
  background: rgba(255,255,255,0.08);
}

/* Naslov paketa */
.package-card h3 {
  font-size: clamp(20px, 3vw, 24px);
  color: var(--lmint);
  margin-bottom: 16px;
}

/* Tekst paketa */
.package-card p {
  font-size: clamp(15px, 2.5vw, 17px);
  color: #EAF0FF;
  margin-bottom: 24px;
  line-height: 1.5;
}

/* Gumb */
.package-card .btn {
  display: inline-block;
  padding: 12px 28px;
  background: var(--lmint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.package-card .btn:hover {
  background: #FF7F50; /* Coral */
  color: #fff;
}
.email-packages {
  background: linear-gradient(180deg, #0b0c2a 0%, #0e1033 100%);
}
.email-testimonial {
  position: relative;
  background: #0E0F26;
  padding: clamp(60px, 8vw, 100px) 16px;
  text-align: center;
  color: #EAF0FF;
  overflow: hidden;
}

.email-testimonial .testimonial-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.testimonial-bar {
  width: 3px;
  height: 100%;
  background: var(--lmint);
}

.email-testimonial blockquote {
  font-size: clamp(20px, 3vw, 26px);
  font-style: italic;
  margin: 0;
  text-align: left;
  color: #EAF0FF;
}

.email-testimonial cite {
  display: block;
  margin-top: 12px;
  font-size: clamp(16px, 2.5vw, 18px);
  color: var(--lmint);
}

/* === Svjetlosna zraka koja prelazi === */
.email-testimonial::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(138, 255, 209, 0.08), transparent);
  animation: sweepLight 6s linear infinite;
  z-index: 0;
  pointer-events: none;
}

@keyframes sweepLight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(50%); }
}
/* Naslov sekcije - boja kao ostali */
.email-faq h2 {
  color: var(--llavender);
}

/* Kada je neko pitanje otvoreno */
.email-faq details[open] {
  border: 1px solid var(--lmint);
  box-shadow: 0 0 8px rgba(138, 255, 209, 0.15);
  transition: border 0.3s ease, box-shadow 0.3s ease;
}
/* CTA unutarnji stil */
.email-cta .cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

/* Gumb pozicija i stil */
.email-cta .btn-primary {
  display: inline-block;
  padding: 14px 36px;
  background: var(--lmint);
  color: #0B0C2A;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s ease;
}

.email-cta .btn-primary:hover {
  background: #ff7e5f;
  color: #fff;
}

/* Završni dodir: suptilna pulsirajuća aura */
.email-cta::after {
  content: "";
  position: absolute;
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(106,255,214,0.2), transparent 70%);
  border-radius: 50%;
  filter: blur(80px);
  animation: pulseAura 6s ease-in-out infinite;
  z-index: 0;
}

@keyframes pulseAura {
  0%, 100% { opacity: 0.4; transform: translateX(-50%) scale(1); }
  50%      { opacity: 0.8; transform: translateX(-50%) scale(1.2); }
}
.email-cta .cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
/* Proširi i centrira cijeli FAQ sadržaj */
.email-faq > .elementor-widget-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.package-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.package-card ul {
  flex-grow: 1;
}

.package-card .btn {
  margin-top: auto;
}

							  
</style>
  <style>
    :root {
      --lmint: #6affd6;
      --llavender: #c7b8ff;
      --dark-bg: #0B0C2A;
    }

    .portfolio-section {
      background: var(--dark-bg);
      padding: 80px 16px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .portfolio-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at center, rgba(106,255,214,0.12), transparent 60%);
      animation: bgPulse 8s ease-in-out infinite alternate;
      z-index: 0;
    }

    @keyframes bgPulse {
      0% { transform: scale(1); opacity: 0.6; }
      100% { transform: scale(1.05); opacity: 0.9; }
    }

    .portfolio-section .portfolio-intro {
      max-width: 800px;
      margin: 0 auto 40px;
      position: relative;
      z-index: 1;
    }

    .portfolio-section .portfolio-intro p {
      color: #ccc;
      font-size: 18px;
    }

    .portfolio-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 40px;
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .portfolio-item {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 16px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, background 0.3s ease;
    }

    .portfolio-item:hover {
      transform: translateY(-6px);
      background: rgba(255,255,255,0.08);
    }

    .portfolio-item img {
      max-width: 100%;
      border-radius: 10px;
      margin-bottom: 16px;
    }

    .portfolio-item h3 {
      color: var(--lmint);
      font-size: 22px;
      margin-bottom: 12px;
    }

    .portfolio-item p {
      flex-grow: 1;
      color: #EAF0FF;
      font-size: 16px;
      margin-bottom: 16px;
    }

    .portfolio-item .btn {
      display: inline-block;
      padding: 10px 24px;
      background: var(--lmint);
      color: #0B0C2A;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
      transition: background 0.3s ease;
    }

    .portfolio-item .btn:hover {
      background: #ff7e5f;
      color: #fff;
    }

    .portfolio-item .btn.disabled {
      background: rgba(150,150,150,0.4);
      cursor: not-allowed;
      pointer-events: none;
    }
.portfolio-section::before {
  background: radial-gradient(circle at center, rgba(106,255,214,0.25), transparent 60%) !important;
  animation: bgPulse 6s ease-in-out infinite alternate !important;
}
.portfolio-section::after {
  opacity: 0.1 !important; /* prije je bilo 0.05 */
}
.portfolio-section .section-title {
  color: var(--llavender) !important;
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 16px;
}
.portfolio-section .portfolio-intro p {
  color: #bbb;
  font-size: 18px;
}
.portfolio-item {
  position: relative;
}

.badge {
  position: absolute;
  top: 16px;
  left: 16px;
  background: var(--llavender);
  color: #0b0c2a;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 6px;
  opacity: 0.85;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.badge-disabled {
  background: rgba(150,150,150,0.4);
  color: #fff;
}
.overlay-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(11, 12, 42, 0.92);
  color: #fff;
  font-size: 13px;
  padding: 24px 16px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  z-index: 3;
  backdrop-filter: blur(2px);
}

.portfolio-item:hover .overlay-info {
  transform: translateY(0);
}


.portfolio-item:hover .overlay-info {
  transform: translateY(0);
}
.portfolio-item:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 10px 30px rgba(106, 255, 214, 0.15);
  background: rgba(255,255,255,0.08);
}
.portfolio-item {
  position: relative;
  z-index: 1;
}

.portfolio-item .btn {
  position: relative;
  z-index: 4;
}
@media (max-width: 1024px) {
  .portfolio-item:hover .overlay-info,
  .overlay-info {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .portfolio-section .section-title {
    margin-top: 0;
    margin-bottom: 12px;
  }

  .portfolio-section .portfolio-intro {
    margin-bottom: 24px;
  }
}
@media (max-width: 1024px) {
  .portfolio-section {
    padding-top: 60px;
  }
}
@media (max-width: 1024px) {
  .portfolio-section {
    padding-top: 40px;
  }

  .portfolio-section .section-title {
    margin-bottom: 12px;
  }

  .portfolio-section .portfolio-intro {
    margin-bottom: 20px;
  }
}


  </style>
    <style>
    .portfolio-section::after {
      content: "";
      position: absolute;
      inset: 0;
      background: transparent;
      pointer-events: none;
      z-index: 0;

      background-image:
        radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,0.6) 80%, transparent 100%),
        radial-gradient(2px 2px at 50% 20%, rgba(255,255,255,0.8) 80%, transparent 100%),
        radial-gradient(2px 2px at 70% 50%, rgba(255,255,255,0.5) 80%, transparent 100%),
        radial-gradient(2px 2px at 30% 75%, rgba(255,255,255,0.7) 80%, transparent 100%),
        radial-gradient(2px 2px at 80% 80%, rgba(255,255,255,0.4) 80%, transparent 100%);
      
      animation: twinkleAll 10s ease-in-out infinite;
    }

    @keyframes twinkleAll {
      0%, 100% { opacity: 0.2; transform: scale(1); }
      25% { opacity: 0.6; transform: scale(1.02); }
      50% { opacity: 0.3; transform: scale(1.05); }
      75% { opacity: 0.5; transform: scale(1.01); }
    }
  </style>
    <style>
    .workflow-section {
      background: #0B0C2A;
      padding: clamp(60px, 10vw, 100px) 16px;
      text-align: center;
    }

    .workflow-section .section-title {
      color: var(--llavender);
      font-size: clamp(26px, 5vw, 36px);
      margin-bottom: 40px;
      position: relative;
    }

    .workflow-steps {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 32px;
      max-width: 1100px;
      margin: 0 auto;
    }

    .workflow-steps .step {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 16px;
      padding: 32px 24px;
      transition: transform 0.3s ease, background 0.3s ease;
    }

    .workflow-steps .step:hover {
      transform: translateY(-6px);
      background: rgba(255,255,255,0.08);
    }

    .workflow-steps .icon {
      font-size: 36px;
      margin-bottom: 16px;
      color: var(--lmint);
    }

    .workflow-steps h3 {
      font-size: 20px;
      color: var(--lmint);
      margin-bottom: 12px;
    }

    .workflow-steps p {
      font-size: 16px;
      color: #EAF0FF;
      line-height: 1.5;
    }
.workflow-cta {
  margin-top: 48px;
}

.workflow-cta .btn-cta {
  display: inline-block;
  padding: 14px 32px;
  background: var(--lmint, #6affd6);
  color: #0b0c2a;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.workflow-cta .btn-cta:hover {
  background: #ff7e5f;
  color: #fff;
}

/* Suptilno drugačija pozadina s laganim gradientom */
.workflow-section {
  background: linear-gradient(145deg, #0b0c2a, #101132);
}
@keyframes glow {
  0% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); opacity: 0.9; }
}

.workflow-steps .icon {
  animation: glow 3s ease-in-out infinite;
}
.workflow-section {
  background: radial-gradient(circle at top left, rgba(106,255,214,0.05), transparent 40%),
              radial-gradient(circle at bottom right, rgba(199,184,255,0.05), transparent 40%),
              #0b0c2a;
}
.step-number {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: var(--llavender);
  background: rgba(255,255,255,0.06);
  padding: 4px 10px;
  border-radius: 20px;
  margin-bottom: 12px;
  letter-spacing: 1px;
}
.workflow-steps .step {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeUp 1.2s ease-out forwards;
  animation-played: none;
}

.workflow-steps .step:nth-child(1) {
  animation-delay: 0.6s;
}
.workflow-steps .step:nth-child(2) {
  animation-delay: 0.9s;
}
.workflow-steps .step:nth-child(3) {
  animation-delay: 1.2s;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.workflow-section::before,
.workflow-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0.2;
}

.workflow-section::before {
  top: -100px;
  left: -150px;
  width: 400px;
  height: 400px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path d="M0,200 Q200,0 400,200" fill="none" stroke="%236affd6" stroke-width="6"/><path d="M0,220 Q200,20 400,220" fill="none" stroke="%23c7b8ff" stroke-width="4"/></svg>') no-repeat center/contain;
}

.workflow-section::after {
  bottom: -100px;
  right: -150px;
  width: 400px;
  height: 400px;
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path d="M0,200 Q200,400 400,200" fill="none" stroke="%23c7b8ff" stroke-width="6"/><path d="M0,180 Q200,380 400,180" fill="none" stroke="%236affd6" stroke-width="4"/></svg>') no-repeat center/contain;
}

	
  </style>
    <style>
    .upcoming-projects {
      background: #0B0C2A;
      padding: 80px 16px;
      text-align: center;
      position: relative;
    }

    .upcoming-projects .section-title {
      color: var(--llavender);
      font-size: 36px;
      font-weight: 800;
      margin-bottom: 16px;
    }

    .upcoming-projects .portfolio-intro p {
      color: #ccc;
      font-size: 18px;
      margin-bottom: 40px;
    }

    .upcoming-projects .portfolio-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 40px;
      max-width: 1100px;
      margin: 0 auto;
    }

    .upcoming-projects .portfolio-item {
      background: rgba(255,255,255,0.04);
      border: 1px dashed rgba(255,255,255,0.1);
      border-radius: 16px;
      padding: 24px;
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, background 0.3s ease;
    }

    .upcoming-projects .portfolio-item:hover {
      transform: translateY(-6px);
      background: rgba(255,255,255,0.08);
    }

    .upcoming-projects .portfolio-item img {
      max-width: 100%;
      border-radius: 10px;
      margin-bottom: 16px;
      opacity: 0.7;
    }

    .upcoming-projects .portfolio-item h3 {
      color: var(--lmint);
      font-size: 22px;
      margin-bottom: 12px;
    }

    .upcoming-projects .portfolio-item p {
      flex-grow: 1;
      color: #EAF0FF;
      font-size: 16px;
      margin-bottom: 16px;
    }

    .upcoming-projects .btn.disabled {
      background: rgba(150,150,150,0.3);
      color: #fff;
      cursor: not-allowed;
      pointer-events: none;
      padding: 10px 24px;
      border-radius: 8px;
      text-decoration: none;
      font-weight: bold;
    }
.fade-in-img {
  opacity: 0;
  transform: translateY(40px);
  animation: fadeInUp 1.2s ease-out forwards;
  animation-delay: 0.3s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.upcoming-projects::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,0.02) 2px, transparent 0),
    radial-gradient(circle at 70% 40%, rgba(255,255,255,0.02) 2px, transparent 0),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,0.02) 2px, transparent 0),
    radial-gradient(circle at 90% 10%, rgba(255,255,255,0.02) 2px, transparent 0);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  animation: sparkle 10s ease-in-out infinite alternate;
  z-index: 0;
  pointer-events: none;
}

@keyframes sparkle {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 5% 5%;
  }
}

.upcoming-projects {
  position: relative;
  z-index: 1;
}
/* Opći stil za slike */
.upcoming-projects .portfolio-item img {
  position: relative;
  z-index: 1;
  border-radius: 10px;
  opacity: 0.9;
  margin-bottom: 45px;
  transition: box-shadow 0.5s ease;
}

/* Mint animacija */
.glow-mint {
  animation: neonPulseMint 6s ease-in-out infinite;
}

@keyframes neonPulseMint {
  0%, 100% { box-shadow: 0 0 0 rgba(0, 255, 195, 0); }
  10%     { box-shadow: 0 0 4px rgba(0, 255, 195, 0.2); }
  20%     { box-shadow: 0 0 8px rgba(0, 255, 195, 0.4); }
  30%     { box-shadow: 0 0 12px rgba(0, 255, 195, 0.6); }
  40%     { box-shadow: 0 0 8px rgba(0, 255, 195, 0.4); }
  50%     { box-shadow: 0 0 4px rgba(0, 255, 195, 0.2); }
}

/* Lavender animacija */
.glow-lavender {
  animation: neonPulseLavender 6s ease-in-out infinite;
}

@keyframes neonPulseLavender {
  0%, 100% { box-shadow: 0 0 0 rgba(196, 149, 255, 0); }
  10%     { box-shadow: 0 0 4px rgba(196, 149, 255, 0.2); }
  20%     { box-shadow: 0 0 8px rgba(196, 149, 255, 0.4); }
  30%     { box-shadow: 0 0 12px rgba(196, 149, 255, 0.6); }
  40%     { box-shadow: 0 0 8px rgba(196, 149, 255, 0.4); }
  50%     { box-shadow: 0 0 4px rgba(196, 149, 255, 0.2); }
}
.upcoming-projects .portfolio-item {
  padding-bottom: 45px; /* ili više ako želiš više razmaka */
}
@keyframes flicker {
  0%, 18%, 22%, 25%, 53%, 57%, 100% {
    opacity: 1;
    box-shadow: 0 0 6px #fff, 0 0 12px currentColor, 0 0 18px currentColor;
  }
  20%, 24%, 55% {
    opacity: 0.6;
    box-shadow: 0 0 2px #fff, 0 0 4px currentColor;
  }
}
.image-border {
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  border-radius: 12px;
  pointer-events: none;
  z-index: 1;
  animation: neon-border 4s linear infinite, flicker 3s infinite;
}


  </style>
    <style>
    .about-banner {
      background: #0B0C2A;
      padding: 80px 16px;
      text-align: center;
      color: #EAF0FF;
      position: relative;
      overflow: visible;
      z-index: 0;
    }

    .about-intro {
      position: relative;
      z-index: 2;
    }

    .grid-lines {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image:
        linear-gradient(45deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
      background-size: 30px 30px;
      pointer-events: none;
      z-index: 1;
      animation: gridShift 60s linear infinite;
    }

    .grid-lines::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom, rgba(11,12,42,0) 0%, rgba(11,12,42,1) 100%);
      z-index: 2;
    }

    @keyframes gridShift {
      0% { background-position: 0 0; }
      100% { background-position: 60px 60px; }
    }

    .about-banner h2 {
      color: var(--llavender);
      font-size: 32px;
      margin-bottom: 24px;
    }

    .about-banner p {
      max-width: 800px;
      margin: 0 auto 16px;
      font-size: 18px;
      color: #ccc;
      line-height: 1.6;
    }

    .cta-button {
      display: inline-block;
      margin-top: 32px;
      padding: 14px 32px;
      background: var(--lmint);
      color: #0B0C2A;
      border-radius: 30px;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 0 0 transparent;
    }

    .cta-button:hover {
      background: #ff7e5f;
      color: #fff;
      box-shadow: 0 0 12px rgba(106, 255, 214, 0.5);
    }

    .section-divider {
      margin-top: 60px;
      overflow: hidden;
      line-height: 0;
    }

    .section-divider svg {
      display: block;
      width: 100%;
      height: 80px;
    }

    .bottom-wave {
      position: relative;
      width: 100%;
      overflow: visible;
      line-height: 0;
      z-index: 3;
    }

    .bottom-wave svg {
      display: block;
      width: 100%;
      height: 100px;
    }

    @media (max-width: 768px) {
      .about-banner {
        padding: 60px 16px;
      }

      .about-banner h2 {
        font-size: 28px;
      }

      .about-banner p {
        font-size: 16px;
      }

      .bottom-wave svg {
        height: 60px;
      }
    }
.css-wave {
  position: relative;
  width: 100%;
  height: 100px;
  margin-top: 80px;
  background: radial-gradient(circle at 50% 0%, #0B0C2A 30%, transparent 70%);
  opacity: 0.15;
  mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}
.about-banner .grid-lines {
  background-image:
    linear-gradient(45deg, rgba(106,255,214,0.04) 1px, transparent 1px),
    linear-gradient(-45deg, rgba(106,255,214,0.04) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: gridShift 60s linear infinite;
}
.about-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.25;
  pointer-events: none;
}

.about-wave svg {
  display: block;
  width: 100%;
  height: 100px;
}

  </style>
    <style>
    .final‑cta {
      background: #0B0C2A;
      color: #EAF0FF;
      text-align: center;
      padding: 120px 16px;
      position: relative;
      overflow: hidden;
    }

    .final‑cta::before {
      content: "";
      position: absolute;
      width: 700px;
      height: 700px;
      top: -200px;
      left: 50%;
      transform: translateX(-50%);
      background: radial-gradient(circle at center, rgba(106,255,214,0.3), transparent 70%);
      filter: blur(120px);
      animation: blobMove 20s infinite;
      z-index: 0;
    }

    @keyframes blobMove {
      0%   { transform: translateX(-50%) translateY(0px) scale(1); }
      50%  { transform: translateX(-50%) translateY(50px) scale(1.1); }
      100% { transform: translateX(-50%) translateY(0px) scale(1); }
    }

    .final‑cta‑inner {
      position: relative;
      z-index: 2;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 20px;
    }

    .final‑cta h2 {
      font-size: 34px;
      margin-bottom: 24px;
      color: var(--llavender);
    }

    .final‑cta p {
      font-size: 18px;
      color: #ccc;
      line-height: 1.6;
    }

    @media (max-width: 768px) {
      .final‑cta {
        padding: 80px 16px;
      }
      .final‑cta h2 {
        font-size: 28px;
      }
      .final‑cta p {
        font-size: 16px;
      }
      .final‑cta::before {
        width: 500px;
        height: 500px;
        top: -150px;
        filter: blur(100px);
      }
    }
.final-section {
  background: radial-gradient(ellipse at center, #0f132d 0%, #0b0c2a 100%);
  padding: 120px 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.final-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  gap: 60px;
  position: relative;
  z-index: 2;
}

.final-text {
  flex: 1 1 400px;
  color: #eaf0ff;
  text-align: left;
  z-index: 2;
}

.final-text h2 {
  font-size: 36px;
  line-height: 1.3;
  margin-bottom: 16px;
  background: linear-gradient(to right, #d9a7ff, #9be15d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.final-text p {
  font-size: 18px;
  color: #ccc;
  max-width: 500px;
}

.final-blob {
  flex: 1 1 260px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle at 30% 30%, #00f0ff, #8a2be2);
  border-radius: 50% 70% 60% 40% / 60% 40% 70% 50%;
  animation: blobMorph 8s infinite ease-in-out;
  filter: blur(12px) brightness(1.2);
  opacity: 0.9;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}

@keyframes blobMorph {
  0%, 100% {
    border-radius: 42% 58% 55% 45% / 42% 45% 55% 58%;
    transform: scale(1) translate(0, 0);
  }
  33% {
    border-radius: 50% 60% 40% 50% / 50% 40% 60% 50%;
    transform: scale(1.04) translate(6px, -8px);
  }
  66% {
    border-radius: 60% 40% 50% 60% / 60% 55% 45% 40%;
    transform: scale(0.97) translate(-6px, 6px);
  }
}


@media (max-width: 768px) {
  .final-grid {
    flex-direction: column;
    text-align: center;
  }

  .final-text {
    text-align: center;
  }

  .final-blob {
    margin-top: 40px;
  }
}
	
  </style>
    <style>
    .pricing-section {
      background: radial-gradient(ellipse at center, #101432 0%, #0B0C2A 100%);
      padding: 100px 16px;
      text-align: center;
      color: #eaf0ff;
    }

    .pricing-section .section-title {
      font-size: 36px;
      color: var(--llavender);
      margin-bottom: 10px;
    }

    .pricing-section .section-subtitle {
      font-size: 18px;
      color: #bbb;
      margin-bottom: 50px;
    }

    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 40px;
      max-width: 1100px;
      margin: 0 auto;
    }

    .price-card {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 16px;
      padding: 32px;
      text-align: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .price-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 10px 30px rgba(106, 255, 214, 0.08);
    }

    .price-card h3 {
      font-size: 22px;
      color: var(--lmint);
      margin-bottom: 10px;
    }

    .price {
      font-size: 28px;
      font-weight: bold;
      color: #fff;
      margin-bottom: 20px;
    }

    .price-card ul {
      list-style: none;
      padding: 0;
      margin-bottom: 24px;
    }

    .price-card ul li {
      margin-bottom: 8px;
      color: #ccc;
      font-size: 15px;
    }

    .btn-pricing {
      display: inline-block;
      padding: 12px 28px;
      background: var(--lmint);
      color: #0B0C2A;
      border-radius: 30px;
      font-weight: bold;
      text-decoration: none;
      transition: all 0.3s ease;
    }

    .btn-pricing:hover {
      background: #ff7e5f;
      color: #fff;
      box-shadow: 0 0 10px rgba(106, 255, 214, 0.4);
    }

    .price-card.featured {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.2);
      box-shadow: 0 0 20px rgba(106,255,214,0.1);
    }

    @media (max-width: 768px) {
      .pricing-section {
        padding: 60px 16px;
      }

      .pricing-section .section-title {
        font-size: 28px;
      }
    }
  </style>
    <style>
    .about-hero {
      background: radial-gradient(ellipse at top left, #1b1e3c, #0b0c2a);
      padding: 140px 20px 100px;
      text-align: center;
      color: #f5ebdd;
      position: relative;
      overflow: hidden;
    }

    .about-hero h2 {
      font-size: 42px;
      font-weight: 700;
      margin-bottom: 20px;
      background: linear-gradient(90deg, #d9a7ff, #9be15d);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .about-hero p {
      max-width: 800px;
      margin: 0 auto;
      font-size: 20px;
      line-height: 1.6;
      color: #ccc;
    }

    /* Efektni glow sloj (dekoracija) */
    .about-hero::before {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      background: radial-gradient(circle, rgba(106,255,214,0.12), transparent 70%);
      top: -60px;
      right: -60px;
      filter: blur(60px);
      z-index: 0;
    }

    @media (max-width: 768px) {
      .about-hero {
        padding: 100px 20px 80px;
      }

      .about-hero h2 {
        font-size: 32px;
      }

      .about-hero p {
        font-size: 17px;
      }
    }
.about‑hero {
  position: relative;
  overflow: visible; /* promijenjeno iz hidden u visible */
}

.about‑hero::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: -100px;
  width: 250px;
  height: 130px;
  border: 2px solid transparent;
  border‑top: 2px solid rgba(155, 225, 93, 0.6);
  border‑right: 2px solid rgba(217, 167, 255, 0.6);
  border‑radius: 50% 50% 0 0;
  filter: blur(3px);
  opacity: 0.35;
  animation: lineGlow 12s infinite ease‑in‑out alternate;
  pointer‑events: none;
  z‑index: 1;
}

								  
  </style>
  <style>
/* === Sekcija: Kako smo počeli === */
.kako-poceli {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  align-items: center;
  justify-content: center;
  padding: 100px 40px;
  background: #0b0c2a;
  position: relative;
  z-index: 1;
}

.kako-poceli .tekst {
  flex: 1 1 480px;
  color: #f5ebdd;
  z-index: 2;
  animation: fadeInUp 1s ease both;
  padding: 10px 20px;
}

.kako-poceli .elementor-widget-heading .elementor-heading-title {
  font-size: 36px;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #d9a7ff, #9be15d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}


.kako-poceli .tekst p {
  font-size: 18px;
  line-height: 1.6;
  color: #dcdcdc;
}

.kako-poceli .slika {
  flex: 1 1 400px;
  position: relative;
  z-index: 2;
  animation: fadeInUp 1.2s ease both;
}

.kako-poceli .slika img {
  width: 100%;
  max-width: 480px;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(206, 191, 242, 0.25);
  transition: transform 0.8s ease;
}

.kako-poceli .slika img:hover {
  transform: scale(1.03);
}

/* Glow efekt */
.kako-poceli::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  top: -80px;
  left: -60px;
  background: radial-gradient(circle, rgba(217, 167, 255, 0.08), transparent 70%);
  filter: blur(60px);
  z-index: 0;
}

/* Animacija ulaska */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .kako-poceli {
    flex-direction: column;
    padding: 80px 20px;
    text-align: center;
  }

  .kako-poceli .tekst h3 {
    font-size: 32px;
  }

  .kako-poceli .tekst p {
    font-size: 17px;
  }
}
</style>
<style>
.filozofija-sekcija {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  padding: 100px 40px;
  background: #0b0c2a;
  position: relative;
  z-index: 1;
}

.filozofija-kartica {
  background: linear-gradient(145deg, #15162e, #0e1028);
  border: 1px solid rgba(206, 191, 242, 0.08);
  border-radius: 16px;
  padding: 40px 30px;
  max-width: 360px;
  flex: 1 1 300px;
  box-shadow: 0 0 20px rgba(155, 225, 93, 0.07);
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}

.filozofija-kartica:hover {
  box-shadow: 0 0 40px rgba(155, 225, 93, 0.15), 0 0 80px rgba(217, 167, 255, 0.1);
  transform: translateY(-6px);
}

.filozofija-kartica h3 {
  font-size: 22px;
  color: #CEBFF2;
  margin-bottom: 16px;
  background: linear-gradient(90deg, #d9a7ff, #9be15d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.filozofija-kartica p {
  color: #dcdcdc;
  font-size: 16px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .filozofija-sekcija {
    flex-direction: column;
    padding: 80px 20px;
  }
}
</style>
<style>
.zakljucni‑blok {
  padding: 120px 40px;
  text-align: center;
  background: #0a0b23;
  position: relative;
  overflow: hidden;
  color: #f5ebdd;
}

.zakljucni‑blok h3 {
  font-size: 28px;
  margin-bottom: 30px;
  background: linear-gradient(90deg, #9be15d, #d9a7ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.zakljucni‑blok .cta‑gumb {
  display: inline-block;
  padding: 14px 32px;
  font-size: 18px;
  font-weight: 500;
  color: #0b0c2a;
  background: #9be15d;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.4s ease, transform 0.3s ease;
}

.zakljucni‑blok .cta‑gumb:hover {
  background: #d9a7ff;
  transform: translateY(-3px);
}

/* vizualan efekt — blaga animacija sjaja unutar pozadine */
.zakljucni‑blok::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, rgba(155,225,93,0.3), transparent 70%);
  transform: translateX(-50%) scale(0.8);
  animation: pulseBG 10s infinite ease‑in‑out alternate;
  z‑index: 0;
  pointer‑events: none;
}

@keyframes pulseBG {
  0% { transform: translateX(-50%) scale(0.8); opacity: 0.25; }
  100% { transform: translateX(-50%) scale(1.1); opacity: 0.45; }
}

.zakljucni‑blok * {
  position: relative;
  z-index: 1;
}

/* Responsive */
@media (max-width: 768px) {
  .zakljucni‑blok {
    padding: 80px 20px;
  }
  .zakljucni‑blok h3 {
    font-size: 24px;
  }
  .zakljucni‑blok .cta‑gumb {
    font-size: 16px;
    padding: 12px 28px;
  }
}
</style>
<noscript><link rel='stylesheet' href='https://banner.com.hr/wp-content/themes/blocksy/static/bundle/no-scripts.min.css' type='text/css'></noscript>
		<style>#wp-admin-bar-elementor-maintenance-on > a { background-color: #dc3232; }
			#wp-admin-bar-elementor-maintenance-on > .ab-item:before { content: "\f160"; top: 2px; }</style>
		<meta name="generator" content="Elementor 4.0.9; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://banner.com.hr/wp-content/uploads/2025/08/profilni-logo-krug2-150x150.png" sizes="32x32" />
<link rel="icon" href="https://banner.com.hr/wp-content/uploads/2025/08/profilni-logo-krug2-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://banner.com.hr/wp-content/uploads/2025/08/profilni-logo-krug2-300x300.png" />
<meta name="msapplication-TileImage" content="https://banner.com.hr/wp-content/uploads/2025/08/profilni-logo-krug2-300x300.png" />
<style id="wp-custom-css">
.menu > li > .ct-menu-link {
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #F5EBDD;
  padding: 16px 22px; /* malo više vertikalno za bolju “težinu” */
  text-decoration: none;
  transition: color 1.0s ease, transform 0.3s ease;
  display: inline-block;
  position: relative;
}

.menu > li > .ct-menu-link:hover {
  color: #FF5E5E; /* Electric Coral */
  transform: translateY(-1px); /* lagano podizanje na hover */
}

/* === STILIZACIJA PADAJUĆEG MENIJA === */
.ct-header [data-id="menu"] .sub-menu {
  background-color: #F5EBDD; /* Sandstone Beige pozadina */
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.9s ease-in-out;
}

/* === STAVKE U PADAJUĆEM IZBORNIKU === */
.ct-header [data-id="menu"] .sub-menu .ct-menu-link {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1E1F4B;
  padding: 10px 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 4px;
}

/* === HOVER EFEKT NA STAVKE === */
.ct-header [data-id="menu"] .sub-menu .ct-menu-link:hover {
  background-color: #FF5E5E;
  color: #fff;
}
.default-logo {
  height: 48px; /* kontrolirano skaliranje */
  filter: drop-shadow(0 2px 4px rgba(206, 191, 242, 0.3));
  transition: filter 0.5s ease, transform 0.3s ease;
  vertical-align: middle;
}
.default-logo:hover {
  transform: scale(1.01) translateY(-1px);
  filter: drop-shadow(0 2px 6px rgba(206, 191, 242, 0.35));
}

/* === AKTIVNA STAVKA U MENIJU === */
.menu > li.current-menu-item > .ct-menu-link {
  color: #FF5E5E !important;
  position: relative;
}

.menu > li.current-menu-item > .ct-menu-link::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #CEBFF2;
  border-radius: 2px;
  display: block;
}
/* === UKLONI CRTU NA HOVERU === */
.menu > li > .ct-menu-link:hover::after {
  content: none !important;
}

/* === AKTIVNA STAVKA U MENIJU === */
.menu > li.current-menu-item > .ct-menu-link {
  color: #FF5E5E !important;
  position: relative;
}

.menu > li.current-menu-item > .ct-menu-link::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #CEBFF2;
  border-radius: 2px;
  display: block;
}.menu > li > .ct-menu-link {
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #F5EBDD;
  padding: 16px 22px; /* malo više vertikalno za bolju “težinu” */
  text-decoration: none;
  transition: color 1.0s ease, transform 0.3s ease;
  display: inline-block;
  position: relative;
}

.menu > li > .ct-menu-link:hover {
  color: #FF5E5E; /* Electric Coral */
  transform: translateY(-1px); /* lagano podizanje na hover */
}

/* === STILIZACIJA PADAJUĆEG MENIJA === */
.ct-header [data-id="menu"] .sub-menu {
  background-color: #F5EBDD; /* Sandstone Beige pozadina */
  border-radius: 8px;
  padding: 10px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.9s ease-in-out;
}

/* === STAVKE U PADAJUĆEM IZBORNIKU === */
.ct-header [data-id="menu"] .sub-menu .ct-menu-link {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #1E1F4B;
  padding: 10px 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  border-radius: 4px;
}

/* === HOVER EFEKT NA STAVKE === */
.ct-header [data-id="menu"] .sub-menu .ct-menu-link:hover {
  background-color: #FF5E5E;
  color: #fff;
}
.default-logo {
  filter: drop-shadow(0 4px 8px rgba(206, 191, 242, 0.5));
  transition: filter 0.9s ease;
}

.default-logo:hover {
  filter: drop-shadow(0 6px 12px rgba(206, 191, 242, 0.8));
}
/* === AKTIVNA STAVKA U MENIJU === */
.menu > li.current-menu-item > .ct-menu-link {
  color: #FF5E5E !important;
  position: relative;
}

.menu > li.current-menu-item > .ct-menu-link::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #CEBFF2;
  border-radius: 2px;
  display: block;
}
/* === UKLONI CRTU NA HOVERU === */
.menu > li > .ct-menu-link:hover::after {
  content: none !important;
}

/* === AKTIVNA STAVKA U MENIJU === */
.menu > li.current-menu-item > .ct-menu-link {
  color: #FF5E5E !important;
  position: relative;
}

.menu > li.current-menu-item > .ct-menu-link::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: #CEBFF2;
  border-radius: 2px;
  display: block;
}
/* Osnovni stil za gornji broj telefona */
.top-phone {
  color: #F5EBDD; /* osnovna boja teksta */
  font: 500 14px/1.2 'Outfit', sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 4px; /* razmak između ikone i teksta */
  transition: color 0.3s ease;
}

/* Link nasljeđuje boju roditelja */
.top-phone a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Ikonica telefona */
.top-phone::before {
  content: "📞";
  display: inline-block;
  transition: transform 0.9s ease, filter 0.9s ease;
}

/* Hover efekt – promjena boje i sjaj */
.top-phone:hover {
  color: #FF5E5E; /* Electric Coral */
}

.top-phone:hover::before {
  transform: scale(1.15); /* lagano povećanje */
  filter: drop-shadow(0 4px 8px rgba(206, 191, 242, 0.5)); /* isti sjaj kao logo */
}

/* Hover samo na broj */
.top-phone a:hover {
  color: #FF5E5E;
}
/* ========== MOBILE / TABLET MENU (Blocksy off-canvas) ========== */

/* 1) Veća dodirna zona + tipografija */
.ct-panel .menu > li > .ct-menu-link {
  font: 500 18px/1.25 'Outfit', sans-serif;
  padding: 14px 18px;                 /* veći klik-target */
  color: #F5EBDD;                     /* svijetli tekst */
  display: block;
  position: relative;
  transition: color .25s ease;
}

/* lagani hover (samo boja) */
.ct-panel .menu > li > .ct-menu-link:hover {
  color: #FF5E5E;                     /* Electric Coral */
}

/* razmak između stavki, da ne budu “zbijene” */
.ct-panel .menu > li { margin: 2px 0; }

/* 2) Aktivna stavka – crtica u #CEBFF2 + boja linka */
.ct-panel .menu > li.current-menu-item > .ct-menu-link,
.ct-panel .menu > li.current-menu-ancestor > .ct-menu-link {
  color: #FF5E5E !important;
}

/* crtica ispod aktivne stavke (s nježnom animacijom) */
.ct-panel .menu > li > .ct-menu-link::after {
  content: "";
  position: absolute;
  left: 18px;                         /* poravnanje s tekstom */
  right: 18px;
  bottom: 8px;
  height: 2px;
  background-color: #CEBFF2;          /* Digital Lavender */
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s ease;
}
.ct-panel .menu > li.current-menu-item > .ct-menu-link::after,
.ct-panel .menu > li.current-menu-ancestor > .ct-menu-link::after {
  transform: scaleX(1);
}

/* 3) Submenu (dropdown u off-canvasu) – sitnije, jasnije */
.ct-panel .sub-menu .ct-menu-link {
  font: 500 16px/1.25 'Outfit', sans-serif;
  padding: 10px 22px 10px 28px;       /* malo uvučeno u odnosu na parent */
  color: #F5EBDD;
  opacity: .95;
}
.ct-panel .sub-menu .ct-menu-link:hover {
  color: #FF5E5E;
}

/* 4) Točkice/markeri ispred podstavki – diskretno */
.ct-panel .sub-menu li::marker { color: #CEBFF2; }

/* 5) Close gumb u panelu – mrvu veći + hover */
.ct-panel .ct-panel-close,
.ct-panel .ct-panel-close button,
.ct-panel .ct-panel-close svg {
  transform: scale(1.1);
  transition: transform .2s ease, opacity .2s ease;
}
.ct-panel .ct-panel-close:hover,
.ct-panel .ct-panel-close button:hover,
.ct-panel .ct-panel-close:hover svg {
  transform: scale(1.2);
  opacity: .9;
}

/* 6) Diskretna sjena panela (ako nije već uključena temom) */
.ct-panel--offcanvas .ct-panel-content {
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}
/* ————————— FOOTER MODERNIZACIJA ————————— */

/* footer global */
.footer,
footer,
.blocksy-footer {
  background: #0b0c2a !important;
  color: #ccc !important;
}

/* logo u footeru */
.footer .site-logo img,
footer .site-logo img,
.blocksy-footer .site-logo img {
  max-height: 48px !important;
  filter: drop-shadow(0 4px 8px rgba(206,191,242,0.4)) !important;
}

/* Naslovi widgeta */
.footer .widget-title,
footer .widget-title,
.blocksy-footer .widget-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  background: linear-gradient(90deg, #d9a7ff, #9be15d) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Footer linkovi */
.footer a,
footer a,
.blocksy-footer a {
  color: #ccc !important;
  text-decoration: none !important;
  transition: color 0.3s ease, transform 0.2s ease !important;
}

.footer a:hover,
footer a:hover,
.blocksy-footer a:hover {
  color: #9be15d !important;
  transform: translateX(3px) !important;
}

/* Social ikone */
.footer .footer-socials a,
footer .footer-socials a,
.blocksy-footer .footer-socials a {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.07) !important;
  border-radius: 50% !important;
  transition: background 0.3s ease, transform 0.3s ease !important;
  margin-right: 8px !important;
}

.footer .footer-socials a:hover,
footer .footer-socials a:hover,
.blocksy-footer .footer-socials a:hover {
  background: #9be15d !important;
  color: #0b0c2a !important;
  transform: scale(1.1) !important;
}

/* Copyright bar */
.footer .copyright,
footer .copyright,
.blocksy-footer .copyright {
  text-align: center !important;
  padding: 18px 0 !important;
  margin-top: 30px !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  color: #888 !important;
  font-size: 14px !important;
}

/* mobile responsive tweaks */
@media (max-width: 768px) {
  .footer,
  footer,
  .blocksy-footer {
    text-align: center !important;
  }
  .footer .footer-socials a,
  footer .footer-socials a,
  .blocksy-footer .footer-socials a {
    margin: 6px 4px !important;
  }
}
/* ————— Dekorativna crta iznad footera ————— */
.footer,
footer,
.blocksy-footer {
  position: relative;
}

.footer::before,
footer::before,
.blocksy-footer::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, #d9a7ff, #9be15d);
  opacity: 0.45;
  border-radius: 2px;
}

/* ————— Pojačan tekst ispod loga i copyright ————— */
.footer .widget,
footer .widget,
.blocksy-footer .widget {
  color: #e1e1f0 !important; /* svjetliji ton teksta */
}

.footer .site-info,
footer .site-info,
.blocksy-footer .site-info,
.footer .copyright,
footer .copyright,
.blocksy-footer .copyright {
  color: #aaa !important;  /* kontrastniji, čitljiviji copyright */
}

/* Opcionalno: malo povećati font copyrighta */
.footer .copyright,
footer .copyright,
.blocksy-footer .copyright {
  font-size: 15px !important;
}

/* ————— DEKORATIVNA CRTICA ————— */
.footer::before,
footer::before,
.blocksy-footer::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, #9be15d, #d9a7ff);
  opacity: 0.6;
  border-radius: 2px;
}

/* ————— TEKST ISPOD LOGA ————— */
.footer .widget_text,
footer .widget_text,
.blocksy-footer .widget_text {
  color: #cfd3e6 !important; /* svjetliji ali mekani ton */
  font-size: 16px;
  line-height: 1.5;
}

/* ————— COPYRIGHT ————— */
.footer .site-info,
footer .site-info,
.blocksy-footer .site-info,
.footer .copyright,
footer .copyright,
.blocksy-footer .copyright {
  color: #b0b5c9 !important;  /* kontrastniji, ali ne prenapadan */
  font-size: 15px !important;
}
/* ============================== */
/*       BLOCKSY FOOTER STIL     */
/* ============================== */

/* === 1. Osnovne boje i spacing === */
footer#footer.ct-footer {
  background: #0b0c2a !important;
  color: #e1e1f0 !important;
  padding: 60px 0 30px !important;
}

footer#footer.ct-footer div[data-row="middle"] {
  padding-bottom: 40px !important;
}

/* === Footer logo — override za wp-image-38 === */
footer#footer.ct-footer img.wp-image-38 {
  width: auto !important;
  height: auto !important;
  max-height: 100px !important;
  max-width: 260px !important;
  filter: drop-shadow(0 4px 10px rgba(206,191,242,0.45)) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  footer#footer.ct-footer img.wp-image-38 {
    max-height: 85px !important;
    max-width: 220px !important;
  }
}

/* Mobitel */
@media (max-width: 768px) {
  footer#footer.ct-footer img.wp-image-38 {
    max-height: 70px !important;
    max-width: 190px !important;
  }
}

@media (max-width: 480px) {
  footer#footer.ct-footer img.wp-image-38 {
    max-height: 60px !important;
    max-width: 160px !important;
  }
}

/* === 3. Tekst ispod loga === */
footer#footer.ct-footer .ct-widget.widget_text p {
  color: #dcdcdc !important;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 10px;
}

/* === 4. Naslovi widgeta === */
footer#footer.ct-footer .ct-widget h4 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  background: linear-gradient(90deg, #d9a7ff, #9be15d) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* === 5. Linkovi u footeru === */
footer#footer.ct-footer a {
  color: #ccc !important;
  text-decoration: none !important;
  transition: color .25s ease, transform .2s ease !important;
}

footer#footer.ct-footer a:hover {
  color: #9be15d !important;
  transform: translateX(2px) !important;
}

/* === 6. Social ikone === */
footer#footer.ct-footer .ct-socials li a {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 50% !important;
  transition: background .3s ease, transform .3s ease !important;
  margin-right: 8px !important;
}

footer#footer.ct-footer .ct-socials li a:hover {
  background: #9be15d !important;
  color: #0b0c2a !important;
  transform: scale(1.1) !important;
}

/* === 6a. Social ikone horizontalno i centrirano (tablet & mob) === */
@media (max-width: 1024px) {
  .ct-footer-socials {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
  }

  .ct-footer-socials a {
    margin: 4px !important;
  }
}

/* === 7. Copyright sekcija === */
footer#footer.ct-footer div[data-row="bottom"] {
  border-top: 1px solid rgba(255,255,255,0.1) !important;
  padding-top: 18px !important;
  text-align: center !important;
}

footer#footer.ct-footer div[data-row="bottom"] p {
  color: #aaa !important;
  font-size: 15px !important;
}
/* === FORCE FOOTER LOGO RESPONSIVE FIX (SVI UREĐAJI) === */

/* Opći selektor za sve verzije loga */
footer img[src*="banner-bijeli.svg"],
footer figure.wp-block-image img,
footer .widget_media_image img,
footer .ct-widget.widget_media_image img {
  max-height: 70px !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  filter: drop-shadow(0 4px 8px rgba(206,191,242,0.4)) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  footer img[src*="banner-bijeli.svg"] {
    max-height: 60px !important;
  }
}

/* Mobitel */
@media (max-width: 768px) {
  footer img[src*="banner-bijeli.svg"] {
    max-height: 52px !important;
  }
}

/* Vrlo mali mobiteli */
@media (max-width: 480px) {
  footer img[src*="banner-bijeli.svg"] {
    max-height: 46px !important;
  }
}

</style>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /></head>
<body class="wp-singular elementor_library-template elementor_library-template-elementor_canvas single single-elementor_library postid-1817 wp-custom-logo wp-embed-responsive wp-theme-blocksy elementor-default elementor-template-canvas elementor-kit-250 elementor-page elementor-page-1817 elementor-maintenance-mode">
	<a class="skip-link screen-reader-text" href="#main">Skip to content</a>		<div data-elementor-type="page" data-elementor-id="1817" class="elementor elementor-1817">
				<div class="elementor-element elementor-element-2da38c3 e-flex e-con-boxed e-con e-parent" data-id="2da38c3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-282d223 elementor-widget elementor-widget-heading" data-id="282d223" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">COMING SOON</h2>				</div>
				<div class="elementor-element elementor-element-473927c elementor-widget elementor-widget-image" data-id="473927c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="1536" height="1024" src="https://banner.com.hr/wp-content/uploads/2025/10/projekt.png" class="attachment-1536x1536 size-1536x1536 wp-image-1427" alt="projekt" srcset="https://banner.com.hr/wp-content/uploads/2025/10/projekt.png 1536w, https://banner.com.hr/wp-content/uploads/2025/10/projekt-300x200.png 300w, https://banner.com.hr/wp-content/uploads/2025/10/projekt-1024x683.png 1024w, https://banner.com.hr/wp-content/uploads/2025/10/projekt-768x512.png 768w" sizes="(max-width: 1536px) 100vw, 1536px" />															</div>
					</div>
				</div>
				</div>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/blocksy/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <script>
      document.addEventListener("DOMContentLoaded", function () {
        function alignFooterLogoLeft() {
          const widget = document.querySelector('footer#footer.ct-footer div[data-column="widget-area-1"]');
          const isMobileLandscape = window.matchMedia("(max-width: 767px)").matches && window.matchMedia("(orientation: landscape)").matches;

          if (widget && isMobileLandscape) {
            widget.style.textAlign = "left";
          }
        }

        alignFooterLogoLeft();
        window.addEventListener("resize", alignFooterLogoLeft);
        window.addEventListener("orientationchange", alignFooterLogoLeft);
      });
    </script>
    			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='elementor-post-1817-css' href='https://banner.com.hr/wp-content/uploads/elementor/css/post-1817.css?ver=1779437071' media='all' />
<link rel='stylesheet' id='widget-heading-css' href='https://banner.com.hr/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.0.9' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://banner.com.hr/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.0.9' media='all' />
<link rel='stylesheet' id='elementor-post-250-css' href='https://banner.com.hr/wp-content/uploads/elementor/css/post-250.css?ver=1779433078' media='all' />
<link rel='stylesheet' id='elementor-gf-local-outfit-css' href='https://banner.com.hr/wp-content/uploads/elementor/google-fonts/css/outfit.css?ver=1755424128' media='all' />
<script id="essential-blocks-blocks-localize-js-extra">
var eb_conditional_localize = [];
var EssentialBlocksLocalize = {"eb_plugins_url":"https://banner.com.hr/wp-content/plugins/essential-blocks/","image_url":"https://banner.com.hr/wp-content/plugins/essential-blocks/assets/images","eb_wp_version":"7","eb_version":"6.1.3","eb_admin_url":"https://banner.com.hr/wp-admin/","rest_rootURL":"https://banner.com.hr/wp-json/","ajax_url":"https://banner.com.hr/wp-admin/admin-ajax.php","nft_nonce":"6b2c10dab5","post_grid_pagination_nonce":"8ec6fbd060","placeholder_image":"https://banner.com.hr/wp-content/plugins/essential-blocks/assets/images/placeholder.png","is_pro_active":"false","upgrade_pro_url":"https://essential-blocks.com/upgrade","responsiveBreakpoints":{"tablet":1024,"mobile":767},"wp_timezone":"Europe/Zagreb","gmt_offset":"2"};
//# sourceURL=essential-blocks-blocks-localize-js-extra
</script>
<script id="essential-blocks-blocks-localize-js" src="https://banner.com.hr/wp-content/plugins/essential-blocks/assets/js/eb-blocks-localize.js?ver=31d6cfe0d16ae931b73c"></script>
<script id="wp-hooks-js" src="https://banner.com.hr/wp-includes/js/dist/hooks.min.js?ver=7496969728ca0f95732d"></script>
<script id="wp-i18n-js" src="https://banner.com.hr/wp-includes/js/dist/i18n.min.js?ver=781d11515ad3d91786ec"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="swv-js" src="https://banner.com.hr/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.6"></script>
<script id="contact-form-7-js-before">
var wpcf7 = {
    "api": {
        "root": "https:\/\/banner.com.hr\/wp-json\/",
        "namespace": "contact-form-7\/v1"
    }
};
//# sourceURL=contact-form-7-js-before
</script>
<script id="contact-form-7-js" src="https://banner.com.hr/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.6"></script>
<script id="ct-scripts-js-extra">
var ct_localizations = {"ajax_url":"https://banner.com.hr/wp-admin/admin-ajax.php","public_url":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/","rest_url":"https://banner.com.hr/wp-json/","search_url":"https://banner.com.hr/search/QUERY_STRING/","show_more_text":"Show more","more_text":"More","search_live_results":"Search results","search_live_no_results":"No results","search_live_no_result":"No results","search_live_one_result":"You got %s result. Please press Tab to select it.","search_live_many_results":"You got %s results. Please press Tab to select one.","search_live_stock_status_texts":{"instock":"In stock","outofstock":"Out of stock"},"clipboard_copied":"Copied!","clipboard_failed":"Failed to Copy","expand_submenu":"Expand dropdown menu","collapse_submenu":"Collapse dropdown menu","dynamic_js_chunks":[{"id":"blocksy_sticky_header","selector":"header [data-sticky]","url":"https://banner.com.hr/wp-content/plugins/blocksy-companion/static/bundle/sticky.js?ver=2.1.42","version":"2.1.42"}],"dynamic_styles":{"lazy_load":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/non-critical-styles.min.css?ver=2.1.42","search_lazy":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/non-critical-search-styles.min.css?ver=2.1.42","back_to_top":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/back-to-top.min.css?ver=2.1.42"},"dynamic_styles_selectors":[{"selector":".ct-header-cart, #woo-cart-panel","url":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/cart-header-element-lazy.min.css?ver=2.1.42"},{"selector":".flexy","url":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/flexy.min.css?ver=2.1.42"},{"selector":".ct-pagination","url":"https://banner.com.hr/wp-content/themes/blocksy/static/bundle/pagination.min.css?ver=2.1.42"},{"selector":"#account-modal","url":"https://banner.com.hr/wp-content/plugins/blocksy-companion/static/bundle/header-account-modal-lazy.min.css?ver=2.1.42"},{"selector":".ct-header-account","url":"https://banner.com.hr/wp-content/plugins/blocksy-companion/static/bundle/header-account-dropdown-lazy.min.css?ver=2.1.42"}],"login_generic_error_msg":"An unexpected error occurred. Please try again later."};
//# sourceURL=ct-scripts-js-extra
</script>
<script id="ct-scripts-js" src="https://banner.com.hr/wp-content/themes/blocksy/static/bundle/main.js?ver=2.1.42"></script>
<script id="eael-general-js-extra">
var localize = {"ajaxurl":"https://banner.com.hr/wp-admin/admin-ajax.php","nonce":"8fec98dcf8","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https://banner.com.hr/?elementor_library=coming-soon-page","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}};
//# sourceURL=eael-general-js-extra
</script>
<script id="eael-general-js" src="https://banner.com.hr/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.6.5"></script>
<script id="elementor-webpack-runtime-js" src="https://banner.com.hr/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.9"></script>
<script id="elementor-frontend-modules-js" src="https://banner.com.hr/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.9"></script>
<script id="jquery-ui-core-js" src="https://banner.com.hr/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="elementor-frontend-js-extra">
var EAELImageMaskingConfig = {"svg_dir_url":"https://banner.com.hr/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/img/image-masking/svg-shapes/"};
//# sourceURL=elementor-frontend-js-extra
</script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.0.9","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"nested-elements":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/banner.com.hr\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/banner.com.hr\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/banner.com.hr\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"e356db18bf","atomicFormsSendForm":"a5ce42b910"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":1817,"title":"Coming%20Soon%20Page%20%E2%80%93%20Web%20dizajn%20Zagreb%20%E2%94%82%20Banner%20%2C%20Zagreb","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://banner.com.hr/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.9"></script>
	</body>
</html>
