/* Glavni kontejner s prefixom */
        .koliko_zaista_vrijedi-hero {
            position: relative;
            width: 100%;
            min-height: 400px; /* Pokriva cijeli ekran za test */
            background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                              url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1920&q=80'); 
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .koliko_zaista_vrijedi-content {
            text-align: center;
            color: #ffffff;
            padding: 20px;
            max-width: 850px;
            z-index: 2;
        }

        .koliko_zaista_vrijedi-title {
            font-size: clamp(1.8rem, 5vw, 3.5rem); /* Automatski se smanjuje na mobitelu */
            font-weight: 800;
            margin-bottom: 20px;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1.2;
        }

        .koliko_zaista_vrijedi-subtitle {
            font-size: clamp(1rem, 2vw, 1.25rem);
            margin-bottom: 35px;
            line-height: 1.6;
            font-weight: 300;
            opacity: 0.9;
        }

        .koliko_zaista_vrijedi-button {
            display: inline-block;
            background-color: #0d2c44; /* Boja sa slike */
            color: #ffffff;
            padding: 18px 45px;
            text-decoration: none;
            font-weight: bold;
            font-size: 1rem;
            border-radius: 5px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            border: 2px solid transparent;
        }

        .koliko_zaista_vrijedi-button:hover {
            background-color: #163e5e;
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.3);
        }

        /* Responzivna prilagodba za mobitele */
        @media (max-width: 768px) {
            .koliko_zaista_vrijedi-hero {
                min-height: 600px; /* Malo više prostora na mobitelu */
            }
            .koliko_zaista_vrijedi-content {
                padding: 15px;
            }
            .koliko_zaista_vrijedi-button {
                width: 100%; /* Gumb preko cijelog ekrana na malim mobitelima */
                max-width: 300px;
            }
        }

