/* Dodaci uz style.css: ono što je ranije radio Webflow JavaScript. */

html { scroll-behavior: smooth; }

/* --- Blog kartice: crvena linija se puni na hover --- */
.blog_card-line-fill { transform: scaleX(0); transform-origin: left center; transition: transform .45s ease; }
.blog_card:hover .blog_card-line-fill { transform: scaleX(1); }
@media (hover: none) { .blog_card-line-fill { display: none !important; } }

/* --- Newsletter: bez bele autofill pozadine --- */
.newsletter-input_field:-webkit-autofill,
.newsletter-input_field:-webkit-autofill:hover,
.newsletter-input_field:-webkit-autofill:focus,
.newsletter-input_field:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #111016 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* --- Hover efekti (samo na računaru) --- */
@media (min-width: 992px) {
  .nav-link .underline { display: block; width: 0; transition: width .3s ease; }
  .nav-link:hover .underline { width: 100%; }
  .button-hover { display: block; width: 0; transition: width .35s ease; }
  .secondary-button:hover .button-hover { width: 100%; }
  .secondary-button .sec-btn-text { transition: color .35s ease; }
  .secondary-button:hover .sec-btn-text { color: var(--background); }
}

/* --- Mobilni meni --- */
@media screen and (max-width: 991px) {
  .navbar .w-nav-menu[data-nav-menu-open] { display: flex !important; background-color: var(--background); }
  .w-nav-button.w--open { background-color: transparent; }
}
.w-icon-nav-menu.is-close::before { content: "\00d7"; font-family: Arial, sans-serif; font-size: 2.6rem; line-height: 1; }

/* --- FAQ harmonika --- */
.dropdown .answer-wrapper { display: none; }
.dropdown.is-open .answer-wrapper { display: block; }
.dropdown .faq-arrow { transition: transform .3s ease; }
.dropdown.is-open .faq-arrow { transform: rotate(180deg); }

