@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 400;src: url('fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 500;src: url('fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 600;src: url('fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 700;src: url('fonts/inter-v20-latin_latin-ext-700.woff2') format('woff2');}@font-face {font-display: swap;font-family: 'Inter';font-style: normal;font-weight: 800;src: url('fonts/inter-v20-latin_latin-ext-800.woff2') format('woff2');}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;}body {background-color: #fff;color: #111;}html{scroll-behavior: smooth;scrollbar-gutter: stable;scrollbar-width: thin;}@supports not (scrollbar-color: #777 #f1f1f1) {::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #f1f1f1;}::-webkit-scrollbar-thumb {background: #777;border-radius: 6px;border: 3px solid #f1f1f1;}::-webkit-scrollbar-thumb:hover {background: #555;}}a, button, input, textarea, select {touch-action: manipulation;}a {color: inherit;text-decoration: none;}ul, ol {list-style: none;padding: 0;margin: 0;}nav {background: rgba(255, 255, 255, 0.7);backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);position: sticky;width: 100%;z-index: 100;top: 0;border-bottom: 1px solid rgba(200,200,200,0.2);transition: background 0.3s;}.nav-container {width: calc(min(80rem, 90%));margin: 0 auto;padding: 1rem 0rem;display: flex;justify-content: space-between;align-items: center;}.logo {z-index: 205;text-decoration: none;}.logo img {width: 12.5rem;}.nav-links {display: flex;list-style: none;gap: 2rem;}.nav-links a {color: #111;text-decoration: none;opacity: 0.7;transition: opacity 0.3s, color 0.3s;font-weight: 500;}.nav-links a:hover {opacity: 1;color: #0071e3;}.custom-anim {opacity: 0;transform: scale(0.8);will-change: opacity, transform;transition: opacity var(--anim-duration, 0.6s) cubic-bezier(0.4, 0, 0.2, 1), transform var(--anim-duration, 0.6s) cubic-bezier(0.4, 0, 0.2, 1);}.custom-anim.je-vidljivo {opacity: 1;transform: scale(1);transition-delay: var(--anim-delay, 0s);}.cta-button {background: #0071e3;color: #fff;padding: 1rem 2rem;border-radius: 30px;text-decoration: none;font-size: 1.1rem;transition: background-color 0.3s;font-weight: 600;box-shadow: 0 2px 8px rgba(0,0,0,0.04);}.cta-button:hover {background: #005bb5;}.cta-button-2 {background: #0071e3;color: #fff;padding: 0.9rem 1.3rem;border-radius: 30px;text-decoration: none;font-size: 0.9rem;transition: background-color 0.3s;font-weight: 500;box-shadow: 0 2px 8px rgba(0,0,0,0.04);}.cta-button-2:hover {background: #005bb5;}.see-more {font-size: 0.8rem;color: #111;font-weight: 400;border: 0.125rem solid #c8c8c8;border-radius: 3.125rem;padding: 0.313rem 0.625rem;display: inline-block;cursor: pointer;transition: 0.2s ease-in-out;}.see-more:hover {color: #fff;background: #111;border: 0.125rem solid #111;}.see-more::first-letter {text-transform: uppercase;}#naslovusluge{display: flex;justify-content: space-between;align-items: end;}#usluge {scroll-margin-top: 8rem;padding-block: min(20vh, 0rem);width: calc(min(80rem, 90%));margin-inline: auto;color: #111;padding-bottom: 3rem;h2 {font-size: clamp(1.8rem, 1.8125rem + 0.75vw, 2.4rem);font-weight: 600;line-height: 1.1;}a {display: inline-block;text-decoration: none;}.container {margin: 3em 0em;display: grid;grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));gap: 2rem;.card {&:nth-child(1) .box .icon .iconBox {background: #090e0e;}&:nth-child(2) .box .icon .iconBox {background: #C62ECC;}&:nth-child(3) .box .icon .iconBox {background: #391e96;}ul {margin: 0;padding: 0;list-style-type: none;display: flex;align-items: center;flex-wrap: wrap;gap: 0.625rem;li {text-transform: uppercase;background: var(--clr-tag);color: #282828;font-weight: 700;font-size: 0.8rem;padding: 0.375rem 0.625rem;border-radius: 1rem;}.branding {color: #fff;background-color: #090e0e;}.packaging {color: #fff;background-color: #391e96;}.marketing {color: #fff;background-color: #C62ECC;}}.content {padding: 0.938rem 0.25rem;h3 {font-size: clamp(1rem, 1.3909rem + 0.4364vw, 1.8rem);}p {margin: 0.625rem 0 1.25rem;color: #565656;}}}.card-inner {position: relative;width: inherit;height: 18.75rem;background: var(--clr);border-radius: 1.25rem;border-bottom-right-radius: 0;overflow: hidden;.box {width: 100%;height: 100%;background: #fff;border-radius: 1.25rem;overflow: hidden;.imgBox {position: absolute;inset: 0;img {width: 100%;height: 100%;object-fit: cover;}}.icon {position: absolute;bottom: -0.375rem;right: -0.375rem;width: 6rem;height: 6rem;background: var(--clr);border-top-left-radius: 50%;&:hover .iconBox {transform: scale(1.1);}&::before {position: absolute;content: "";bottom: 0.375rem;left: -1.25rem;background: transparent;width: 1.25rem;height: 1.25rem;border-bottom-right-radius: 1.25rem;box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;}&::after {position: absolute;content: "";top: -1.25rem;right: 0.375rem;background: transparent;width: 1.25rem;height: 1.25rem;border-bottom-right-radius: 1.25rem;box-shadow: 0.313rem 0.313rem 0 0.313rem var(--clr);}.iconBox {position: absolute;inset: 0.625rem;background: #282828;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: 0.3s;span {color: #fff;font-size: 1.5rem;}}}}}}}.wrapper-menu {width: 32px;height: 32px;display: flex;flex-direction: column;justify-content: space-between;cursor: pointer;transition: transform 330ms ease-out;display: none;}.wrapper-menu.open {transform: rotate(-45deg);}.line-menu {background-color: #252525;border-radius: 10px;width: 100%;height: 4px;}.line-menu.half {width: 50%;}.line-menu.half.start{background-color: #111;position: relative;width: 50%;align-self: flex-start;opacity: 1;}.line-menu.start {transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);transform-origin: right;}.open .line-menu.start {transform: rotate(-90deg) translateX(3px);}.line-menu.end {align-self: flex-end;transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);transform-origin: left;}.open .line-menu.end {transform: rotate(-90deg) translateX(-3px);}.nav-links a i{display: none;}.cookie-banner {display: none;position: fixed;bottom: 20px;left: 2rem;width: calc(min(50rem, 90%));background: #fff;color: #090e0e;padding: 1.5rem;border-radius: 1.2rem;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);z-index: 9999;border: 1px solid rgba(255, 255, 255, 0.1);}.cookie-content {display: flex;flex-direction: column;gap: 1rem;text-align: left;}.cookie-content p {margin: 0;font-size: 0.94rem;color: #090e0e;line-height: 1.5;text-wrap:balance;padding-left:0.2rem;}.cookie-buttons {display: flex;justify-content: space-between;gap: 1rem;}.cookie-btn {padding: 0.7rem 1.5rem;border-radius: 30px;font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: all 0.2s ease;border: none;}.cookie-btn.accept {background: #0071e3;color: #fff;}.cookie-btn.accept:hover {background: #005bb5;}.cookie-btn.reject {background: transparent;color: #090e0e;border: 1px solid rgba(0, 0, 0, 0.1);transition: 0.2s ease-in-out;}.cookie-btn.reject:hover {color: #fff;background: #090e0e;}@keyframes fadeInMenu {from {opacity: 0;backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);}to {opacity: 1;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}}@keyframes slideIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.tijelo-animacije-skrol2 {display: grid;place-items: center;min-height: 100vh;width:100%;color: hsl(0 0% 100%);background: #0f0f0f;clip-path: polygon(11% 0.5%, 100% 0, 100% 100%, 0 100%, 0 0);}.section2 {min-height: 100vh;display: grid;place-items: center;}.section2__content {min-height: 100vh;position: sticky;top: 0;display: grid;place-items: center;padding: 1rem;width: 80ch;margin: 0 auto;}.section2__content p {font-weight: 600;max-width: 40ch;font-size: clamp(1.5rem, 1vw + 1rem, 4rem);margin: 0;color: hsl(0 0% 100% / 0.5);}.section2__content p span {color: hsl(0 0% 100% / 1);}.section2 h1{margin: 0;font-size: 2.5rem;}.section2:nth-of-type(1), .section2:nth-of-type(2), .section2:nth-of-type(3), .section2:nth-of-type(4) {position: relative;width: 100%;display: block;view-timeline-name: --section2;}.cta2 {position: sticky;z-index: 10;top: calc(100% - 6rem);display: inline-block;width: 100%;display: grid;place-items: center;animation: activate2 both linear, activate2 linear reverse;animation-timeline: --section2, view();animation-range: entry, cover 50%;user-select: none;-webkit-user-select: none;}.cta2__content {position: relative;}.cta2 span:nth-of-type(1) {opacity: var(--scale, 0);transition: opacity 0.2s 0.6s;white-space: nowrap;padding: 0 0 0 0.5rem;}.cta2__content::before {--back: linear( 0, 0.3412 4.06%, 0.6411 8.2%, 0.9005 12.43%, 1.1205 16.77%, 1.3013 21.22%, 1.4438 25.8%, 1.549 30.54%, 1.5878 32.98%, 1.6175 35.47%, 1.6457 39.41%, 1.6518 41.44%, 1.6528 43.52%, 1.6391 47.83%, 1.6042 52.44%, 1.5562 56.74%, 1.4899 61.5%, 1.202 78.86%, 1.0988 85.97%, 1.0551 89.79%, 1.0244 93.36%, 1.0061 96.75%, 1 );content: "";background: #0071e3;position: absolute;inset: 0;border-radius: 100px;z-index: -1;}.cta2 span:nth-of-type(2) {width: 36px;height: 36px;border-radius: 50%;background: #0071e3;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 1.3rem;line-height: 0;padding-bottom: 2px;}.cta2 svg {width: 20px;fill: hsl(0 0% 100% / 0.75);}.cta2 a:is(:hover, :focus-visible) svg {fill: white;}.cta2 a {--elastic: linear( 0, 0.4789 7.06%, 0.7612 12.38%, 0.8693 15.13%, 0.9538 17.95%, 1.0165 20.89%, 1.059 24.04%, 1.0829 27.58%, 1.0884 31.64%, 1.0769 36.44%, 1.0202 50.6%, 1.0005 59.62%, 0.9945 70.6%, 1 );text-decoration-line: none;overflow: hidden;border-radius: 100px;padding: 1rem;background: hsl(240 2% 20% / 1);box-shadow: 0 1px hsl(0 0% 100% / 0.25) inset;color: hsl(0 0% 100%);display: grid;align-items: center;font-weight: 600;letter-spacing: -0.01em;font-size: 1.1rem;grid-template-columns: 0 36px;}@keyframes activate2 {0% {--active: 0;}100% {--active: 1;}}.section2:nth-of-type(1) {height: 170vh;}.section2:nth-of-type(2) {--content-size: 186px;height: 200vh;}.section2:nth-of-type(3) {--content-size: 180px;height: 150vh;}.section2:nth-of-type(4) {--content-size: 140px;height: 200vh;}@supports not (animation-timeline: auto) {.tijelo-animacije-skrol2 video {opacity: 0.2 !important;}}@container style(--active: 0) {.cta2__content::before {scale: 0;opacity: 0;transition: scale 0.5s var(--back);}.cta2 a {scale: 0;transition: scale 0.2s 0.7s, grid-template-columns 0.5s 0.2s var(--elastic);grid-template-columns: 0 36px;}.cta2__content span:first-of-type {opacity: 0;transition: opacity 0.2s 0s;}.cta2__content span:last-of-type {scale: 0;opacity: 0;transition: scale 0.2s, opacity 0.2s;}}@container style(--active: 1) {.cta2__content::before {scale: 0.99;opacity: 1;transition: scale 0.5s var(--back);}.cta2 a {scale: 1;transition: scale 0.2s 0s, grid-template-columns 0.5s 0.6s var(--elastic);grid-template-columns: var(--content-size, auto) 36px;}.cta2__content span:first-of-type {opacity: 1;transition: opacity 0.2s 0.7s;}.cta2__content span:last-of-type {scale: 1;opacity: 1;transition: scale 0.2s 0.4s, opacity 0.2s 0.4s;}}#sekcijaoverflo{overflow: hidden;}.section2__content h2 {display: grid;font-size: clamp(4rem, 7vw + 1rem, 10rem);text-align: center;line-height: 1;margin: 0;width: 100%;font-weight: 700;}.section2__content h2 span:first-of-type {display: inline-block;color: hsl(0 100% 50%);font-size: 0.35em;}.section2__content h2 span:last-of-type {display: inline-block;font-size: 0.6em;}.section2__content h2 span:first-of-type {display: inline-block;animation: fade-away2 both linear;animation-timeline: --section2;animation-range: entry-crossing 25% exit 33%;}.section2__content h2 span:last-of-type {display: inline-block;animation: scale-up2 both cubic-bezier(.1,.7,.9,1.3), fade-away2 both linear;animation-timeline: --section2;animation-range: entry-crossing 60% exit 70%, exit 10% exit 35%;}@keyframes scale-up2 {to {scale: 1.5;}}@keyframes grow2 {0% {scale: 0.5;opacity: 0;}}@keyframes fade-away2 {100% {opacity: 0;}}.tijelo-animacije-skrol2 video {position: fixed;inset: 0;object-fit: cover;width: 100%;height: 100vh;filter: saturate(0.1) brightness(0.5);opacity: 0;animation: fade-in2 linear, fade-out2 linear;animation-timeline: --section2;animation-range: entry 50% entry 100%, entry 70% entry 280%;}@keyframes fade-in2 {0% {opacity: 0;}100% {opacity: 0.6;}}@keyframes fade-out2 {0% {opacity: 0.6;}100% {opacity: 0;}}.tijelo-animacije-skrol2, .section2, .section2__content {user-select: text !important;-webkit-user-select: text !important;pointer-events: auto !important;}.tijelo-animacije-skrol2 video {pointer-events: none;}@supports (-moz-appearance: none) {.tijelo-animacije-skrol2 > .section2:first-child {min-height: 5rem;height: 5rem;}.tijelo-animacije-skrol2 > .section2:first-child .section2__content, .tijelo-animacije-skrol2 .cta2__content {display: none;}}.about-section {padding-block: min(20vh, 5rem);width: calc(min(80rem, 90%));margin-inline: auto;color: #111;position: relative;}.about-heading {display: flex;flex-direction: column;gap: 1em;}.about-heading h2 {letter-spacing: 0.025em;font-size: clamp(1.5rem, 3.5rem, 4rem);font-weight: 700;}.about-heading aside {margin-top: 1.5em;max-width: 18rem;display: flex;flex-direction: column;gap: 0.7em;}.about-heading aside p {font-size: 0.9rem;color: #111;line-height: 1.5;}.about-container {margin-top: 2em;display: grid;gap: 1.5rem;}.about-card {padding-block: 1rem;background: #fff;border-radius: 1.2rem;position: relative;height: 23rem;}.about-card > p {position: absolute;right: 0;top: -1.25rem;}.about-card > p a {font-size: 0.9rem;color: #111;transition: font-weight 0.2s;}.about-card > p a:hover {font-weight: 600;}.about-card-inner {position: relative;width: inherit;height: inherit;border-bottom-right-radius: 0;}.about-box {width: 100%;height: 100%;background: #fff;border-radius: 1.2rem;overflow: visible;position: relative;}.about-imgBox {position: absolute;inset: 0;}.about-imgBox img {width: 100%;height: 100%;object-fit: cover;border-radius: 1rem;}@media screen and (min-width: 53rem) {.about-imgBox img {border-radius: 1.6rem;}.about-card {border-radius: 1.8rem;}}.about-more {position: absolute;top: -0.375rem;right: 0;width: auto;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 0.625rem 0 0.625rem 0.625rem;border-bottom-left-radius: 1rem;}.about-more h2{font-size: clamp(1.2rem, 2vw + 1rem, 2rem);}.about-more::before {position: absolute;content: "";top: 0.375rem;left: -1.188rem;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 2rem;box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;transform: rotate(-90deg);}.about-more::after {position: absolute;content: "";bottom: -1.188rem;right: -0.063rem;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 1rem;box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;transform: rotate(-90deg);}.about-more ul {padding: 0;margin: 0;list-style-type: none;display: flex;align-items: center;}.about-more ul li {width: 35px;height: 35px;border-radius: 50%;overflow: hidden;border: 1px solid #fff;position: relative;transform: translatey(0);transition: 0.2s ease-in-out;}.about-more ul li:hover {transform: translatey(-0.625rem);cursor: pointer;}.about-more ul li::before {position: absolute;content: "";width: 100%;height: 100%;background: hsl(0deg 0% 6.67% / 20%);}.about-more ul li span {position: absolute;width: 100%;height: 100%;font-size: 0.6rem;color: #fff;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;}.about-more ul li + li {margin-left: -0.625rem;}.about-more ul img {width: 100%;height: 100%;object-fit: cover;}.about-mores {position: absolute;top: -0.375rem;left: 0;width: auto;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 0.625rem 0.625rem 0.25rem 0rem;border-bottom-right-radius: 1rem;}.about-mores h2{font-weight: 700 !important;z-index: 10;}.about-mores::before {position: absolute;content: "";top: 0.375rem;right: -1.2rem;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 2rem;box-shadow: 0.313rem 0.313rem 0px 0.3rem #fff;transform: rotate(180deg);}.about-mores::after {position: absolute;content: "";bottom: -1.2rem;left: 0rem;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 1rem;box-shadow: 0.313rem 0.313rem 0px 0.3rem #fff;transform: rotate(180deg);}.about-arrow {width: 2.5rem;height: 2.5rem;border: 0.125rem solid #c8c8c8;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.2s ease-in-out;}.about-arrow:hover {background: #111;border: 0.125rem solid #111;color: #fff;}.about-arrow svg {width: 1.063rem;color: #111;}.about-arrow:hover svg {color: #fff;}.about-tag {position: absolute;bottom: -0.375rem;left: 0;width: auto;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 0.625rem 0.625rem 0.625rem 0;border-top-right-radius: 1rem;}.about-tag::before {position: absolute;content: "";top: -1.188rem;left: 0;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 2rem;box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;transform: rotate(90deg);}.about-tag::after {position: absolute;content: "";bottom: 0.375rem;right: -1.188rem;background: transparent;width: 1.2rem;height: 1.2rem;border-bottom-right-radius: 1rem;box-shadow: 0.313rem 0.313rem 0px 0.313rem #fff;transform: rotate(90deg);}.about-tag a {font-size: 0.8rem;color: #111;font-weight: 400;border: 0.125rem solid #c8c8c8;border-radius: 3.125rem;padding: 0.313rem 0.625rem;display: inline-block;cursor: pointer;transition: 0.2s ease-in-out;}.about-tag a:hover {color: #fff;background: #111;border: 0.125rem solid #111;}.about-video {height: 19.5rem;align-self: flex-end;}.about-videoBox {position: relative;width: 100%;height: 100%;overflow: hidden;}.about-poster:after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url("slike/izrada-logotipa-zabokbit.jpg");background-size: cover;transition: 1s ease;opacity: 1;cursor: pointer;border-radius: 1.2rem;}.onamabento{width: calc(min(80rem, 90%));max-width: 80rem;margin: 0 auto;height: 500px;display: flex;}#onamalevo{width: 40%;display: flex;flex-direction: column;align-items: center;justify-content: center;}#onamalevo h2{font-size: 2.3rem;font-weight: 700;padding-bottom: 1rem;}#onamalevo p {padding-right: 0.5rem;}#onamadesno{width: 60%;display: flex;align-items: center;justify-content: center;}#videozabok{height: 100%;width: 100%;}#videozabok-lazy{height: 100%;width: 100%;}.onama-prikaz{margin-top: 3.4rem;}.bentogrid {width: calc(min(80rem, 90%));max-width: 80rem;margin: 2rem auto;display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));grid-template-rows: auto;gap: 24px;}.divbento{position: relative;border: 2px #e4e4e7 solid;background-color: #f9fafb;border-radius: 1.5rem;min-height: 23rem;}.divbento img{max-width: 150px;}.divbento h3{font-size: 1.5rem;font-weight: 500;padding: 1rem 0;}#div1 {grid-column: span 2 / span 2;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;padding: 2rem;text-align: center;overflow: hidden;background-blend-mode: overlay;}#div1 span{font-weight: 800;font-size: 2.4rem;color: #000000d3;text-align: center;position: relative;top: -3rem;}#div1 p{font-weight: 600;font-size: 1.5rem;color: #000000c7;}#div1 img {display: block;width: 70%;height: auto;padding: 3rem;}#div2 {grid-column: span 2 / span 2;grid-column-start: 3;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1rem;text-align: center;background-image: url(slike/poz-bento-zabokbit.png);background-repeat: no-repeat;background-size: cover }#div3 {grid-column: span 2 / span 2;grid-column-start: 5;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 1rem;text-align: center;}#div4 {grid-column: span 3 / span 3;grid-row-start: 2;background-image: url(slike/pozadina-bento.jpg);background-repeat: no-repeat;background-size: cover;overflow: visible;padding: 1.5rem;display: flex;flex-direction: column;justify-content: flex-end;}#div4 p{position: relative;z-index: 20;padding-bottom: 0.5rem;}#div4 img {position: absolute;bottom: 0;right: 1.5rem;width: auto;height: auto;max-height: 90%;max-width: 100%;object-fit: contain;}#div5 {grid-column: span 3 / span 3;grid-column-start: 4;grid-row-start: 2;background-image: url(slike/pozadina-bento1.jpg);background-repeat: no-repeat;background-size: cover;padding: 1.5rem;display: flex;flex-direction: column;justify-content: flex-end;overflow: hidden;}#div5 p{position: relative;z-index: 20;padding-bottom: 0.5rem;}#div5 img {position: absolute;right: -15px;bottom: 0;width: auto;height: auto;max-height: 90%;max-width: 100%;object-fit: contain;}.eclipse {z-index: -1;background: white;transform: translateX(50%);filter: blur(2px);animation: eclipse 3s linear infinite;}.eclipse.glow {background-image: radial-gradient(circle at 50% 50%, transparent, rgb(255, 255, 255)), linear-gradient(white, white);}@keyframes eclipse {0% {transform: translateX(110%);}100% {transform: translateX(-110%);}}#slider {flex-direction: column;font-size: clamp(1.5rem, 2.5vw + 1rem, 3.5rem);line-height: 1.3;}#slider .span {display: flex;align-items: flex-end;}#sliderValue {display: flex;color: #0071e3;font-weight: 800;margin-top: -1rem;}#sliderValue div {opacity: 0;animation: fade 0.3s forwards;}.start {opacity: 0;}.animation {animation: fade 0.3s forwards;}#recenzije {padding-block: clamp(3rem, 8vh, 6rem);width: calc(min(80rem, 90%));margin-inline: auto;}#recenzije h2 {font-size: clamp(2rem, 5vw, 3rem);font-weight: 700;text-align: center;}#recenzije .podnaslov {font-size: clamp(1.125rem, 2vw, 1.5rem);color: #4b5563;text-align: center;}.recenzije-grid {display: grid;grid-template-columns: 1fr;margin-top: 2.5rem;}.recenzije-tekst {display: flex;flex-direction: column;align-items: flex-start;justify-content: end;gap: 2.5rem;order: 2;margin-top: 2.5rem;}.recenzija-item h3 {font-size: 1.5rem;font-weight: 600;margin: 1rem 0;}.recenzija-item p {color: #4b5563;line-height: 1.6;}.badge {display: inline-block;color: #fff;border-radius: 2rem;padding: 0.125rem 0.875rem;font-size: 0.875rem;letter-spacing: 0.025em;}.recenzije-slika-container{position: relative;border-radius: 1.5rem;order: 1;}#slikarecen {width: 100%;object-fit: cover;border-radius: 1.5rem;}.floating-card {display: none;position: absolute;background: #fff;border-radius: 2rem;align-items: center;padding: 0.75rem 4rem 0.75rem 0.75rem;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);z-index: 10;}.floating-card img {width: 3rem;height: 3rem;border-radius: 50%;margin-right: 0.875rem;object-fit: cover;}.fc-info h4 {text-transform: capitalize;font-size: 1rem;font-weight: 600;margin: 0;color: #111;}.fc-info span {font-size: 0.75rem;font-weight: 600;margin-top: 0.25rem;display: flex;align-items: center;color: #111;}.fc-info svg {width: 0.875rem;height: 0.875rem;color: #facc15;margin-right: 0.25rem;}@media (min-width: 1024px) {.recenzije-grid {grid-template-columns: 7fr 5fr;gap: 3rem;margin-top: -2.5rem;}.recenzije-tekst {order: 1;max-width: 32rem;margin-top: 0;}.recenzije-slika-container {order: 2;display: flex;justify-content: flex-end;align-items: flex-end;}.recenzije-slika-container picture {display: flex;justify-content: end;align-items: end;width: 100%;height: 90%;}#slikarecen {height: 100%;}.floating-card {display: flex;}}@media (min-width: 769px) {.nav-links a.highlight-link {color: #fff;background: #0071e3;opacity: 1;padding: 0.4em 1.2em;border-radius: 18px;font-weight: 600;transition: background 0.3s, color 0.3s;box-shadow: 0 2px 8px rgba(0,113,227,0.08);}.nav-links a.highlight-link:hover {background: #005bb5;color: #fff;}.cookie-content {flex-direction: row;align-items: center;text-align: left;justify-content: space-between;}.about-container {grid-template-columns: repeat(3, 1fr);margin-top: 3.5em;gap: 2rem;}.about-heading {flex-direction: row;justify-content: space-between;gap: 0.5em;}}@media (min-width: 1300px) {.fc-2 {bottom: 16rem;right: -4rem;}.fc-1 {top: 18rem;left: -4rem;}.fc-3 {bottom: 7rem;left: -7rem;}}.scribble {position: relative;background-image: none;background-color: transparent;color: #0071e3;&::after {content: '';position: absolute;bottom: -10%;left: 0;height: 30%;mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='247' height='22' fill='none'%3E%3Cmask id='a' width='246' height='23' x='0' y='1' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 1h246v23H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%2300a661' d='M.225 13.987c40.77-3.247 81.218-6.304 122.486-5.61 40.217.68 80.07 3.493 119.823 8.284 4.828.577 4.966-4.727.193-5.301-40.597-4.886-82.029-7.082-123.059-6.436-39.896.627-80.713 2.548-119.53 8.822-.233.04-.132.263.087.25v-.009z'/%3E%3C/g%3E%3C/svg%3E");mask-repeat: no-repeat;mask-size: 98%;width: 100%;background-image: linear-gradient( to right, currentcolor 40%, transparent 50% );background-repeat: no-repeat;background-size: 0%;opacity: 1;transition: background-size 0.4s 0s ease-in-out, opacity 0.2s;}&.visible::after {animation: background-size-300 0.4s 0.4s ease-in both;background-size: 300%;}}@keyframes background-size-300 {from {background-size: 0%;}to {background-size: 300%;}}@keyframes fade {0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0px);}}.holder-animation {animation: holder 4s;}img {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;-webkit-user-drag: none;-khtml-user-drag: none;-moz-user-drag: none;-o-user-drag: none;}@keyframes holder {0%{opacity: 1;}95%{opacity: 1;}100%{opacity: 0;}}.scribbles {position: relative;background-image: none;background-color: transparent;color: #0071e3;}.scribbles::after {content: '';position: absolute;bottom: -19%;left: 0;height: 30%;mask-image: url("data:image/svg+xml,%3Csvg width='310' height='40' viewBox='0 0 310 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20.9999C26.7762 16.2245 49.5532 11.5572 71.7979 14.6666C84.9553 16.5057 97.0392 21.8432 109.987 24.3888C116.413 25.6523 123.012 25.5143 129.042 22.6388C135.981 19.3303 142.586 15.1422 150.092 13.3333C156.799 11.7168 161.702 14.6225 167.887 16.8333C181.562 21.7212 194.975 22.6234 209.252 21.3888C224.678 20.0548 239.912 17.991 255.42 18.3055C272.027 18.6422 288.409 18.867 305 17.9999' stroke='currentColor' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-size: 98%;width: 102%;background-image: linear-gradient( to right, currentcolor 40%, transparent 50% );background-repeat: no-repeat;background-size: 300%;opacity: 1;transition: background-size 0.4s 0s ease-in-out, opacity 0.2s;}#FAQ{scroll-margin-top: 8.6rem;}.faq-container {width: calc(min(80rem, 90%));max-width: 80rem;margin: 2rem auto;background: #fff;padding: 2rem 2rem 3rem 2rem;border-radius: 1.5rem;box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07);}.faq-list {margin-top: 2.5rem;}.faq-item {border-bottom: 1px solid #e5e7eb;padding: 1.5rem 0;overflow: hidden;}.faq-question {width: 100%;background: none;border: none;text-align: left;font-size: 1.25rem;font-weight: 600;color: #111;padding: 0;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: color 0.3s ease;outline: none;}.faq-question:hover {color: #0071e3;}.faq-answer {max-height: 0;opacity: 0;overflow: hidden;will-change: max-height, opacity;transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s ease;padding-top: 0;}.faq-answer p {padding-top: 1rem;font-size: 1.05rem;color: #2e2e2e;line-height: 1.7;transform: translateY(10px);transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.faq-item.active .arrow {transform: rotate(180deg);color: #0071e3;}.faq-item.active .faq-answer {opacity: 1;}.faq-item.active .faq-answer p {transform: translateY(0);}.arrow {transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);font-size: 1.5rem;color: #0071e3;}.faq-hidden {display: none;}#tekst-faq{display: flex;justify-content: space-between;align-items: center;}.faq-title {font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);font-weight: 700;text-align: center;margin-bottom: 0.5em;position: relative;display: inline-block;color: #111;background: none;}#tekst-faq a{display: inline-flex;align-items: center;gap: 0.4em;}#tekst-faq a:hover {color: #0071e3;transition-duration: 0.2s;}.faq-btn {background: #fff;color: #111;padding: 0.9rem 1.3rem;border-radius: 30px;text-decoration: none;font-size: 0.9rem;transition: background-color 0.3s, color 0.3s;font-weight: 500;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);border: 1.5px solid #111;margin-top: 2rem;width: 100%;cursor: pointer;display: block;}.faq-btn:hover {background: #111;color: #fff;}.arrow {transition: transform 0.3s ease;font-size: 1.5rem;color: #0071e3;}#ctazadnji{display: flex;flex-direction: column;justify-content: space-between;align-items: center;background-image: url("slike/pozadina-cta-zabokbit.webp");background-size: cover;background-position: center;width: calc(min(80rem, 90%));max-width: 80rem;margin: 4rem auto;height: 400px;border-radius: 2rem;text-align: center;}#ctazadnji h2{padding: 0.5rem 1rem;font-size: clamp(1rem, 2vw + 1rem, 1.8rem);font-weight: 600;}#ctazadnji h3{font-size: clamp(0.8rem, 2vw + 1rem, 1.4rem);}#ctazadnji b{color: #df00e3;font-weight: 800;}#factzadnjidivcta{color: #fff;padding: 0.2rem 0.2rem;}#tekstctazadnji{background: linear-gradient(135deg, rgba(255, 255, 255, 0.073) 60%, rgba(0,113,227,0.08) 100%);border-radius: 5rem;padding: 1.2rem 1.6rem;backdrop-filter: blur(6px) saturate(130%);-webkit-backdrop-filter: blur(6px) saturate(130%);border: 1.5px solid rgba(255, 255, 255, 0.113);color: #fff;margin: 0 auto;position: relative;top: 2.3rem;font-size: clamp(0.5rem, 1vw + 1rem, 0.9rem);}#gumbovizadnjicta{margin-top: 0.5rem;}.logofooter img {width: 12.5rem;}footer {background: linear-gradient(to top, rgba(255,255,255,0) 55%, white 100%), url('slike/pozadinska-slika1.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;margin: 0 auto;margin-top: 50px;padding: 3rem 0;box-shadow: #e5ebfc 10px 10px 10px 10px;position: relative;overflow: hidden;}.footer-container{width: calc(min(80rem, 90%));margin: 0 auto;}.footer-onama{display: inline-block;font-size: 1rem;font-weight: 400;margin: 5px 0;color: rgb(27, 27, 27);padding-right: 20px;text-wrap: pretty;}.main {width: 100%;display: flex;gap: 50px;margin: 46px 0;line-height: 1.5;}.col1 {flex: 2;}.col2 {flex: 2;}.col3 {flex: 3;}.col2 ul li a {display: flex;align-items: center;gap: 8px;margin: 1rem 0;max-width: 200px;}.col3 ul li a {display: flex;align-items: center;gap: 6px;margin: 0.8rem 0;max-width: 125px;}.col3 ul li a img {width: 1.5rem;height: 1.5rem;flex-shrink: 0;display: block;}.heading {font-size: 1.2rem;font-weight: 600;color: rgb(0, 0, 0);}.main a {display: inline-block;font-size: 0.9rem;font-weight: 400;margin: 5px 0;color: rgb(27, 27, 27);transition-duration: 0.2s;}.main a:hover {color: #000;}.bottom {display: flex;justify-content: space-between;align-items: center;}.copyright {color: #111;opacity: 0.8;}.policy{z-index: 50;}.policy a {margin-left: 20px;color: #111;opacity: 0.8;transition: opacity 0.3s, color 0.3s;}.policy a:hover {opacity: 1;color: #0071e3;}.circle {position: absolute;width: 700px;height: 700px;border-radius: 50%;border: solid 2px #de0bff5b;pointer-events: none;z-index: 1;}.c1 {top: -350px;left: -500px;z-index: 2;}.c2 {bottom: -600px;right: -200px;}.c3 {bottom: -400px;right: -500px;}.kontakt{display: flex;padding: 1.5rem 0rem;}#kontaktforma{width: 55%;margin-right: 2rem;display: flex;flex-direction: column;justify-content: end;position: relative;}#imeprezime{display: flex;gap: 1.5rem;}#tvrtkaiinfo{display: flex;gap: 1.5rem;align-items: flex-end;}#emailibroj{display: flex;gap: 1.5rem;}.coolinput {display: flex;flex-direction: column;width: 100%;}.coolinput label.text {font-size: 1.1rem;color: #111;font-weight: 700;position: relative;top: 0.6rem;margin: 0 0 0 1.25rem;padding: 0 3px;background: #fff;width: fit-content;}.required-marker {color: #d00000;font-weight: 700;display: inline-block;width: 0;opacity: 0;pointer-events: none;transform: translate(0.15rem, -0.1rem);transition: opacity 0.2s ease;}.has-validation-error .required-marker {opacity: 1;}.coolinput input[type="text"].input, .coolinput input[type="email"].input, .coolinput input[type="tel"].input {padding: 1.1rem 20px;font-size: 0.9rem;border: 2px #11111151 solid;border-radius: 2rem;background: #fff;}.coolinput textarea.input {padding: 1.2rem 20px;font-size: 0.9rem;border: 2px #11111151 solid;border-radius: 2rem;background: #fff;resize: none;overflow-y: hidden;min-height: 2rem;line-height: 1.4rem;}.coolinput textarea.input::-webkit-scrollbar {width: 10px;}.coolinput textarea.input::-webkit-scrollbar-track {background: transparent;border-radius: 6px;margin: 20px 0px;}.coolinput textarea.input::-webkit-scrollbar-thumb {background: #1e2423;border-radius: 9px;margin-top: 20px;}.coolinput textarea.input::-webkit-scrollbar-thumb:hover {background: #2e2e2e;cursor: grab;}#kontaktlinkovi {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 0.4rem;color: #000;}#kontaktlinkovi:visited{color: #111;}#kontaktlinkovi a {display: flex;align-items: center;gap: 0.1rem;}#kontaktlinkovi a img{height: 2rem;}.whatsapp-contact-card {position: relative;overflow: hidden;isolation: isolate;border-radius: 1.5rem;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);padding: 1.2rem;text-align: center;border: 1px solid rgba(41, 41, 41, 0.048);transition: transform 0.3s ease, box-shadow 0.3s ease;margin: 1.2rem 0;height: 100%;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none;display: flex;justify-content: center;align-items: center;}.whatsapp-contact-card::before {content: "";position: absolute;inset: 0;border-radius: inherit;background-color: rgba(59, 165, 93, 0.116);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);z-index: 0;}.whatsapp-contact-card > * {position: relative;z-index: 1;}.whatsapp-contact-card:hover {transform: translateY(-3px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);}.whatsapp-contact-card .icon-container {display: flex;justify-content: center;}.whatsapp-contact-card h3 {color: #111;font-size: 1.3rem;font-weight: 700;margin: 0.2rem 0 0.1rem 0;}.whatsapp-contact-card p {color: #6B7280;font-size: 0.8rem;line-height: 1.5;margin-bottom: 1rem;text-wrap:balance;width: 100%;}.whatsapp-btn {display: inline-block;background-color: #25D366;color: #fff;text-decoration: none;padding: 0.75rem 2rem;border-radius: 2rem;font-weight: 600;font-size: 0.8rem;transition: background-color 0.2s ease, transform 0.2s ease;box-shadow: 0 4px 6px rgba(37, 211, 102, 0.3);}.whatsapp-btn:hover {background-color: #1ebc57;transform: scale(1.05);text-decoration: none;color: #fff;}.material-checkbox {padding-top: 1rem;display: flex;align-items: center;font-size: 1rem;color: #777;cursor: pointer;}.material-checkbox input[type="checkbox"] {position: absolute;opacity: 0;width: 0;height: 0;}.checkmark {flex: 0 0 20px;position: relative;display: inline-block;width: 20px;height: 20px;margin-right: 12px;border: 2px solid #111;transition: all 0.3s;border-radius: 25px;}.material-checkbox input[type="checkbox"]:checked ~ .checkmark {background-color: #111;}.material-checkbox input[type="checkbox"]:checked ~ .checkmark:after {content: "";position: absolute;top: 45%;left: 50%;width: 4px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: translate(-50%, -50%) rotate(45deg);border-radius: 1px;}.submit-button {background: #fff;color: #111;padding: 0.9rem 1.3rem;border-radius: 30px;text-decoration: none;font-size: 0.9rem;transition: background-color 0.3s, color 0.3s;font-weight: 500;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);border: 0.125rem solid #c8c8c8;margin-top: 2rem;width: 100%;cursor: pointer;display: inline-block;}.submit-button:hover {background: #111;color: #fff;border: 0.125rem solid #111;}.faq-button {inline-size: 60px;aspect-ratio: 1/1;min-inline-size: 48px;border-radius: 50%;background-color: #fff;border: 2px #11111151 solid;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;}.faq-button svg {height: 1.5em;fill: #090e0e;}.faq-button:hover{background: #090e0e;color: #fff;}.faq-button:hover svg {animation: jello-vertical 0.7s both;fill: #fff;}@keyframes jello-vertical {0% {transform: scale3d(1, 1, 1);}30% {transform: scale3d(0.75, 1.25, 1);}40% {transform: scale3d(1.25, 0.75, 1);}50% {transform: scale3d(0.85, 1.15, 1);}65% {transform: scale3d(1.05, 0.95, 1);}75% {transform: scale3d(0.95, 1.05, 1);}100% {transform: scale3d(1, 1, 1);}}.tooltipbal {position: absolute;top: -20px;opacity: 0;background-color: #090e0e;color: #fff;padding: 10px 15px;border-radius: 2rem;display: flex;align-items: center;justify-content: center;transition-duration: 0.2s;pointer-events: none;letter-spacing: 0.5px;width: 230px;}.tooltipbal::before {position: absolute;content: "";width: 10px;height: 10px;background-color: #090e0e;background-size: 1000%;background-position: center;transform: rotate(45deg);bottom: -5%;transition-duration: 0.3s;}.faq-button:hover .tooltipbal {top: -85px;opacity: 1;transition-duration: 0.3s;}#div1[data-lightsource-distance="l"] {background: radial-gradient(125% 100% at 10% 100%, rgba(255, 91, 255, 0.468), transparent);}#div3[data-lightsource-distance="xl"] {background: radial-gradient(50% 35% at 90% 90%, rgba(255, 91, 255, 0.468), transparent);}.light-illustration{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: -1;}#kontaktinformacije{width: 45%;margin-top: 2vh;height: auto;border-radius: 2rem;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border: 2px #11111151 solid;padding: 0.8rem 1.4rem 0.8rem;background:url('slike/pozadinska-slika1.jpg');background-size: cover;background-repeat: no-repeat;display: flex;flex-direction: column;}#kontaktpilogo{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 1rem;margin-bottom: 0.6rem;}#bagdezabokbit {position: absolute;top: 0.7rem;left: 0.7rem;z-index: 30;}.bonus-badge-wrapper {position: relative;display: flex;}.bonus-btn {position: relative;border-radius: 2rem;font-size: 0.875rem;color: #111;font-weight: 600;background-color: rgba(0, 0, 0, 0.1);overflow: hidden;cursor: pointer;flex-shrink: 0;}.bonus-btn-inner {margin: 2px;padding: 6px 16px;border-radius: 2rem;background-color: rgba(255, 255, 255, 0.95);position: relative;z-index: 2;white-space: nowrap;}.bg-black-eclipse {position: absolute;inset: 0;background-color: #1111119f;border-radius: 50%;z-index: 1;}.absolute-fill {position: absolute;inset: 0;border-radius: 2rem;}.bonus-eclipse-bg {position: absolute;inset: 0;border-radius: 2rem;overflow: hidden;filter: blur(12px);}.bonus-tooltip {position: absolute;bottom: 100%;left: 50%;transform: translateX(-25%) translateY(10px);margin-bottom: 0.75rem;width: 17rem;visibility: hidden;opacity: 0;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events: none;}.bonus-badge-wrapper:hover .bonus-tooltip {visibility: visible;opacity: 1;transform: translateX(-25%) translateY(0);}.bonus-tooltip-content {position: relative;padding: 0.7rem 1rem;border-radius: 1rem;background: rgba(255, 255, 255, 0.9);border: 1px solid rgba(255, 255, 255, 0.8);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);transform: translateZ(0);}.bonus-tooltip-arrow {position: absolute;bottom: -6px;left: 25%;transform: translateX(-50%) rotate(45deg);width: 12px;height: 12px;background: rgba(255, 255, 255, 0.9);}.bonus-tooltip-header {display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.5rem;}.bonus-icon-wrapper {display: flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;border-radius: 50%;background: rgba(0, 113, 227, 0.1);}.bonus-icon-wrapper svg {width: 1rem;height: 1rem;}.bonus-tooltip-header h3 {font-size: 1.5rem;font-weight: 700;color: #111;margin: 0;}.bonus-tooltip-body {display: flex;flex-direction: column;gap: 0.5rem;}.bonus-tooltip-body p {font-size: 0.85rem;color: #2e2e2e;line-height: 1.4;margin: 0;}.bonus-premium-tag {display: flex;align-items: center;gap: 0.3rem;font-size: 0.75rem;color: #555;font-weight: 600;}.bonus-premium-tag svg {width: 1rem;height: 1rem;color: #0071e3;}@media (max-width: 1299px) {.main {display: flex;justify-content: space-between;gap: 3rem;margin: 50px 0;align-items: flex-start;}.col1 {flex: 3;max-width: 49%;}.col2 {flex: 0 0 auto;white-space: nowrap;}.col3 {flex: 0 0 auto;}.fc-2 {top: 35rem;left: -4rem;}.fc-1 {top: 15rem;left: -4rem;}.fc-3 {bottom: 13rem;left: -7rem;}.onamabento {flex-direction: column;height: auto;gap: 2rem;}#onamalevo {width: 100%;}#levoporavnanje {align-items: center;}#onamadesno {display: none;}#onamalevo h2 {font-size: clamp(1.5rem, 2.5vw + 1rem, 2.2rem);}.bentogrid {grid-template-columns: repeat(2, minmax(0, 1fr));grid-template-rows: auto;}#div1 {display: none;}#div2 {grid-column: 1;grid-row: 1;aspect-ratio: auto;}#div3 {grid-column: 2;grid-row: 1;aspect-ratio: auto;}#div4 {grid-column: 1 / span 2;grid-row: 2;}#div5 {grid-column: 1 / span 2;grid-row: 3;}.kontakt{flex-direction: column-reverse;padding: 0rem;}#kontaktforma{width: 100%;margin-right: 0rem;margin-top: 1rem;}#kontaktinformacije{width: 100%;margin-top: 3.7vh;padding: 2rem;gap: 1rem;}#kontaktpilogo img{display: none;}}@media (max-width: 768px) {.nav-links {display: none;}.cookie-banner {bottom: 20px;left: 50%;transform: translateX(-50%);}.nav-links.open {display: flex;flex-direction: column;justify-content: center;align-items: start;position: fixed;inset: 0;width: 100%;height: 100vh;background: rgba(255,255,255);padding: 2rem;gap: 1.5rem;z-index: 200;animation: fadeInMenu 0.3s ease-out;}.nav-links.open li {width: 65%;opacity: 0;animation: slideIn 0.4s ease forwards;margin: 0 auto;}.nav-links.open li:nth-child(1) {animation-delay: 0.1s;}.nav-links.open li:nth-child(2) {animation-delay: 0.2s;}.nav-links.open li:nth-child(3) {animation-delay: 0.3s;}.nav-links.open li:nth-child(4) {animation-delay: 0.4s;}.nav-links.open li:nth-child(5) {animation-delay: 0.5s;}.nav-links.open a {font-size: 2rem;font-weight: 500;color: #111;opacity: 0.9;padding: 1.4rem 0rem;transition: all 0.2s ease;display: block;width: 100%;text-align: center;border-bottom: 3px solid #000;}.nav-links.open a:hover {color: #0071e3;transform: translateY(-1px);}.wrapper-menu {display: flex;z-index: 300;}.hero h1 {font-size: 3rem;}.hero h2 {font-size: 2rem;}.tijelo-animacije-skrol2 {clip-path: polygon(23% 0%, 100% 0, 100% 100%, 0 100%, 0 0);}#usluge{padding-bottom: 0rem;}.about-heading h1 {font-size: 2rem;}.section2__content{width: 96%;}#sznzabokbit{display: none;}.faq-title{font-size: clamp(1rem, 2vw + 0.8rem, 1.5rem);}#tekst-faq a{margin-top: -6px;}footer {margin-top: 30px;box-shadow: #e5ebfc 5px 5px 5px 5px;}.main {flex-direction: column;gap: 30px;margin: 35px 0;}.col1, .col2, .col3 {flex: 1 !important;max-width: 100%;}.heading {font-size: clamp(1rem, 1.1vw + 1rem, 1.3rem);}.main a {font-size: clamp(0.8rem, 1.1vw + 1rem, 1rem);}.bottom{font-size: clamp(0.8rem, 1.1vw + 1rem, 1rem);}.policy{z-index: 50;flex: 0 0 auto;display: flex;flex-direction: column;}#sliderValue {margin-top: -0.5rem;}.bentogrid {grid-template-columns: minmax(0, 1fr);grid-template-rows: auto;gap: 1.5rem;}#div1 {display: flex;grid-column: 1 / -1;grid-row: auto;}#div2, #div3 {grid-column: 1 / -1;grid-row: auto;aspect-ratio: auto;}#div4, #div5 {display: none;}.about-card{height: auto;padding-block: 0.2rem;}.about-card-inner{height: 18rem;}.card-inner {height: 16rem !important;}.onama-prikaz{margin-top: -0.7rem;}}@media (max-width: 600px) {.faq-container {width: 100%;border-radius: 0rem;padding: 1.5rem 0rem;box-shadow: 0px 0px 0px #fff;}#tekst-faq{margin: 0 auto;width: calc(min(80rem, 90%));}.faq-item{margin: 0 auto;width: calc(min(80rem, 90%));}#gumbovifaq{margin: 2rem auto 0rem;width: calc(min(80rem, 90%));}#tekst-faq a{display: none;}.faq-title{margin-bottom: -1.5em;}.faq-question {font-size: 1rem;}.bottom {flex-direction: column-reverse;align-items: center;gap: 10px;}.policy{z-index: 50;flex: 0 0 auto;display: flex;flex-direction: row;}.hide-mob {display: none;}#imeprezime, #tvrtkaiinfo, #emailibroj {flex-direction: column;gap: 0;}#kontaktlinkovi {grid-template-columns: 1fr;}.coolinput {max-width: 100% !important;}.faq-button{display: none;}}@media (max-width: 500px) {.coolinput textarea.input::-webkit-scrollbar {width: 8px;}.hero h1 {font-size: clamp(2rem, 6vw + 1rem, 3rem);}.hero p {font-size: clamp(1rem, 2vw + 1rem, 1.5rem);opacity: 1;padding: 0rem 1rem;min-height: 5em;}#slider span{font-size: clamp(1.5rem, 2vw + 1rem, 2.2rem);}#slikarecen{display: none;}.recenzije-grid {margin-top: 2.5rem;}#usluge h2{font-size: clamp(1.5rem, 2vw + 1rem, 2.2rem);}#recenzije {padding-block: min(20vh, 2rem);}.cta-button-2 {width: 100%;text-align: center;padding: 1.2em 1.3rem;font-size: 1rem;}#tekstctazadnji{padding: 0.8rem 1.2rem;font-size: clamp(0.6rem, 1.1vw + 1rem, 0.75rem);}#ctazadnji h2{margin-top: -2.5rem;font-size: clamp(1.3rem, 2.5vw + 1rem, 2rem);font-weight: 600;}#ctazadnji h3{font-size: clamp(0.8rem, 2vw + 1rem, 1.2rem);}#factzadnjidivcta{position: relative;top: 1rem;}.about-heading {gap: 0em;}.about-heading aside {margin-top: 1em;}#kontaktinformacije{padding: 1rem;gap: 0.6rem;}.divbento {min-height: 20rem;}#div1{padding: 0.8rem;}}@media (max-width: 400px) {.hero h1 {font-size: clamp(1.5rem, 9vw, 2.4rem);}.hero p {font-size: clamp(0.8rem, 6vw, 1.5rem);padding: 0rem 0.4rem;}#tekstctazadnji{font-size: clamp(0.5rem, 1.3vw + 1rem, 0.65rem);}#ctazadnji h2{padding: 0rem 0.5rem;font-size: clamp(1rem, 2.2vw + 1rem, 1.8rem);font-weight: 600;}#ctazadnji h3{font-size: clamp(0.8rem, 2vw + 1rem, 1rem);}#div1 span{top: -2rem;}}@media (max-width: 340px) {.hero{padding: 10px;}.hero p {font-size: clamp(0.8rem, 1vw + 1rem, 1.5rem);padding: 0rem 1rem;}#usluge h2{font-size: clamp(1.2rem, 5vw, 2.2rem);}}