/* OSNOVNI WRAPPER - Pozadina i centriranje */
        /* OSNOVNI WRAPPER */
        ._trazilica_top_wrapper {
            display: flex;
            /* Na mobitelu neka bude automatski da sve stane */
            min-height: auto; 
            background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                        url('../../images_new/slika_trazilice.jpg') no-repeat center center/cover;
            align-items: center;
            justify-content: center;
            font-family: 'Open Sans', sans-serif;
            padding: 40px 20px;
            box-sizing: border-box;
            position: relative;
        } 

        /* DESKTOP PRILAGODBA (Ekrani širi od 992px) */
        @media (min-width: 992px) {
            ._trazilica_top_wrapper {
                /* Ovdje fiksiramo visinu na desktopu */
                height: 800px!important; 
            }

            ._trazilica_top_content {
                flex-direction: row; 
                text-align: left;
                align-items: center; /* Centriramo sadržaj vertikalno unutar tih 600px */
            }
            
            ._trazilica_top_left {
                text-align: left;
                flex: 1;
            }

            ._trazilica_top_left h1 {
                font-size: 3rem; /* Malo smanjen font da stane u 600px visine bez gužve */
            }

            ._trazilica_top_checks {
                justify-content: flex-start;
            }

            ._trazilica_top_right_card {
                flex: 0 0 400px;
                /* Smanjujemo padding na desktopu da kartica ne bude predugačka */
                padding: 25px; 
            }

            /* Smanjujemo visinu tekstualnog polja da forma ne "pobjegne" iz 600px */
            ._trazilica_top_form_group textarea {
                height: 60px;
            }
        }

        /* Ostali stilovi (input, btn, check_item) ostaju isti kao u prošlom kodu... */

        /* GLAVNI KONTEJNER - Širina sadržaja */
        ._trazilica_top_content {
            display: flex;
            flex-direction: column; /* Na mobitelu jedno ispod drugog */
            width: 100%;
            max-width: 1400px;
            gap: 30px;
            align-items: center;
            z-index: 5;
        }

        /* LIJEVA STRANA - Tekst i Naslov */
        ._trazilica_top_left {
            width: 100%;
            color: #ffffff;
            text-align: center; /* Na mobitelu centrirano */
        }

        ._trazilica_top_left h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.8rem; /* Manji font za mobitel */
            line-height: 1.2;
            margin-bottom: 15px;
            text-transform: uppercase;
            font-weight: 700;
        }

        ._trazilica_top_left p {
            font-size: 0.95rem;
            margin-bottom: 25px;
            line-height: 1.5;
            opacity: 0.9;
        }

        /* CHECKBOX GRUPA - Responzivni gumbi */
        ._trazilica_top_checks {
            display: flex;
            flex-wrap: wrap; /* Da se prelome ako ne stanu u red */
            gap: 10px;
            justify-content: center;
        }

        ._trazilica_top_check_item {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.2);
            padding: 8px 15px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.4);
            cursor: pointer;
            font-size: 0.85rem;
            white-space: nowrap;
        }

        /* DESNI PANEL - Narančasta kartica */
        ._trazilica_top_right_card {
            width: 100%; /* Puna širina na mobitelu */
            max-width: 450px; /* Ali ne preširoko na desktopu */
            background-color: #f2a265; 
            padding: 30px 20px;
            border-radius: 12px;
            color: #ffffff;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            box-sizing: border-box;
        }

        ._trazilica_top_right_card h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.6rem;
            margin-bottom: 5px;
            text-align: center;
        }

        ._trazilica_top_right_card p {
            font-size: 0.8rem;
            margin-bottom: 20px;
            text-transform: uppercase;
            text-align: center;
            letter-spacing: 1px;
        }

        /* FORMA ELEMENTI */
        ._trazilica_top_form_group {
            margin-bottom: 15px;
        }

        ._trazilica_top_form_group label {
            display: block;
            font-size: 0.8rem;
            margin-bottom: 5px;
            font-weight: 600;
        }

        ._trazilica_top_form_group input, 
		._trazilica_top_form_group select, 
		._trazilica_top_form_group textarea {
			width: 100%;
			padding: 12px 15px; /* Malo širi padding za luksuzniji osjećaj */
			border: 1px solid #e0e0e0; /* Umjesto none, tanki sivi rub izgleda čišće */
			border-radius: 6px;
			font-size: 1rem;
			box-sizing: border-box;
			background-color: #ffffff;
			color: #333;
			transition: all 0.3s ease; /* Za glatki efekt kad se klikne */
			outline: none; /* Mičemo onaj ružni plavi default rub */
		}

        ._trazilica_top_btn {
            width: 100%;
            padding: 15px;
            background: #ffffff;
            color: #f2a265;
            border: none;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            border-radius: 6px;
            margin-top: 10px;
            text-transform: uppercase;
        }

        /* DESKTOP PRILAGODBA (Ekrani širi od 992px) */
        @media (min-width: 992px) {
            ._trazilica_top_content {
                flex-direction: row; /* Vraća jedno pored drugog */
                text-align: left;
                align-items: flex-start;
            }
            
            ._trazilica_top_left {
                text-align: left;
                padding-top: 40px;
            }

            ._trazilica_top_left h1 {
                font-size: 3.5rem;
            }

            ._trazilica_top_checks {
                justify-content: flex-start;
            }

            ._trazilica_top_right_card {
                flex: 0 0 400px; /* Fiksna širina na desktopu */
            }
        }
		

/* Glavni spremnik koji drži narančastu boju */
._nek_is_novo-wrapper {
    background-color: #f2a96b; /* Narančasta iz tvog dizajna */
    margin: 0;
    padding: 0;
    width: 100%;
    color: #1a1a1a;
    box-sizing: border-box;
}

/* Osigurava da padding ne kvari širinu unutar wrappera */
._nek_is_novo-wrapper * {
    box-sizing: border-box;
}

._nek_is_novo-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header dio */
._nek_is_novo-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 0 40px 0;
}