/* --- Animacije pri skrolovanju (kao na Webflow-u: pomeraj 100px, 1s, blago usporavanje) --- */
/* Elementi su sakriveni od prvog trenutka (klasa ix-on se dodaje u <head>), pa nema treptanja. */
html, body { overflow-x: clip; }
@media (min-width: 768px) {
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840ad"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840a4"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84098"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84080"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b8408c"],
.ix-on [data-w-id="8d45fd16-67fe-a044-0d08-7b0a5e5ce1f2"],
.ix-on [data-w-id="8aa521e9-ef69-3f0e-ddb9-29c41dbc68d9"],
.ix-on [data-w-id="6f01f34c-b71d-620b-66d0-6bb8a688b1b6"],
.ix-on [data-w-id="89d6aaa2-b104-80c0-3ef2-4f376f97ae43"],
.ix-on [data-w-id="99c50fc5-aa85-85df-dc0b-c170180b4cf7"],
.ix-on [data-w-id="65185ad9-8513-73d4-f920-297889a5d99b"],
.ix-on [data-w-id="dbc56280-526a-3ab8-5c55-a90103ff0191"],
.ix-on [data-w-id="369ce9dc-ec80-6030-4b03-8ba2f15723e8"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8decc"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8ded5"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dede"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dee7"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8def0"],
.ix-on [data-w-id="273e14de-3825-3a11-3689-78b4b1cb68e2"],
.ix-on [data-w-id="e1921341-cb89-3491-db8e-b467859b4cd3"],
.ix-on [data-w-id="5e9507c2-b0f6-ae45-ec52-cccb009b8a98"],
.ix-on [data-w-id="dee39232-9d77-918d-eeb0-51eea1508a2a"],
.ix-on [data-w-id="7ce7eeef-1588-9c9b-ff90-362e4306690c"],
.ix-on [data-w-id="77e39c9d-5a4a-ae7b-e828-6ec15e3040aa"],
.ix-on [data-w-id="33bea3fd-c7dd-f317-1417-588abc9c13eb"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7f9c"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa1"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa5"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84076"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7eee"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7ef9"],
.ix-on [data-w-id="87e61bb3-db98-392c-5ebc-341681bfb7ad"],
.ix-on [data-w-id="21d1bd2c-2ade-e687-1e8f-cb3b5b4decf6"],
.ix-on [data-w-id="bfd54d3c-332a-521e-6037-1d411907ad6a"],
.ix-on [data-w-id="ecbf0ecf-1f1f-82db-6724-6977cb221d39"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646cc"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646d2"],
.ix-on [data-w-id="31f8fdd5-3b0c-cb7e-99b0-c5c41135ceed"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646d8"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646e0"],
.ix-on [data-w-id="9d980e92-1806-d006-8f25-6997979a52a8"],
.ix-on [data-w-id="ee5e5d34-1614-3d15-7042-7bd36a41eb15"],
.ix-on [data-w-id="3565b752-6ac1-a513-729a-9d51c22f5926"],
.ix-on [data-w-id="2633abb2-5c22-ea1f-93a4-08e1351ee4f5"],
.ix-on [data-w-id="2851b61a-7222-097a-6ab6-c26d3c11cc67"],
.ix-on [data-w-id="33afe7eb-5c8d-1415-07a8-773332d4b4df"],
.ix-on [data-w-id="63504cde-b965-f874-4b26-8fecca6c0b2c"],
.ix-on [data-w-id="8df951c7-6453-888b-7aa3-ffa0c51ae3a7"],
.ix-on [data-w-id="7aff812e-8298-2b20-483b-591500485873"],
.ix-on [data-w-id="afaa945a-9d51-204b-8aa0-b7d3f25f673f"],
.ix-on [data-w-id="11f7091a-90f0-1752-936e-05fe925fb8e5"],
.ix-on [data-w-id="1cb154a7-53f3-f62e-659e-af0b47af3182"],
.ix-on [data-w-id="fcc5be7c-e494-6b4f-9795-a5a3c5d67f12"],
.ix-on [data-w-id="8f57ba95-932a-6a25-ec99-c4daf85de85c"],
.ix-on [data-w-id="cdde6aa9-057c-49fc-bc9a-26c36cac4d16"] {
  opacity: 0; transition: opacity 1s cubic-bezier(.165,.84,.44,1), transform 1s cubic-bezier(.165,.84,.44,1);
}
}
@media (min-width: 992px) {
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8ded5"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dede"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dee7"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8def0"],
.ix-on [data-w-id="21d1bd2c-2ade-e687-1e8f-cb3b5b4decf6"] { transform: translate3d(0,100px,0); }
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840ad"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84098"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84080"],
.ix-on [data-w-id="8aa521e9-ef69-3f0e-ddb9-29c41dbc68d9"],
.ix-on [data-w-id="6f01f34c-b71d-620b-66d0-6bb8a688b1b6"],
.ix-on [data-w-id="89d6aaa2-b104-80c0-3ef2-4f376f97ae43"],
.ix-on [data-w-id="99c50fc5-aa85-85df-dc0b-c170180b4cf7"],
.ix-on [data-w-id="65185ad9-8513-73d4-f920-297889a5d99b"],
.ix-on [data-w-id="dbc56280-526a-3ab8-5c55-a90103ff0191"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8decc"],
.ix-on [data-w-id="273e14de-3825-3a11-3689-78b4b1cb68e2"],
.ix-on [data-w-id="e1921341-cb89-3491-db8e-b467859b4cd3"],
.ix-on [data-w-id="5e9507c2-b0f6-ae45-ec52-cccb009b8a98"],
.ix-on [data-w-id="dee39232-9d77-918d-eeb0-51eea1508a2a"],
.ix-on [data-w-id="7ce7eeef-1588-9c9b-ff90-362e4306690c"],
.ix-on [data-w-id="77e39c9d-5a4a-ae7b-e828-6ec15e3040aa"],
.ix-on [data-w-id="33bea3fd-c7dd-f317-1417-588abc9c13eb"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84076"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7eee"],
.ix-on [data-w-id="87e61bb3-db98-392c-5ebc-341681bfb7ad"],
.ix-on [data-w-id="bfd54d3c-332a-521e-6037-1d411907ad6a"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646cc"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646d2"],
.ix-on [data-w-id="31f8fdd5-3b0c-cb7e-99b0-c5c41135ceed"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646d8"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646e0"],
.ix-on [data-w-id="ee5e5d34-1614-3d15-7042-7bd36a41eb15"],
.ix-on [data-w-id="3565b752-6ac1-a513-729a-9d51c22f5926"],
.ix-on [data-w-id="2851b61a-7222-097a-6ab6-c26d3c11cc67"],
.ix-on [data-w-id="33afe7eb-5c8d-1415-07a8-773332d4b4df"],
.ix-on [data-w-id="63504cde-b965-f874-4b26-8fecca6c0b2c"],
.ix-on [data-w-id="8df951c7-6453-888b-7aa3-ffa0c51ae3a7"],
.ix-on [data-w-id="7aff812e-8298-2b20-483b-591500485873"],
.ix-on [data-w-id="afaa945a-9d51-204b-8aa0-b7d3f25f673f"],
.ix-on [data-w-id="11f7091a-90f0-1752-936e-05fe925fb8e5"],
.ix-on [data-w-id="1cb154a7-53f3-f62e-659e-af0b47af3182"],
.ix-on [data-w-id="fcc5be7c-e494-6b4f-9795-a5a3c5d67f12"],
.ix-on [data-w-id="8f57ba95-932a-6a25-ec99-c4daf85de85c"] { transform: translate3d(-100px,0,0); }
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840a4"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b8408c"],
.ix-on [data-w-id="369ce9dc-ec80-6030-4b03-8ba2f15723e8"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7f9c"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa1"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa5"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7ef9"],
.ix-on [data-w-id="ecbf0ecf-1f1f-82db-6724-6977cb221d39"],
.ix-on [data-w-id="2633abb2-5c22-ea1f-93a4-08e1351ee4f5"],
.ix-on [data-w-id="cdde6aa9-057c-49fc-bc9a-26c36cac4d16"] { transform: translate3d(100px,0,0); }
.ix-on [data-w-id="8d45fd16-67fe-a044-0d08-7b0a5e5ce1f2"] { transform: translate3d(0,-100px,0); }
}
@media (min-width: 768px) and (max-width: 991px) {
.ix-on [data-w-id="21d1bd2c-2ade-e687-1e8f-cb3b5b4decf6"],
.ix-on [data-w-id="1cb154a7-53f3-f62e-659e-af0b47af3182"] { transform: translate3d(0,100px,0); }
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840ad"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84098"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84080"],
.ix-on [data-w-id="8aa521e9-ef69-3f0e-ddb9-29c41dbc68d9"],
.ix-on [data-w-id="6f01f34c-b71d-620b-66d0-6bb8a688b1b6"],
.ix-on [data-w-id="89d6aaa2-b104-80c0-3ef2-4f376f97ae43"],
.ix-on [data-w-id="99c50fc5-aa85-85df-dc0b-c170180b4cf7"],
.ix-on [data-w-id="65185ad9-8513-73d4-f920-297889a5d99b"],
.ix-on [data-w-id="dbc56280-526a-3ab8-5c55-a90103ff0191"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8decc"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dede"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8def0"],
.ix-on [data-w-id="273e14de-3825-3a11-3689-78b4b1cb68e2"],
.ix-on [data-w-id="e1921341-cb89-3491-db8e-b467859b4cd3"],
.ix-on [data-w-id="dee39232-9d77-918d-eeb0-51eea1508a2a"],
.ix-on [data-w-id="77e39c9d-5a4a-ae7b-e828-6ec15e3040aa"],
.ix-on [data-w-id="33bea3fd-c7dd-f317-1417-588abc9c13eb"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b84076"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7eee"],
.ix-on [data-w-id="87e61bb3-db98-392c-5ebc-341681bfb7ad"],
.ix-on [data-w-id="bfd54d3c-332a-521e-6037-1d411907ad6a"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646cc"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646d2"],
.ix-on [data-w-id="31f8fdd5-3b0c-cb7e-99b0-c5c41135ceed"],
.ix-on [data-w-id="d81b4afc-8bda-1fcc-47f5-a1ab355646e0"],
.ix-on [data-w-id="9d980e92-1806-d006-8f25-6997979a52a8"],
.ix-on [data-w-id="ee5e5d34-1614-3d15-7042-7bd36a41eb15"],
.ix-on [data-w-id="3565b752-6ac1-a513-729a-9d51c22f5926"],
.ix-on [data-w-id="2851b61a-7222-097a-6ab6-c26d3c11cc67"],
.ix-on [data-w-id="33afe7eb-5c8d-1415-07a8-773332d4b4df"],
.ix-on [data-w-id="8df951c7-6453-888b-7aa3-ffa0c51ae3a7"],
.ix-on [data-w-id="afaa945a-9d51-204b-8aa0-b7d3f25f673f"],
.ix-on [data-w-id="fcc5be7c-e494-6b4f-9795-a5a3c5d67f12"] { transform: translate3d(-100px,0,0); }
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b840a4"],
.ix-on [data-w-id="bf9469e6-5508-52e9-67d7-838d43b8408c"],
.ix-on [data-w-id="369ce9dc-ec80-6030-4b03-8ba2f15723e8"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8ded5"],
.ix-on [data-w-id="54a0cf28-517b-5c1f-9692-ea2e0af8dee7"],
.ix-on [data-w-id="5e9507c2-b0f6-ae45-ec52-cccb009b8a98"],
.ix-on [data-w-id="7ce7eeef-1588-9c9b-ff90-362e4306690c"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7f9c"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa1"],
.ix-on [data-w-id="d8e451db-d589-6ed9-4bd9-fd602c1e7fa5"],
.ix-on [data-w-id="9431d4f9-ad5d-603e-dc20-5c340d5b7ef9"],
.ix-on [data-w-id="ecbf0ecf-1f1f-82db-6724-6977cb221d39"],
.ix-on [data-w-id="2633abb2-5c22-ea1f-93a4-08e1351ee4f5"],
.ix-on [data-w-id="63504cde-b965-f874-4b26-8fecca6c0b2c"],
.ix-on [data-w-id="7aff812e-8298-2b20-483b-591500485873"],
.ix-on [data-w-id="11f7091a-90f0-1752-936e-05fe925fb8e5"],
.ix-on [data-w-id="8f57ba95-932a-6a25-ec99-c4daf85de85c"],
.ix-on [data-w-id="cdde6aa9-057c-49fc-bc9a-26c36cac4d16"] { transform: translate3d(100px,0,0); }
.ix-on [data-w-id="8d45fd16-67fe-a044-0d08-7b0a5e5ce1f2"] { transform: translate3d(0,-100px,0); }
}
.ix-on [data-w-id].ix-in { opacity: 1; transform: none; }

/* --- Utisci koji se sami vrte (stranica O meni) --- */
.testimonila-scroll-wrapper { animation: fp-marquee 20s linear infinite; }
@keyframes fp-marquee { to { transform: translateX(calc(-100% - 24px)); } }
@media (prefers-reduced-motion: reduce) { .testimonila-scroll-wrapper { animation: none; } }

/* --- YouTube: slika + dugme, plejer se učitava tek na klik --- */
.yt-lite { position: relative; overflow: hidden; background: #000 center / cover no-repeat; }
.yt-lite-btn { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; cursor: pointer; background: transparent; }
.yt-lite-btn::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z' fill='%23f00'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
}
.yt-lite-head {
  position: absolute; top: 0; left: 0; right: 0; padding: 10px 12px 40px; display: flex; gap: 10px; align-items: flex-start;
  background: linear-gradient(rgba(0,0,0,.85), transparent); pointer-events: none; text-align: left;
}
.yt-lite-head img { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; }
.yt-lite-head div { min-width: 0; flex: 1; }
.yt-lite-head strong, .yt-lite-head span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.yt-lite-head strong { font-size: 14px; line-height: 1.3; }
.yt-lite-head span { font-size: 12px; margin-top: 3px; opacity: .75; }
.yt-lite iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* --- Forma za e-book (u Webflow-u je bila sakrivena jer je čekala MailerLite) --- */
.prijava_form form { display: flex !important; flex-direction: column; gap: 1rem; }
.prijava_input::placeholder { color: rgba(255,255,255,.5); }
.prijava_form .w-form-done, .prijava_form .w-form-fail { border-radius: .5rem; color: var(--background); }

/* --- Pretraga bloga: poruka kad nema rezultata --- */
.blog-search-empty { margin-top: 1rem; }

/* --- Poruke posle slanja forme --- */
.w-form-done.is-shown, .w-form-fail.is-shown { display: block; }

/* --- Dugme "pogledaj više" ispod utisaka: uvek u jednom redu --- */
.btn-wrapper.test { justify-self: center; min-width: max-content; }
.secondary-button.test-btn { white-space: nowrap; padding-left: 2rem; padding-right: 2rem; }

/* --- Baner na kraju blog posta: grupno mentorstvo --- */
.fp-cta { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: center; margin-top: 56px; padding: 16px 28px 16px 16px;
  background: linear-gradient(120deg, #1d1b25 0%, #15141b 100%); border: 1px solid rgba(255,255,255,.14); border-radius: 20px; position: relative; overflow: hidden; }
.fp-cta::after { content: ""; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient(circle, rgba(255,38,62,.22), transparent 70%); pointer-events: none; }
.fp-cta_art { background: #fcf5ec; border-radius: 14px; overflow: hidden; height: 100%; min-height: 170px; display: flex; align-items: center; }
.fp-cta_art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fp-cta_body { position: relative; z-index: 1; }
.fp-cta_tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-color); margin-bottom: 8px; }
.fp-cta .fp-cta_title { font-family: Outfit, sans-serif; font-size: 28px; line-height: 1.15; font-weight: 700; color: var(--white); margin: 0 0 8px; }
.fp-cta_accent { color: var(--accent-color); }
.fp-cta .fp-cta_text { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,.78); margin: 0 0 16px; max-width: 520px; }
.fp-cta_actions { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
.fp-cta .fp-cta_btn { display: inline-flex; gap: 8px; text-decoration: none; }
.fp-cta .fp-cta_mail { color: rgba(255,255,255,.7); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.fp-cta .fp-cta_mail:hover { color: var(--white); }
@media (max-width: 767px) {
  .fp-cta { grid-template-columns: 1fr; gap: 16px; padding: 14px 14px 22px; margin-top: 40px; }
  .fp-cta_art { min-height: 0; height: 170px; }
  .fp-cta .fp-cta_title { font-size: 24px; }
  .fp-cta_body { padding: 0 6px; }
}

/* --- Kontakt forma: pristanak za MailerLite listu --- */
.fp-consent { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 20px; color: rgba(255,255,255,.8); font-size: .875rem; line-height: 1.45; font-weight: 400; cursor: pointer; }
.fp-consent_box { appearance: none; -webkit-appearance: none; flex-shrink: 0; width: 20px; height: 20px; margin: 1px 0 0; border: 1px solid #fff; border-radius: 5px; background: transparent; cursor: pointer; display: grid; place-content: center; }
.fp-consent_box::after { content: ""; width: 11px; height: 6px; border: 2px solid #fff; border-top: 0; border-right: 0; transform: rotate(-45deg) translate(1px, -1px); opacity: 0; }
.fp-consent_box:checked { background: var(--accent-color); border-color: var(--accent-color); }
.fp-consent_box:checked::after { opacity: 1; }
.fp-consent_box:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 2px; }

/* --- Sekcija „Put do prvog klijenta“ (4 koraka) sa crvenim impulsom --- */
  .fp-path { padding: 110px 24px 120px; position: relative; overflow: hidden; font-family: Outfit, sans-serif; color: #fff; }
  .fp-path::before { content: ""; position: absolute; left: 50%; top: 40px; width: 900px; height: 900px; transform: translateX(-50%); background: radial-gradient(circle, rgba(255,38,62,.10), transparent 60%); pointer-events: none; }
  .fp-path_inner { max-width: 1240px; margin: 0 auto; position: relative; }
  .fp-path_head { text-align: center; max-width: 680px; margin: 0 auto 72px; }
  .fp-path_eyebrow { display: inline-block; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--accent-color); border: 1px solid rgba(255,38,62,.4); border-radius: 99px; padding: 6px 14px; margin-bottom: 18px; }
  .fp-path_title { font-size: 52px; line-height: 1.08; font-weight: 700; margin: 0 0 16px; }
  .fp-path_title span { color: var(--accent-color); }
  .fp-path_sub { font-size: 18px; line-height: 1.55; color: rgba(255,255,255,.72); margin: 0; }

  .fp-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; }

  /* Linija: tamna staza + crveno punjenje + svetleći impuls */
  .fp-track { position: absolute; left: 12.5%; right: 12.5%; top: 44px; height: 3px; border-radius: 3px;
    background: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 10px, transparent 10px 20px); }
  .fp-fill { position: absolute; left: 0; top: 0; height: 100%; width: 0; border-radius: 3px;
    background: linear-gradient(90deg, #b3142a, var(--accent-color)); box-shadow: 0 0 12px rgba(255,38,62,.55); }
  .fp-pulse { position: absolute; top: 50%; left: 0; width: 70px; height: 14px; transform: translate(-100%, -50%); opacity: 0; pointer-events: none;
    background: radial-gradient(ellipse at 100% 50%, #fff 0, #fff 10%, rgba(255,38,62,.95) 26%, rgba(255,38,62,.35) 55%, transparent 72%); }
  .fp-pulse::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; height: 14px; transform: translateY(-50%); border-radius: 50%;
    background: #fff; box-shadow: 0 0 10px 3px var(--accent-color), 0 0 28px 8px rgba(255,38,62,.6); }

  .fp-step { position: relative; text-align: center; }
  .fp-node { width: 90px; height: 90px; margin: 0 auto 26px; border-radius: 50%; background: #1b1a22; border: 2px solid rgba(255,255,255,.18);
    display: grid; place-items: center; position: relative; box-shadow: 0 0 0 8px var(--background);
    transition: border-color .3s ease, background .3s ease, transform .35s ease-out; }
  .fp-node svg { width: 38px; height: 38px; stroke: rgba(255,255,255,.55); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke .4s ease; }
  .fp-num { position: absolute; top: -6px; right: -6px; width: 30px; height: 30px; border-radius: 50%; background: #2a2833; color: rgba(255,255,255,.7); font-weight: 700; font-size: 15px;
    display: grid; place-items: center; box-shadow: 0 0 0 4px var(--background); transition: background .4s ease, color .4s ease; z-index: 2; }
  /* talasi koji se šire kad korak zasvetli */
  .fp-node::before, .fp-node::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 2px solid var(--accent-color); opacity: 0; pointer-events: none; }

  .fp-card { background: linear-gradient(160deg, #1d1b25, #15141b); border: 1px solid rgba(255,255,255,.10); border-radius: 18px; padding: 24px 22px 26px; min-height: 190px;
    opacity: .55; transform: translateY(10px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1), border-color .6s ease, box-shadow .6s ease; }
  .fp-card_label { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); font-weight: 600; margin-bottom: 8px; }
  .fp-card_title { font-size: 22px; line-height: 1.2; font-weight: 700; margin: 0 0 10px; }
  .fp-card_text { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,.72); margin: 0; }

  /* Aktivan korak */
  .fp-step.is-on .fp-node { border-color: var(--accent-color); animation: fpGlow 2.6s ease-in-out infinite; }
  .fp-step.is-on .fp-node svg { stroke: #fff; }
  .fp-step.is-on .fp-num { background: var(--accent-color); color: #fff; }
  .fp-step.is-on .fp-card { opacity: 1; transform: none; border-color: rgba(255,38,62,.35); }
  .fp-step.is-hit .fp-node { transform: scale(1.08); }
  .fp-step.is-hit .fp-node::before { animation: fpRing 1.1s ease-out; }
  .fp-step.is-hit .fp-node::after { animation: fpRing 1.1s .18s ease-out; }
  .fp-step.is-last.is-on .fp-node { background: var(--accent-color); }
  .fp-step.is-last.is-on .fp-card { border-color: rgba(255,38,62,.6); box-shadow: 0 20px 50px rgba(255,38,62,.15); }
  @keyframes fpRing { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.9); } }
  @keyframes fpGlow { 0%,100% { box-shadow: 0 0 0 8px var(--background), 0 0 18px rgba(255,38,62,.35); } 50% { box-shadow: 0 0 0 8px var(--background), 0 0 34px rgba(255,38,62,.7); } }

  .fp-finish { display: flex; justify-content: center; margin-top: 56px; opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
  .fp-finish.is-on { opacity: 1; transform: none; }
  .fp-finish_pill { display: inline-flex; align-items: center; gap: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 99px; padding: 10px 12px 10px 22px; font-size: 16px; }
  .fp-finish_btn { background: var(--accent-color); color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; border-radius: 99px; padding: 12px 20px; text-decoration: none; }

  /* Telefon: koraci jedan ispod drugog, impuls ide odozgo nadole */
  @media (max-width: 767px) {
    .fp-path { padding: 80px 16px 90px; }
    .fp-path_title { font-size: 34px; }
    .fp-path_head { margin-bottom: 44px; }
    .fp-steps { grid-template-columns: 1fr; gap: 26px; }
    .fp-step { display: grid; grid-template-columns: 64px 1fr; gap: 16px; text-align: left; align-items: start; }
    .fp-node { width: 64px; height: 64px; margin: 0; }
    .fp-node svg { width: 28px; height: 28px; }
    .fp-num { width: 24px; height: 24px; font-size: 12px; }
    .fp-card { min-height: 0; padding: 18px 18px 20px; }
    .fp-track { left: 31px; right: auto; top: 32px; bottom: 32px; width: 3px; height: auto;
      background: repeating-linear-gradient(180deg, rgba(255,255,255,.18) 0 10px, transparent 10px 20px); }
    .fp-fill { width: 100%; height: 0; background: linear-gradient(180deg, #b3142a, var(--accent-color)); }
    .fp-pulse { left: 50%; top: 0; width: 14px; height: 70px; transform: translate(-50%, -100%);
      background: radial-gradient(ellipse at 50% 100%, #fff 0, #fff 10%, rgba(255,38,62,.95) 26%, rgba(255,38,62,.35) 55%, transparent 72%); }
    .fp-pulse::after { right: auto; left: 50%; top: auto; bottom: -7px; transform: translateX(-50%); }
    .fp-finish_pill { flex-direction: column; border-radius: 18px; padding: 16px; text-align: center; }
  }
  @media (prefers-reduced-motion: reduce) { .fp-step.is-on .fp-node { animation: none; } }

/* --- Kartice koraka: crveni okvir i odsjaj (flare) koji polako kruži --- */
@property --fp-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.fp-card { position: relative; }
.fp-card::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 2px; pointer-events: none; opacity: 0;
  background: conic-gradient(from var(--fp-a), transparent 0deg, transparent 250deg, rgba(255,38,62,.25) 290deg, #ff263e 330deg, #ffd0d6 345deg, #ff263e 355deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  transition: opacity .8s ease; animation: fpFlare 5s linear infinite; }
.fp-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .8s ease;
  box-shadow: inset 0 0 0 1px rgba(255,38,62,.55), 0 0 26px rgba(255,38,62,.16); }
.fp-step.is-on .fp-card::before, .fp-step.is-on .fp-card::after { opacity: 1; }
.fp-step:nth-child(3) .fp-card::before { animation-delay: -1.25s; }
.fp-step:nth-child(4) .fp-card::before { animation-delay: -2.5s; }
.fp-step:nth-child(5) .fp-card::before { animation-delay: -3.75s; }
@keyframes fpFlare { to { --fp-a: 360deg; } }
@media (prefers-reduced-motion: reduce) { .fp-card::before { animation: none; } }

/* Impuls se "upije" u ikonicu kad je pogodi */
.fp-pulse { transition: opacity .25s ease; }
.fp-pulse.is-absorb { opacity: 0 !important; }
.fp-pulse.is-absorb::after { transform: translateY(-50%) scale(2.4); opacity: 0; transition: transform .26s ease-out, opacity .26s ease-out; }
.fp-step.is-hit .fp-node { transform: scale(1.1); }
@media (max-width: 767px) { .fp-pulse.is-absorb::after { transform: translateX(-50%) scale(2.4); } }

/* --- Dugme "zakaži besplatan poziv" u meniju: crveni odsjaj kruži oko ivice --- */
.navbar .button { position: relative; isolation: isolate; }
.navbar .button::before { content: ""; position: absolute; inset: -3px; border-radius: 19px; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--fp-a), transparent 0deg, transparent 220deg, rgba(255,38,62,.35) 270deg, #ff8a98 320deg, #fff 340deg, #ff263e 352deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: fpFlare 3.2s linear infinite; }
.navbar .button::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1;
  box-shadow: 0 0 18px rgba(255,38,62,.45); animation: fpBtnGlow 2.6s ease-in-out infinite; }
@keyframes fpBtnGlow { 0%,100% { opacity: .35; } 50% { opacity: 1; } }

/* --- Moje usluge: impuls iz naslova pogađa ikonice, pa se kartice "energizuju" --- */
#moje-usluge { position: relative; }
.fp-svc-layer { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: visible; }
#moje-usluge > .container { position: relative; z-index: 1; }
.fp-svc-layer path { fill: none; stroke: #ff263e; stroke-width: 2; stroke-linecap: round; opacity: .55; filter: drop-shadow(0 0 4px rgba(255,38,62,.7)); transition: opacity 1.2s ease; }
.fp-svc-layer.is-done path { opacity: 0; }
.fp-svc-dot { fill: #fff; filter: drop-shadow(0 0 4px #ff263e) drop-shadow(0 0 12px #ff263e); }
.services-card { position: relative; transition: border-color .6s ease, box-shadow .6s ease; }
.services-card .card-icon { transition: filter .35s ease, transform .35s ease-out; }
.services-card.is-hit { border-color: rgba(255,38,62,.75); box-shadow: 0 0 26px rgba(255,38,62,.18); }
.services-card::before { content: ""; position: absolute; inset: -2px; border-radius: 18px; padding: 2px; pointer-events: none; opacity: 0; transition: opacity 1s ease;
  background: conic-gradient(from var(--fp-a), transparent 0deg, transparent 250deg, rgba(255,38,62,.25) 290deg, #ff263e 330deg, #ffd0d6 345deg, #ff263e 355deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: fpFlare 5s linear infinite; }
.services-card.is-energized::before { opacity: 1; }
.services-card:nth-of-type(2)::before { animation-delay: -1.2s; }
.services-card:nth-of-type(3)::before { animation-delay: -2.5s; }
.services-card:nth-of-type(4)::before { animation-delay: -3.7s; }
@keyframes fpIconHit { 0% { transform: scale(1); } 40% { transform: scale(1.22); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .navbar .button::before, .navbar .button::after, .services-card::before { animation: none; } }

/* --- Značka "Freelance Expert" (Fiverr + Upwork) u meniju --- */
.fp-badge { display: inline-flex; flex-shrink: 0; align-items: center; gap: 10px; height: 46px; padding: 0 16px 0 7px; border-radius: 16px; position: relative; overflow: hidden;
  background: linear-gradient(135deg, #17161d, #0b0a0f); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 6px 18px rgba(0,0,0,.35); color: #fff; white-space: nowrap; }
.fp-badge::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; pointer-events: none;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.16), transparent); transform: skewX(-18deg); animation: fpShine 6s ease-in-out infinite; }
.fp-badge_icons { display: inline-flex; }
.fp-badge_ic { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: #24222c; border: 1px solid rgba(255,255,255,.18); }
.fp-badge_ic + .fp-badge_ic { margin-left: -8px; box-shadow: -2px 0 0 #121117; }
.fp-badge_ic svg { width: 17px; height: 17px; fill: #fff; }
.fp-badge_ic--fi { animation: fpIcFloat 4s ease-in-out infinite; }
.fp-badge_ic--up { animation: fpIcFloat 4s 2s ease-in-out infinite; }
.fp-badge_ic--up svg { width: 19px; }
.fp-badge_text { font-family: Outfit, sans-serif; font-weight: 600; font-size: 15px; letter-spacing: .01em; }
@keyframes fpShine { 0%, 70% { left: -60%; } 100% { left: 130%; } }
@keyframes fpIcFloat { 0%, 100% { transform: translateY(0); border-color: rgba(255,255,255,.18); } 50% { transform: translateY(-2px); border-color: rgba(255,38,62,.7); box-shadow: 0 0 10px rgba(255,38,62,.35); } }
@media (max-width: 991px) { .fp-badge { display: none; } }
@media (prefers-reduced-motion: reduce) { .fp-badge::after, .fp-badge_ic { animation: none; } }

/* --- Utisci: crveno dugme "pogledaj više" sa odsjajem, sjaj oko videa, napomena sa strelicom --- */
.secondary-button.test-btn { background: var(--accent-color); border-color: var(--accent-color); overflow: visible; isolation: isolate; }
.secondary-button.test-btn .button-hover { display: none !important; }
.secondary-button.test-btn .sec-btn-text, .secondary-button.test-btn:hover .sec-btn-text { color: #fff !important; }
.secondary-button.test-btn:hover { background: #ff3d53; }
.secondary-button.test-btn::before { content: ""; position: absolute; inset: -4px; border-radius: 20px; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--fp-a), transparent 0deg, transparent 220deg, rgba(255,38,62,.35) 270deg, #ff8a98 320deg, #fff 340deg, #ff263e 352deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: fpFlare 3.2s linear infinite; }
.secondary-button.test-btn::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -1;
  box-shadow: 0 0 22px rgba(255,38,62,.5); animation: fpBtnGlow 2.6s ease-in-out infinite; }

.video-test-wrapper { box-shadow: 0 0 0 1px rgba(255,38,62,.25), 0 0 26px rgba(255,38,62,.18); animation: fpVidGlow 4.5s ease-in-out infinite; }
.video-test-wrapper:nth-of-type(3) { animation-delay: -1.1s; } .video-test-wrapper:nth-of-type(4) { animation-delay: -2.2s; } .video-test-wrapper:nth-of-type(5) { animation-delay: -3.3s; }
@keyframes fpVidGlow { 0%,100% { box-shadow: 0 0 0 1px rgba(255,38,62,.22), 0 0 20px rgba(255,38,62,.12); } 50% { box-shadow: 0 0 0 1px rgba(255,38,62,.5), 0 0 36px rgba(255,38,62,.32); } }

#utisci-ucenika { position: relative; }
.fp-hint { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 4; overflow: visible; }
.fp-hint_text { font-family: Caveat, 'Comic Sans MS', cursive; font-weight: 700; font-size: 30px; fill: #fff; opacity: 0; transition: opacity .6s ease; }
.fp-hint_text tspan.red { fill: var(--accent-color); }
.fp-hint_arrow { fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(255,38,62,.8)); }
.fp-hint.is-on .fp-hint_text { opacity: 1; }
.fp-hint_g { animation: fpHintNudge 2.4s ease-in-out infinite; transform-box: fill-box; }
@keyframes fpHintNudge { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-4px, 4px); } }
@media (max-width: 767px) { .fp-hint_text { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .video-test-wrapper, .fp-hint_g, .secondary-button.test-btn::before, .secondary-button.test-btn::after { animation: none; } }

/* --- Moja priča: dugme "pročitaj više" u istom stilu (crveno, beli odsjaj kruži, crveni sjaj pulsira) --- */
:is(#o-meni, .section_blog) .secondary-button { background: var(--accent-color); border-color: var(--accent-color); overflow: visible; isolation: isolate; position: relative; }
:is(#o-meni, .section_blog) .secondary-button .button-hover { display: none !important; }
:is(#o-meni, .section_blog) .secondary-button .sec-btn-text, :is(#o-meni, .section_blog) .secondary-button:hover .sec-btn-text { color: #fff !important; }
:is(#o-meni, .section_blog) .secondary-button:hover { background: #ff3d53; }
:is(#o-meni, .section_blog) .secondary-button::before { content: ""; position: absolute; inset: -4px; border-radius: 20px; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--fp-a), transparent 0deg, transparent 220deg, rgba(255,255,255,.25) 270deg, #fff 335deg, #ffd0d6 348deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: fpFlare 3.4s linear infinite; }
:is(#o-meni, .section_blog) .secondary-button::after { content: ""; position: absolute; inset: -10px -14px; border-radius: 26px; pointer-events: none; z-index: -1;
  background: radial-gradient(closest-side, rgba(255,38,62,.55), transparent); filter: blur(10px); animation: fpBtnGlow 3s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { :is(#o-meni, .section_blog) .secondary-button::before, :is(#o-meni, .section_blog) .secondary-button::after { animation: none; } }

/* Moja priča – isečak sa webinara */
#o-meni .about-img-wrapper{position:relative;border-radius:16px;animation:fpVidGlow 3.2s ease-in-out infinite}
.fp-about-vid{display:block;width:100%;height:100%;aspect-ratio:560/630;object-fit:cover;border-radius:16px;background:#111016}
.fp-live-badge{position:absolute;left:16px;top:16px;z-index:2;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:rgba(17,16,22,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:#fff;font:600 13px/1 Outfit,sans-serif;pointer-events:none}
.fp-live-dot{width:8px;height:8px;border-radius:50%;background:#ff263e;box-shadow:0 0 8px #ff263e;animation:fpLiveDot 1.4s ease-in-out infinite}
@keyframes fpLiveDot{50%{opacity:.35;transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){.fp-live-dot,#o-meni .about-img-wrapper{animation:none}}

/* ===== Atmosfera u crnim sekcijama ===== */
.fp-amb-host{position:relative}
.fp-amb-host > :not(.fp-amb):not(.fp-svc-layer){position:relative;z-index:1}
.fp-amb{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
/* crveno-ljubičasti neonski sjaj koji se polako preliva */
.fp-aur{position:absolute;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;mix-blend-mode:screen;will-change:transform}
.fp-aur--r{left:-18%;top:5%;background:radial-gradient(circle,rgba(255,38,62,.17) 0%,rgba(255,38,62,.06) 38%,transparent 66%);animation:fpAurA 26s ease-in-out infinite alternate}
.fp-aur--v{right:-20%;bottom:-5%;background:radial-gradient(circle,rgba(150,70,255,.17) 0%,rgba(120,50,255,.06) 38%,transparent 66%);animation:fpAurB 31s ease-in-out infinite alternate}
.fp-amb.is-alt .fp-aur--r{left:auto;right:-18%}
.fp-amb.is-alt .fp-aur--v{right:auto;left:-20%}
@keyframes fpAurA{0%{transform:translate(0,0) scale(1)}50%{transform:translate(22%,18%) scale(1.15)}100%{transform:translate(8%,40%) scale(.9)}}
@keyframes fpAurB{0%{transform:translate(0,0) scale(1.05)}50%{transform:translate(-20%,-22%) scale(.9)}100%{transform:translate(-6%,-38%) scale(1.12)}}
/* lebdeći doodle predmeti (uvek iza teksta) */
.fp-obj{position:absolute;will-change:transform}
.fp-ic{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible;
  animation:fpFloat 20s ease-in-out infinite;filter:none}
.fp-ic_2{stroke-width:1.1;opacity:.45}
.fp-ic.is-red{stroke:#ff263e;filter:drop-shadow(0 0 8px rgba(255,38,62,.6))}
.fp-obj.is-pass{animation:fpPass 70s linear infinite}
@keyframes fpFloat{0%,100%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(14px,-22px) rotate(4deg)}50%{transform:translate(-8px,-36px) rotate(10deg)}75%{transform:translate(-18px,-12px) rotate(0deg)}}
@keyframes fpPass{0%{left:-8%}100%{left:104%}}
/* e-book: jači sjaj iza kartice */
.section_ebook .fp-aur{width:min(52vw,700px)}
.section_ebook .fp-aur--r{left:8%;top:12%}
.section_ebook .fp-aur--v{right:6%;bottom:8%}
@media (max-width:767px){.fp-aur{width:110vw}}
@media (prefers-reduced-motion:reduce){.fp-aur,.fp-ic,.fp-obj.is-pass{animation:none}}

/* ===== Kviz sekcija (umesto e-booka) ===== */
.fp-quiz .ebook_card{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 80px rgba(0,0,0,.35);padding-top:3.5rem;padding-bottom:3.5rem}
.fp-quiz .ebook_subtext{max-width:26rem}
.fp-quiz .ebook_list{margin-bottom:2.25rem}
.fp-quiz_tag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:1.1rem;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,38,62,.45);color:#ff263e;font:700 13px/1 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.fp-quiz_dot{width:7px;height:7px;border-radius:50%;background:#ff263e;box-shadow:0 0 8px #ff263e;animation:fpLiveDot 1.4s ease-in-out infinite}
.fp-quiz_btn{position:relative;align-self:flex-start;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:12px;align-items:center;cursor:default}
.fp-quiz_btn .button-text{text-transform:uppercase}
.fp-quiz_soon{font:600 11px/1 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;border-radius:99px;background:rgba(0,0,0,.28);color:#fff}
/* desna strana: izveštaj se proteže od vrha do dna kartice i malo izlazi preko ivica */
.fp-quiz_visual{top:-1.5rem;bottom:2.5rem;right:3.5rem;height:auto;width:auto;aspect-ratio:2480/3508}
.fp-quiz_doc{position:absolute;inset:0;transform:rotate(4deg);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 0 0 1px rgba(255,38,62,.25),0 0 50px rgba(255,38,62,.28),0 30px 60px rgba(0,0,0,.5);animation:fpQuizFloat 7s ease-in-out infinite}
.fp-quiz_report{display:block;width:100%;height:100%;object-fit:cover}
/* donji deo izveštaja zamagljen: vidi se tip, ostalo se otkriva tek na mejlu */
.fp-quiz_veil{position:absolute;left:0;right:0;bottom:0;top:36%;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(180deg,rgba(17,16,22,0) 0%,rgba(17,16,22,.35) 40%,rgba(17,16,22,.55) 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
.fp-quiz_lock{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 14px;border-radius:99px;
  background:rgba(17,16,22,.85);border:1px solid rgba(255,38,62,.45);color:#fff;font:600 13px/1 Outfit,sans-serif;box-shadow:0 0 24px rgba(255,38,62,.25)}
.fp-quiz_lock svg{width:15px;height:15px;fill:none;stroke:#ff263e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fp-quiz_ghost{position:absolute;inset:0;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.fp-quiz_ghost--1{transform:rotate(-5deg) translate(-26px,10px)}
.fp-quiz_ghost--2{transform:rotate(-11deg) translate(-50px,26px);opacity:.6}
.fp-quiz_type{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 14px;border-radius:99px;background:rgba(17,16,22,.82);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;font:600 14px/1 Outfit,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:fpQuizFloat 6s ease-in-out infinite}
.fp-quiz_type span{width:8px;height:8px;border-radius:50%;background:#ff263e;box-shadow:0 0 8px #ff263e}
.fp-quiz_type--1{left:-4.5rem;top:14%;animation-delay:-1s}
.fp-quiz_type--2{left:-4.75rem;top:44%;animation-delay:-3s}
.fp-quiz_type--3{left:-3rem;bottom:12%;animation-delay:-5s}
@keyframes fpQuizFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (max-width:991px){
  .fp-quiz .ebook_card{padding-bottom:2rem}
  .fp-quiz_visual{position:relative;top:0;bottom:auto;right:0;width:min(18.5rem,74vw);height:auto;margin:1rem auto 0}
  .fp-quiz_type--1{left:-2.5rem}.fp-quiz_type--2{left:-3.5rem}.fp-quiz_type--3{left:-1rem}
}
@media (max-width:479px){
  .fp-quiz_type{font-size:12px;padding:7px 11px}
  .fp-quiz_type--1{left:-1.25rem}.fp-quiz_type--2{left:-1.5rem}.fp-quiz_type--3{left:-.5rem}
  .fp-quiz_lock{font-size:11px;padding:7px 11px}
  .fp-quiz_ghost--2{display:none}
}
@media (prefers-reduced-motion:reduce){.fp-quiz_doc,.fp-quiz_type,.fp-quiz_dot{animation:none}}

/* ===== Odsjaj koji povremeno pređe preko crvenih dugmadi (kao na „Freelance Expert“ znački) ===== */
.fp-quiz_btn, .fp-finish_btn, #forma .form-button{
  background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);
  background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:fpBtnShine 6s ease-in-out infinite}
.fp-finish_btn{animation-delay:-2s}
#forma .form-button{animation-delay:-4s}
@keyframes fpBtnShine{0%,70%{background-position:160% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.fp-quiz_btn,.fp-finish_btn,#forma .form-button{animation:none}}

/* ===== Česta pitanja: nove kartice ===== */
.faq .faq-wrapper{gap:14px;counter-reset:faq}
.faq .dropdown{counter-increment:faq;position:relative;gap:0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:18px;
  background:linear-gradient(135deg,rgba(28,26,34,.82),rgba(14,13,18,.82));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}
.faq .dropdown::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff263e;box-shadow:0 0 14px #ff263e;transform:scaleY(0);transform-origin:top;transition:transform .35s ease}
.faq .dropdown:hover{border-color:rgba(255,38,62,.45);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(255,38,62,.15)}
.faq .question-wrapper{gap:18px;padding:22px 22px 22px 24px}
.faq .question-wrapper::before{content:counter(faq,decimal-leading-zero);flex-shrink:0;font:700 13px/1 Outfit,sans-serif;letter-spacing:.06em;color:#ff263e;
  padding:7px 9px;border-radius:9px;border:1px solid rgba(255,38,62,.4);background:rgba(255,38,62,.08)}
.faq .faq-question{flex:1;font-size:1.25rem;line-height:1.35;font-weight:600}
.faq .faq-question strong{font-weight:600}
.faq .faq-arrow{display:none}
/* dugme: plus koji se pretvori u x */
.faq .question-wrapper::after{content:"";flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 14px no-repeat,rgba(255,255,255,.04);
  transition:transform .35s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}
.faq .answer-wrapper{max-width:none;margin:0 22px 0 24px;padding:16px 0 22px 50px;border-top:1px solid transparent;
  border-image:linear-gradient(90deg,rgba(255,38,62,.55),rgba(255,255,255,.06)) 1}
.faq .answer-wrapper p{margin:0;color:rgba(255,255,255,.76);font-size:1rem;line-height:1.6}
/* otvoreno pitanje */
.faq .dropdown.is-open{border-color:rgba(255,38,62,.65);background:linear-gradient(135deg,rgba(40,14,22,.88),rgba(10,9,13,.9));
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 32px rgba(255,38,62,.18)}
.faq .dropdown.is-open::before{transform:scaleY(1)}
.faq .dropdown.is-open .question-wrapper::after{transform:rotate(135deg);background-color:#ff263e;border-color:#ff263e;box-shadow:0 0 16px rgba(255,38,62,.6)}
.faq .dropdown.is-open .answer-wrapper{animation:fpFaqIn .35s ease}
@keyframes fpFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:767px){
  .faq .question-wrapper{gap:12px;padding:16px 14px 16px 16px}
  .faq .question-wrapper::before{font-size:11px;padding:6px 7px}
  .faq .faq-question{font-size:1.05rem}
  .faq .question-wrapper::after{width:32px;height:32px}
  .faq .answer-wrapper{margin:0 14px 0 16px;padding:14px 0 18px 0}
}
@media (prefers-reduced-motion:reduce){.faq .dropdown.is-open .answer-wrapper{animation:none}}

/* ===== Forma: crveni fokus, odsjaj oko poruke, strelica ka meniju ===== */
#forma > .fp-hint.fp-form-hint{position:absolute;z-index:4}
#forma .input-field{transition:border-color .25s ease,box-shadow .25s ease}
#forma .input-field:hover{border-color:rgba(255,38,62,.6)}
#forma .input-field:focus{border-color:#ff263e;box-shadow:0 0 0 3px rgba(255,38,62,.18),0 0 18px rgba(255,38,62,.25);outline:0}
.fp-msg{position:relative;margin-bottom:16px}
.fp-msg .input-field{margin-bottom:0}
.fp-msg::before{content:"";position:absolute;inset:-3px;border-radius:9px;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--fp-a),transparent 0deg,transparent 230deg,rgba(255,38,62,.9) 300deg,#fff 330deg,rgba(255,38,62,.9) 345deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:fpFlare 3.4s linear infinite;transition:opacity .3s ease}
.fp-msg:focus-within::before{opacity:0}
.fp-form-hint .fp-hint_text{font-size:28px}
@media (max-width:767px){.fp-form-hint .fp-hint_text{font-size:21px}}
@media (prefers-reduced-motion:reduce){.fp-msg::before{animation:none}}

/* ===== Česta pitanja: stalni crveni okvir + pulsirajući sjaj kad je miš iznad ===== */
.faq .dropdown{border-color:rgba(255,38,62,.38)}
.faq .dropdown:hover{border-color:rgba(255,38,62,.85);animation:fpFaqPulse 2.6s ease-in-out infinite}
@keyframes fpFaqPulse{0%,100%{box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 0 rgba(255,38,62,0),0 0 14px rgba(255,38,62,.25)}
  50%{box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 4px rgba(255,38,62,.12),0 0 38px rgba(255,38,62,.55)}}
@media (hover:none){.faq .dropdown:hover{animation:none}}
@media (prefers-reduced-motion:reduce){.faq .dropdown:hover{animation:none}}

/* ===== Moja priča: pozadinska slika, da razbije crne blokove (kao hero, utisci i pitanja) ===== */
#o-meni{background-image:linear-gradient(rgba(0,0,0,.78),rgba(0,0,0,.78)),url(../images/about-me-bg.avif);background-position:0 0,50% 50%;background-size:auto,cover;background-repeat:repeat,no-repeat}

/* razmak između kviza i Moja priča: 50% više nego ranije */
.section_ebook.fp-quiz{padding-bottom:40px}

/* ===== Početna: "kroz freelance" – svetlucanje + rukom povučena linija ===== */
.fp-hero-hl{position:relative;display:inline-block;white-space:nowrap;
  background:linear-gradient(100deg,#ff263e 0%,#ff263e 35%,#ffb3bd 50%,#ff263e 65%,#ff263e 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;
  animation:fpHlShine 5s ease-in-out 1.2s infinite;filter:drop-shadow(0 0 18px rgba(255,38,62,.35))}
@keyframes fpHlShine{0%,55%{background-position:100% 0}100%{background-position:0 0}}
.fp-hero-scribble{position:absolute;left:-2%;right:-2%;bottom:-.32em;width:104%;height:.42em;overflow:visible;pointer-events:none}
.fp-hero-scribble path{fill:none;stroke:#ff263e;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:fpScribble .9s cubic-bezier(.6,0,.3,1) .7s forwards;filter:drop-shadow(0 0 6px rgba(255,38,62,.7))}
.fp-hero-scribble path + path{stroke-width:2;opacity:.6;animation-delay:1.15s}
@keyframes fpScribble{to{stroke-dashoffset:0}}
.hero .hero-p1{font-size:1.3rem;line-height:1.55;max-width:600px;width:auto;color:rgba(255,255,255,.88)}
@media (max-width:767px){.hero .hero-p1{font-size:1.1rem}}
/* poziv na kviz umesto "kontaktiraj me" */
.fp-hero-quiz{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px 18px;border-radius:18px;max-width:440px;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,38,62,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 30px rgba(255,38,62,.12)}
.fp-hero-quiz_tag{display:inline-flex;align-items:center;gap:8px;color:#ff263e;font:700 12px/1 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.fp-hero-quiz_q{margin:0;color:#fff;font:600 1.1rem/1.4 Outfit,sans-serif}
.fp-hero-quiz_q span{color:#ff263e}
.fp-hero-quiz_btn{display:inline-flex;align-items:center;gap:10px}
.fp-hero-quiz_btn svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.fp-hero-quiz_btn:hover svg{transform:translateX(4px)}
.fp-hero-quiz_btn{background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:fpBtnShine 6s ease-in-out 1s infinite}
@media (max-width:767px){.fp-hero-quiz{max-width:none;width:100%;align-items:stretch}.fp-hero-quiz_btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.fp-hero-hl,.fp-hero-quiz_btn{animation:none}.fp-hero-scribble path{animation:none;stroke-dashoffset:0}}

/* ===== Značka: odsjaj ostaje unutar ivica ===== */
.fp-badge{isolation:isolate;clip-path:inset(0 round 16px);-webkit-mask-image:-webkit-radial-gradient(white,black)}

/* ===== Moje usluge: tamna podloga kartica, da linije i predmeti idu IZA njih ===== */
.services-card{background:linear-gradient(160deg,#18171e,#0f0e13)}

/* ===== Česta pitanja su odmah na mestu (bez ulaska pri skrolovanju) ===== */
.ix-on .faq .dropdown,.faq .dropdown{opacity:1 !important;transform:none !important}

/* ===== Footer: bez mejla, veće ikonice mreža ===== */
.social-wrapper{gap:14px !important}
.social-link{width:52px;height:52px;border-radius:50%;display:grid !important;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.social-link img{width:24px;height:24px}
.social-link:hover{background:#ff263e;border-color:#ff263e;box-shadow:0 0 22px rgba(255,38,62,.55);transform:translateY(-2px)}

/* ===== Utisci (tekstualne kartice): tamne, crveni okvir, navodnik, inicijal ===== */
.main-test-card,.testimonial-card{position:relative;background:linear-gradient(135deg,rgba(28,26,34,.85),rgba(14,13,18,.85)) !important;border:1px solid rgba(255,38,62,.35) !important;border-radius:18px !important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden;transition:border-color .3s ease}
.main-test-card::before,.testimonial-card::before{content:"\201C";position:absolute;right:18px;top:-6px;font:700 110px/1 Georgia,serif;color:rgba(255,38,62,.22);pointer-events:none}
.main-test-card p,.testimonial-card p{color:rgba(255,255,255,.84)}
.main-test-card:hover,.testimonial-card:hover{border-color:rgba(255,38,62,.85);animation:fpFaqPulse 2.6s ease-in-out infinite}
.fp-ava{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff263e,#9b1024);color:#fff;font:700 15px/1 Outfit,sans-serif;box-shadow:0 0 12px rgba(255,38,62,.45)}
.test-img-wrapper{display:flex;align-items:center;gap:10px}
.test-txt-wrapper{font-weight:600;color:#fff}
@media (hover:none){.main-test-card:hover,.testimonial-card:hover{animation:none}}

/* ===== O meni: video umesto slike, nove kartice sa brojkama ===== */
.about-img-wrapper-2{position:relative;border-radius:18px;overflow:hidden;animation:fpVidGlow 3.6s ease-in-out infinite}
.about-img-wrapper-2 .fp-about-vid{display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;background:#111016}
.fp-about-p2{margin-top:-.5rem}
.results-card{background:linear-gradient(135deg,rgba(28,26,34,.85),rgba(14,13,18,.85)) !important;border:1px solid rgba(255,38,62,.35) !important;border-radius:18px !important;
  padding:22px 14px !important;text-align:center;gap:6px;transition:border-color .3s ease}
.results-card:hover{border-color:rgba(255,38,62,.85) !important;animation:fpFaqPulse 2.6s ease-in-out infinite}
.results-number{font-weight:600 !important;color:#fff}
.results-number.fp-num-word{font-size:1.9rem !important;color:#ff263e}
.result-card-txt{color:rgba(255,255,255,.75);font-size:.9rem;line-height:1.3}
@media (hover:none){.results-card:hover{animation:none}}
/* početna: malo vazduha između poziva na kviz i brojki */
.hero .hero-btn-wrapper{margin-bottom:1.25rem}

/* ===== Početna: nova kviz kartica (tamna, sa malim izveštajem desno) ===== */
.fp-hero-quiz{flex-direction:row;align-items:center;gap:20px;max-width:500px;padding:18px 20px 18px 22px;
  background:linear-gradient(135deg,rgba(20,18,24,.94),rgba(9,8,12,.94));border:1px solid rgba(255,38,62,.38);
  box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 28px rgba(255,38,62,.14)}
.fp-hero-quiz_body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.fp-hero-quiz_q{font-size:1.05rem;line-height:1.45;max-width:265px;text-wrap:balance}
.fp-hero-quiz_btn{padding:.55rem 1.05rem !important;font-size:13px;border-radius:10px;gap:8px}
.fp-hero-quiz_btn .button-text{font-size:13px}
.fp-hero-quiz_btn svg{width:15px;height:15px}
.fp-hero-quiz_doc{position:relative;flex-shrink:0;width:96px;aspect-ratio:2480/3508;border-radius:8px;overflow:hidden;transform:rotate(5deg);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,38,62,.25),0 0 26px rgba(255,38,62,.35),0 12px 26px rgba(0,0,0,.5);animation:fpQuizFloat 6s ease-in-out infinite}
.fp-hero-quiz_doc img{display:block;width:100%;height:100%;object-fit:cover}
.fp-hero-quiz_veil{position:absolute;left:0;right:0;bottom:0;top:38%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  background:linear-gradient(180deg,rgba(10,9,13,.2),rgba(10,9,13,.75) 45%,rgba(10,9,13,.9));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%);mask-image:linear-gradient(180deg,transparent 0,#000 20%)}
.hero .hero-btn-wrapper{margin-bottom:2.75rem}
@media (max-width:767px){
  .fp-hero-quiz{flex-direction:row;align-items:center;gap:14px;padding:16px}
  .fp-hero-quiz_body{align-items:flex-start}
  .fp-hero-quiz_q{font-size:.98rem}
  .fp-hero-quiz_doc{width:74px}
  .fp-hero-quiz_btn{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.fp-hero-quiz_doc{animation:none}}

/* ===== Kviz kartica: tekst uz gornju ivicu, veći izveštaj koji izlazi van okvira (3D) ===== */
.fp-hero-quiz{align-items:stretch;overflow:visible}
.fp-hero-quiz_body{align-self:flex-start;justify-content:flex-start;gap:16px;margin-top:-4px}
.fp-hero-quiz_doc{width:150px;align-self:center;margin:-62px -10px -62px 0;transform:rotate(6deg)}
@media (max-width:767px){.fp-hero-quiz_doc{width:96px;margin:-30px -2px -30px 0}}

/* ===== Blog na početnoj: kartice stoje na mestu, bez ulaska pri skrolovanju ===== */
.ix-on .section_blog [data-w-id],.section_blog [data-w-id]{opacity:1 !important;transform:none !important}

/* ===== Footer: "Zaprati me" – veće ikonice sa laganim pulsom ===== */
.fp-follow-text{margin:-8px 0 4px;color:rgba(255,255,255,.7);text-align:center}
.social-wrapper{gap:18px !important;margin-top:6px}
.social-link{width:72px;height:72px;border-color:rgba(255,38,62,.4);animation:fpSocPulse 3.2s ease-in-out infinite}
.social-link:nth-child(2){animation-delay:-1.1s}
.social-link:nth-child(3){animation-delay:-2.2s}
.social-link img{width:32px;height:32px}
.social-link:hover{animation:none}
@keyframes fpSocPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,38,62,0),0 0 10px rgba(255,38,62,.15)}50%{box-shadow:0 0 0 6px rgba(255,38,62,.10),0 0 30px rgba(255,38,62,.45)}}
@media (max-width:767px){.social-link{width:60px;height:60px}.social-link img{width:28px;height:28px}}
@media (prefers-reduced-motion:reduce){.social-link{animation:none}}

/* ===== Kviz kartica: manji izveštaj bliže tekstu (dno u okviru, vrh viri), brojke niže ===== */
.fp-hero-quiz{gap:12px;max-width:460px}
.fp-hero-quiz_doc{width:116px;align-self:flex-end;margin:-46px 0 0 0;transform:rotate(6deg)}
.hero .hero-btn-wrapper{margin-bottom:4.25rem}
@media (max-width:767px){.fp-hero-quiz_doc{width:84px;margin:-34px 0 0 0}.hero .hero-btn-wrapper{margin-bottom:3rem}}

/* ===== Blog stranica: impuls iza kartica + pulsirajući najnoviji blog ===== */
.blog_list-area{position:relative}
.blog_list-area > .blog_list,.blog_list-area > .w-dyn-list{position:relative;z-index:1}
.fp-blog-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s ease}
.fp-blog-layer.is-on{opacity:1}
.fp-blog-track{fill:none;stroke:none}
.fp-blog-tail{fill:none;stroke:#ff263e;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #ff263e) drop-shadow(0 0 14px rgba(255,38,62,.6))}
.fp-blog-head{fill:#fff;filter:drop-shadow(0 0 6px #ff263e) drop-shadow(0 0 16px rgba(255,38,62,.9))}
.blog_list .blog_card{background-color:#28272d;transition:box-shadow .6s ease,outline-color .6s ease;outline:1px solid transparent;outline-offset:-1px}
.blog_list .blog_card.fp-blog-hit{transition:box-shadow .12s ease,outline-color .12s ease;outline-color:#ff263e;box-shadow:0 0 0 1px rgba(255,38,62,.6),0 0 34px rgba(255,38,62,.55)}
/* najnoviji blog: stalno lagano pulsira, crvena tačka uz oznaku */
.blog_new{outline:1px solid rgba(255,38,62,.45);outline-offset:-1px;animation:fpFaqPulse 3s ease-in-out infinite}
.blog_featured-label{display:inline-flex;align-items:center;gap:8px}
.blog_featured-label::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff263e;box-shadow:0 0 8px #ff263e;animation:fpLiveDot 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.blog_new,.blog_featured-label::before{animation:none}}

/* newsletter: polje i dugme malo niže, isti vazduh kao između naslova i teksta */
.newsletter_form-wrapper{margin-top:18px !important}

/* ===== Blog kartice (i "Povezani blogovi" u postu): crveni okvir i puls kad pređeš mišem ===== */
.blog_card{transition:outline-color .25s ease,box-shadow .25s ease}
.blog_card:hover{outline:1px solid #ff263e !important;outline-offset:-1px;animation:fpFaqPulse 2.6s ease-in-out infinite}
@media (hover:none){.blog_card:hover{animation:none}}

/* ===== Kviz kartica: niže, uža, izveštaj bliže tekstu (isti razmak levo i desno od izveštaja) ===== */
.fp-hero-quiz{width:fit-content;max-width:100%;gap:16px;padding-right:16px;margin-top:1.25rem}
.fp-hero-quiz_doc{margin:-46px 0 0 0}
@media (max-width:767px){.fp-hero-quiz{width:auto;margin-top:.75rem}}

/* ===== O meni: lična priča krupnije, manja kartica utiska ===== */
.fp-story{display:flex;flex-direction:column;gap:14px;max-width:560px}
.fp-story .about-2-p1{margin:0;font-size:1.13rem;line-height:1.6;color:rgba(255,255,255,.86)}
.fp-story strong{color:#fff}
.about-me-hero .testimonial-card{width:420px !important;max-width:100%;height:auto !important;padding:22px 24px !important;gap:16px !important}
.about-me-hero .testimonial-card p{font-size:.95rem;line-height:1.5;margin:0}
.about-me-hero .testimonial-card .stars-img{height:18px;width:auto}
.about-me-hero .testimonial-card::before{font-size:80px}
@media (max-width:767px){.fp-story .about-2-p1{font-size:1.05rem}}

/* kviz kartica: isti razmak tekst–izveštaj i izveštaj–ivica */
.fp-hero-quiz{gap:18px;padding-right:18px}
@media (max-width:767px){.fp-hero-quiz{width:fit-content !important;max-width:100%}}

/* ===== Blog impuls: jači, kao u "4 koraka" (malo manji) ===== */
.fp-blog-glow{fill:none;stroke:rgba(255,38,62,.55);stroke-width:12;stroke-linecap:round;filter:blur(5px)}
.fp-blog-tail{stroke-width:4 !important}
.fp-blog-head{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #ff263e) drop-shadow(0 0 24px rgba(255,38,62,.95)) !important}
/* ceo okvir kartice zasvetli – i preko slike */
.blog_list .blog_card{position:relative;outline:none !important}
.blog_list .blog_card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #ff263e;pointer-events:none;z-index:5;opacity:0;
  box-shadow:inset 0 0 18px rgba(255,38,62,.35);transition:opacity .6s ease}
.blog_list .blog_card.fp-blog-hit::after{opacity:1;transition:opacity .1s ease}
.blog_list .blog_card.fp-blog-hit{box-shadow:0 0 34px rgba(255,38,62,.6)}
.blog_card{position:relative}
.blog_card:hover{outline:none !important}
.blog_card::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #ff263e;pointer-events:none;z-index:5;opacity:0;transition:opacity .25s ease}
.blog_card:hover::after{opacity:1}

/* ===== O meni: manji video, slika sa okvirom, kartice podignute, utisci u stilu sajta ===== */
.about-img-wrapper-2{width:70% !important;height:auto !important;aspect-ratio:560/630;justify-self:end;align-self:center;margin-left:auto}
@media (max-width:991px){.about-img-wrapper-2{width:min(70%,420px) !important;margin:0 auto}}
.results-img-wrapper{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 6px rgba(255,255,255,.04),0 20px 50px rgba(0,0,0,.45)}
.results-card-wrapper{margin-top:40px !important}
.results-h3-wrapper .results-p1 + .results-p1{margin-top:12px}
.infinity-testimonial{position:relative;background:linear-gradient(135deg,rgba(28,26,34,.85),rgba(14,13,18,.85)) !important;border:1px solid rgba(255,38,62,.35) !important;border-radius:18px !important;
  box-shadow:0 14px 40px rgba(0,0,0,.35);overflow:hidden;transition:border-color .3s ease}
.infinity-testimonial::before{content:"\201C";position:absolute;right:16px;top:-6px;font:700 100px/1 Georgia,serif;color:rgba(255,38,62,.22);pointer-events:none}
.infinity-testimonial p{color:rgba(255,255,255,.84)}
.infinity-testimonial:hover{border-color:rgba(255,38,62,.85) !important;animation:fpFaqPulse 2.6s ease-in-out infinite}
@media (hover:none){.infinity-testimonial:hover{animation:none}}
@media (max-width:991px){.about-img-wrapper-2 .fp-about-vid{height:auto !important;aspect-ratio:560/630}}

/* ===== Video utisci: cela kartica zasvetli crveno kad pređeš mišem (kao blog) ===== */
.video-test-wrapper{position:relative}
.video-test-wrapper::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #ff263e;pointer-events:none;z-index:6;opacity:0;transition:opacity .25s ease}
.video-test-wrapper:hover::after{opacity:1}
.video-test-wrapper:hover{animation:fpFaqPulse 2.6s ease-in-out infinite}
@media (hover:none){.video-test-wrapper:hover{animation:fpVidGlow 4.5s ease-in-out infinite}}

/* ===== O meni: tekst malo manji, video 50% veći, centriran uz tekst ===== */
.fp-story .about-2-p1{font-size:1.02rem}
.about-me-hero .testimonial-card.desktop{margin-top:28px}
@media (min-width:992px){
  .about-img-wrapper-2{width:552px !important;max-width:100%;justify-self:start !important;align-self:start !important;margin:0 0 0 12px !important}
}
/* O meni: kartica utiska ne sme da proširi kolonu na telefonu; video bliže tekstu na desktopu */
.about-me-hero .testimonial-card{width:min(420px,100%) !important;box-sizing:border-box}
.about-h1-wrapper-2{min-width:0}
@media (min-width:1200px){.about-img-wrapper-2{margin-left:-72px !important}}
@media (min-width:992px) and (max-width:1199px){.about-img-wrapper-2{margin-left:-36px !important}}
/* O meni: ravnoteža – video poravnat sa desnom ivicom sadržaja, tekst malo širi da priđe videu */
@media (min-width:992px){.about-img-wrapper-2{justify-self:end !important;margin-left:0 !important}.fp-story{max-width:610px}}

/* O meni: video 20% manji (552 → 442 px) */
@media (min-width:992px){.about-img-wrapper-2{width:442px !important}}
/* Kviz sekcija na početnoj: okvir širi ~1 cm levo i desno, tekst bliže levoj ivici */
.fp-quiz .ebook_card{max-width:calc(67rem + 76px);padding-left:3rem}
@media (max-width:991px){.fp-quiz .ebook_card{padding-left:2rem}}
@media (max-width:479px){.fp-quiz .ebook_card{padding-left:1.5rem}}

/* ===== Header: uvek na vrhu, bez ulazne animacije ===== */
.navbar{position:fixed !important;top:0;left:0;right:0;z-index:1000;opacity:1 !important;transform:none !important;transition:background-color .3s ease,box-shadow .3s ease,-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease}
.navbar.fp-nav-solid{background-color:rgba(17,16,22,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.35)}

/* ===== O meni: tekst širi, video odmah uz tekst ===== */
@media (min-width:992px){
  .fp-story{max-width:660px}
  .about-img-wrapper-2{justify-self:start !important;margin-left:0 !important}
}
@media (min-width:992px){.fp-story .about-2-p1{max-width:none;width:auto}.about-h1-wrapper-2{max-width:none}}
@media (min-width:1200px){.about-img-wrapper-2{margin-left:-56px !important}}

/* Kviz sekcija: dugme "Počni kviz" manje, bez "uskoro", vodi na kviz */
.fp-quiz_btn{cursor:pointer;padding:.8rem 1.6rem !important;font-size:14px}
.fp-quiz_btn .button-text{font-size:14px}
.fp-quiz_btn svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.fp-quiz_btn:hover svg{transform:translateX(4px)}

/* 4 koraka bliže sekciji Moje usluge */
.fp-path{padding-top:40px !important}
@media (max-width:767px){.fp-path{padding-top:30px !important}}

/* "Spreman da kreneš?" ispod 4 koraka – vidljivo odmah, ne čeka animaciju */
.fp-finish{opacity:1 !important;transform:none !important}
/* link ka prijavi u odgovoru na pitanje 3 */
.fp-faq-link{color:#ff263e;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.fp-faq-link:hover{color:#ff5a6c}
/* poziv na prijavu ispod blog sekcije */
.fp-blog-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:36px auto 0;padding:10px 12px 10px 22px;
  border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,38,62,.35);color:#fff;font:400 16px/1.4 Outfit,sans-serif;box-shadow:0 0 30px rgba(255,38,62,.12)}
.fp-blog-cta .fp-finish_btn{animation-delay:-3s}
.fp-blog-cta .fp-finish_btn,.fp-finish_btn{background-image:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:160% 0;animation:fpBtnShine 6s ease-in-out infinite}
@media (max-width:767px){.fp-blog-cta{flex-direction:column;border-radius:18px;padding:16px;text-align:center}}

/* blog stranica: vazduh između poziva na prijavu i futera */
.fp-blog-cta{margin-top:28px;margin-bottom:80px}
@media (max-width:767px){.fp-blog-cta{margin-bottom:56px}}

/* ===== Meni gore, FAQ i footer: uvek vidljivi odmah, bez animacije pri skrolovanju (sve strane) ===== */
html.ix-on header [data-w-id], html.ix-on header[data-w-id], html.ix-on .navbar[data-w-id],
html.ix-on [class*="faq"] [data-w-id], html.ix-on [data-w-id][class*="faq"],
html.ix-on [data-w-id]:has(.faq-wrapper, .faq-h2-wrapper, .faq-question),
html.ix-on footer [data-w-id], html.ix-on [class*="footer"] [data-w-id], html.ix-on [data-w-id][class*="footer"],
html.ix-on [data-w-id]:has(.footer-links-wrapper, .footer-text, .footer-label){opacity:1 !important;transform:none !important;transition:none !important}