._nek_is_novo-badge {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

._nek_is_novo-main-title {
    font-size: 28px;
    margin: 0;
    font-weight: 700;
    max-width: 450px;
    line-height: 1.2;
}

._nek_is_novo-btn-explore {
    background: #fff;
    border: none;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    border-radius: 15px;
}

/* Grid sustav */
._nek_is_novo-grid {
    display: grid;
    /* Forsiramo 3 stupca na desktopu */
    grid-template-columns: repeat(3, 1fr); 
    gap: 25px;
    position: relative;
    z-index: 10;
}

/* Tablet faza: Ako je ekran uži, prebaci na 2 stupca */
@media (max-width: 1024px) {
    ._nek_is_novo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobitel faza: Kad je ekran skroz uski, prebaci na 1 stupac */
@media (max-width: 768px) {
    ._nek_is_novo-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

/* Kartice */
._nek_is_novo-card {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1); 
}

._nek_is_novo-img-box {
    position: relative;
    height: 240px;
	border-radius: var(--radius);
            overflow: hidden;
			 --bg-boja: white; /* Boja cijene i "reza" */
            --radius: 30px;
}

._nek_is_novo-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	 --radius: 0px;
}

._nek_is_novo-price-tag {
            position: absolute;
            top: 0;
            right: 0;
            background-color: var(--bg-boja);
            padding: 15px 30px;
            font-size: 16px;
            font-weight: bold;
            border-bottom-left-radius: var(--radius);
            z-index: 2;
        }

        /* S-krivulja trik (lijevo od cijene) */
        ._nek_is_novo-price-tag::before {
            content: "";
            position: absolute;
            top: 0;
            left: calc(var(--radius) * -1); /* Pomakni ga točno lijevo od cijene */
            width: var(--radius);
            height: var(--radius);
            background-color: transparent;
            border-top-right-radius: var(--radius);
            box-shadow: 15px -15px 0 15px var(--bg-boja); /* "Griz" u sliku */
            z-index: 1;
        }

        /* S-krivulja trik (ispod cijene) */
        ._nek_is_novo-price-tag::after {
            content: "";
            position: absolute;
            bottom: calc(var(--radius) * -1);
            right: 0;
            width: var(--radius);
            height: var(--radius);
            background-color: transparent;
            border-top-right-radius: var(--radius);
            box-shadow: 15px -15px 0 15px var(--bg-boja);
            z-index: 1;
        }

 

._nek_is_novo-info {
    padding: 25px;
}

._nek_is_novo-loc-text {
    font-size: 15px;
    color: #777;
    margin-bottom: 15px;
	font-weight: 600;
}

._nek_is_novo-title {
    font-size: 20px;
    margin: 0 0 15px 0;
    font-weight: 800;
	text-transform: uppercase;
}

._nek_is_novo-icons {
    display: flex;
    gap: 15px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}

._nek_is_novo-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* Donji tamni dio */
._nek_is_novo-dark-box_1 {
    position: relative;
    color: #fff;
    padding: 160px 0 80px 0;
    margin-top: -100px;
	margin-bottom: -60px;
    background-color: transparent;
    z-index: 1;
    overflow: hidden; /* Čisti rubove koji vire */
}

._nek_is_novo-dark-box_1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

    /* Koristimo linear-gradient s oštrim prijelazom (hard-stop) pod kutom */
    /* 175deg stvara blagi dijagonalni pad, slično tvom dizajnu */
    background: linear-gradient(175deg, #282827 75%, #252524 30%);
    
    /* Ako želiš dodatno naglasiti "lom", možemo malo iskriviti element */
    transform: scale(1.2); /* Povećavamo da pokrijemo rubove zbog rotacije */
}
._nek_is_novo-footer-row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

._nek_is_novo-footer-left {
    flex: 1;
}

._nek_is_novo-big-text {
    font-size: 35px;
	font-weight: 600;
    line-height: 1.1;
    margin-bottom: 15px;
	text-transform: uppercase;
	color: #E6A065;
}

._nek_is_novo-sub-stat {
    font-size: 23px;
	line-height: 26px;
    font-weight: 700;
    color: #eeeeee;
}

._nek_is_novo-footer-right {
    flex: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

._nek_is_novo-mini-loc strong {
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}

._nek_is_novo-mini-loc p {
    font-size: 14px;
    color: #aaa;
    line-height: 1.6;
}

/* Mobile responsive */
@media (max-width: 900px) {
    ._nek_is_novo-footer-row { flex-direction: column; }
    ._nek_is_novo-footer-right { grid-template-columns: 1fr; }
    ._nek_is_novo-header { flex-direction: column; align-items: flex-start; gap: 20px; }
}