:root {
    --gold: #bd8738;
    --gold-light: #dfa951;
    --ink: #222325;
}

/* 1. GLOBALNA PRAVILA ZA SKROL */
html {
    scroll-behavior: smooth;
    /* Ovo je fiksna baza za desktop */
    scroll-padding-top: 85px; 
}

/* Ciljamo samo sekcije koje imaju ID, a ne sve elemente sa zvezdicom */
#industrije, #o-nama, #partner {
    scroll-margin-top: 85px !important;
}

/* 2. SPECIFIČNO ZA ENGLESKI (Ako je navbar viši na desktopu) */
html[lang="en"] {
    scroll-padding-top: 85px !important;
}
html[lang="en"] #industrije, 
html[lang="en"] #o-nama, 
html[lang="en"] #partner {
    scroll-margin-top: 85px !important;
}

/* 3. MOBILNA VERZIJA (Ispod 992px) */
@media (max-width: 991px) {
    html {
        scroll-padding-top: 32px !important; /* Prilagođeno visini mobilnog navbara */
    }
    #industrije, #o-nama, #partner {
        scroll-margin-top: 32px !important;
    }
    html[lang="en"] {
        scroll-padding-top: 32px !important; /* Prilagođeno visini mobilnog navbara */
    }
    html[lang="en"] #industrije, 
    html[lang="en"] #o-nama, 
    html[lang="en"] #partner {
        scroll-margin-top: 32px !important;
    }	
}

/* 4. KONTEJNERI (vw sistem koji smo dogovorili) */
@media (min-width: 992px) {
  .container {
    max-width: 90vw !important; 
    margin-inline: auto !important; 
  }
}

body {
    color: var(--ink);
    font-family: Arial, Helvetica, sans-serif;
}

.topbar { background: #8b786c; color: #fff; font-size: .76rem; }
.navbar { background: rgba(26, 26, 26, .96); }
.navbar .nav-link { color: #f3eee9; font-weight: 600; padding: .8rem 1rem !important; }
.navbar .nav-link:hover { color: var(--gold-light); }
/* Kada je link aktivan (korisnik je na toj sekciji) ili kada drži miš preko njega */
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: var(--gold-light) !important;
    background: transparent !important;
}

/* Glavni kod (za mobilne uređaje) */
.nav-logo {
  height: 40px; /* Fiksna, sigurna visina na telefonu da ne raširi celi meni */
  width: auto;
  display: block;
}

.hero {
  display: flex;
  align-items: center;
  
  /* REŠENJE: Spajamo crni gradijent (levo) i vašu sliku (desno) */
  background: 
    linear-gradient(to right, #05060a 30%, rgba(5, 6, 10, 0.4) 60%, rgba(5, 6, 10, 0) 100%),
    url('../images/hero-masine.jpg') right center / contain no-repeat, 
    #05060a; 
    
  color: #fff;
  min-height: 650px; /* Normalna, stabilna visina koja staje na svaki laptop monitor */
}

  /* Kontrola samih dugmadi unutar col-lg-6 */
  .hero-buttons .btn {
    /* Umesto procenta kolone, dajemo im fiksnu fluidnu širinu */
    /* tako da izgledaju kompaktno i elegantno, baš kao na slici */
    width: 15rem;                 
  }

.hero h1 { font-size: clamp(2.25rem, 4vw, 3.2rem); font-weight: 800; max-width: 820px; }
.hero .hero-lead { font-size: clamp(1.25rem, 3vw, 2.3rem); line-height: 1; }
.hero-logo { display: block; margin-inline: auto; margin-bottom: 1.55rem; max-width: min(260px, 62vw); }
.eyebrow { color: var(--gold-light); font-size: .72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.eyebrow-hero { color: var(--gold-light); font-size: 1.52rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.gold-rule { background: var(--gold); border: 0; height: 2px; opacity: 1; }

.btn-gold { background: var(--gold); border-color: var(--gold); color: #fff; font-weight: 700; padding: .8rem 1.75rem; }
.btn-gold:hover { background: #a6732e; border-color: #a6732e; color: #fff; }
.btn-outline-gold { border: 2px solid var(--gold); color: #fff; font-weight: 700; padding: .7rem 1.7rem; }
.btn-outline-gold:hover { background: var(--gold); color: #fff; }

.trust { text-align: center; }
.trust h2 { font-size: clamp(1.75rem, 3vw, 3.2rem); font-weight: 600; }
.trust .poverenje { font-size: clamp(1.25rem, 2vw, 2.95rem); }
.section-title { font-size: clamp(2.45rem, 4vw, 3.5rem); font-weight: 600; }
.logos { color: #afa39d; font-family: Georgia, serif; font-size: clamp(1.2rem, 3vw, 2.65rem); font-weight: bold; letter-spacing: .08em; overflow: hidden; white-space: nowrap; }

/* Pozadina sekcije */
.brand-carousel-section {
  background-color: #fff;
  overflow: hidden; /* Sakriva sve logotipe koji izađu van ekrana */
  width: 100%;
}

/* Glavni kontejner trake */
.logo-ticker-wrapper {
  display: flex;
  width: 100%;
}

/* Traka koja se kreće */
.logo-ticker-track {
  display: flex;
  align-items: center;
  gap: 3rem; /* Razmak između elemenata */
  padding-right: 3rem; /* Da se gap poklopi na kraju trake */
  
  /* Pokretanje beskonačne animacije (25 sekundi, linearno, bez prestanka) */
  animation: scroll-ticker 30s linear infinite;
}

/* Pojedinačni logo element */
.ticker-item {
  display: flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

/* Automatsko generisanje tačkica između logotipa */
.ticker-item:not(:last-child)::after {
  content: "●";
  color: #c5c6c6; /* Bootstrap text-warning zlatna boja */
  font-size: 1.9rem;
  margin-left: 3rem; /* Odmiče tačku od logotipa */
}

/* Podešavanje veličine slika logotipa */
.ticker-item img {
  height: clamp(3.9rem, 5vw, 5.5rem); /* Fluidna visina, prilagođava se ekranu */
  width: auto;
  display: block;
  filter: grayscale(100%) opacity(80%); /* Trik da svi logotipi budu ujednačene sive boje */
  transition: filter 0.3s ease;
}

/* Efekat na hover: logo dobije punu boju ili sjaj ako klijent to želi */
.ticker-item img:hover {
  filter: grayscale(0%) opacity(100%);
}

/* Ključne tačke za CSS animaciju - pomera traku tačno za polovinu ukupne širine */
@keyframes scroll-ticker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.industrije-logo { display: block; margin-inline: auto; margin-bottom: 1.25rem; max-width: min(150px, 45vw); }
#industrije .industrije { font-size: clamp(1.45rem, 2vw, 2.15rem); line-height: 1; }

/* GLAVNI KOD (Za sve ekrane) */
.work-card { 
  align-items: flex-end; 
  color: #fff; 
  display: flex; 
  isolation: isolate; 
  overflow: hidden; 
  position: relative; 
  text-decoration: none; 
  width: 100%;
  
  /* KLJUČ: Browser sam računa visinu na osnovu širine. */
  /* Proporcija je zaključana na 620x413 na apsolutno svim ekranima! */
  aspect-ratio: 620 / 413; 
}

/* Pozadinska slika unutar kartice */
.card-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Osigurava da slika lepo popuni prostor */
  z-index: -2;
  /* Glatki prelaz za zumiranje od 0.4 sekunde */
  transition: transform 0.4s ease; 
}

/* Crni preliv preko slike da tekst bude čitljiv */
.work-card::before { 
  background: linear-gradient(0deg, rgba(8, 8, 8, .95) 0%, rgba(15, 15, 15, .4) 60%, rgba(15, 15, 15, 0) 100%); 
  content: ''; 
  inset: 0; 
  position: absolute; 
  transition: background 0.3s ease; 
  z-index: -1; 
}

.work-card .card-body {
  padding: 1.5rem;
  width: 100%;
}

.work-card h3 { 
  font-size: 1.42rem; 
  font-weight: 500; 
  margin: 0; 
}

.work-card p { 
  font-size: .82rem; 
  margin: .25rem 0 0; 
}

/* --- PREMIUM HOVER EFEKTI --- */
.work-card:hover .card-bg-img {
  /* Blago i elegantno uvećanje slike na hover */
  transform: scale(1.06); 
}

.work-card:hover::before { 
  /* Prelaz u zlatno-braon industrijski ton na hover */
  background: linear-gradient(0deg, rgba(78, 50, 20, .98) 0%, rgba(78, 50, 20, .5) 70%, rgba(15, 15, 15, 0) 100%); 
}

/* 1. KOD ZA CELU SEKCIJU - Dodajemo crni filter preko slike */
.about-seo-section {
    /* Trik: Puštamo linear-gradient (poluprovidnu crnu) PREKO tvoje slike teksture.
       Ovo smiruje mikro-senke na platnu i drastično podiže čitljivost teksta. */
    background: 
        linear-gradient(rgba(5, 6, 10, 0.75), rgba(5, 6, 10, 0.75)), 
        url('../images/dark-fabric.webp') repeat !important;
    
    /* Zadržavamo unutrašnji sjaj da ivice sekcije lagano utonu u mrak */
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.95);
}

.seo-badge {
    color: var(--gold-light);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
}

.seo-main-title, .seo-main-title-mob {
    color: #ffffff;
    font-weight: 800;
    line-height: 1.2;
}

.seo-main-title-mob { font-size: 1.8rem; }

.seo-content-block .seo-lead {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #f3eee9; /* Blago krem bela za ugodno čitanje dužeg teksta */
    margin-bottom: 2rem;
}

.seo-content-block p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #a0aec0; /* Svetlosiva boja koja ne umara oči korisnika */
    margin-bottom: 1.5rem;
}

.seo-sub-title {
    color: var(--gold-light); /* Zlatni podnaslovi za Google H3 tagove */
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

/* --- GLAVNI STILOVI (Mobilni i bazični prikazi) --- */
.partner {
    background-color: #05060a !important;
    color: #fff;
}

/* TACKA 1: "Vaša vizija" je sada zlatne boje */
.partner .eyebrow {
    color: var(--gold-light) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
}

.partner h2 {
    font-weight: 800;
    line-height: 1.1;
}

.partner-sub {
    font-weight: 400;
    color: #e2e8f0;
}

.partner-image {
    display: block;
    height: auto;
    max-width: 100%;
    margin-inline: auto;
}

/* Metrike (Brojevi) bazično */
.partner-metrics-row .metric {
    position: relative;
    text-align: center;
}

.partner-metrics-row .metric b {
    display: block;
    color: var(--gold-light);
    font-family: Verdana, sans-serif;
    line-height: 1;
}

.partner-metrics-row .metric small {
    display: block;
    color: #a0aec0;
    line-height: 1.2;
}

/* Donji red sa ikonama */
.value-row {
    border-top: 1px solid rgba(189, 135, 56, .35);
}

.value-item {
    position: relative;
}

.value-item i {
    color: var(--gold-light);
}

.value-item b {
    display: block;
    color: #fff;
}

.value-item small {
    color: #a0aec0;
}

/* CTA Box */
.cta-box {
    border: 1px solid rgba(223, 169, 81, .4);
    background: rgba(26, 26, 26, 0.4);
    border-radius: 12px;
}

/* --- BAZIČNI I MOBILNI STILOVI (Kategorija unutrašnja) --- */
.cat-hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    isolation: isolate;
    min-height: 480px;
    display: flex;
    align-items: center;
    color: #fff;
}

.cat-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    /* Moćan gradijent: Crna kreće sa leve strane preko teksta, a desno ostavlja sliku mašine čistu */
    background: linear-gradient(to right, #05060a 20%, rgba(5, 6, 10, 0.7) 50%, rgba(5, 6, 10, 0.2) 100%);
    z-index: -1;
}

.cat-hero h1 { font-weight: 800; font-size: 2.2rem; line-height: 1.1; }
.cat-hero .lead-text { color: #cbd5e1; font-size: 1.05rem; max-width: 580px; line-height: 1.5; }

.cat-content { background:
        linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),
        url('../images/light-fabric.webp') repeat !important;
        box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.12); 
		color: #333;
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.65); }
.tech-badge { color: var(--gold-light); font-weight: 700; font-size: 0.75rem; letter-spacing: 2px; }
.tech-list li { color: #000; padding-block: 0.4rem; font-size: 0.95rem; }

.seo-text-wrap {
    color: #000;
    font-size: 1rem;
    line-height: 1.7;
}

.seo-text-wrap strong {
    font-weight: 800;
}

/* Galerija i slike */
.cat-gallery { background-color: #05060a !important; }
.gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    aspect-ratio: 4 / 3;
    width: 100%;
    cursor: pointer;
}

.portfolio-grid .col-12.col-lg-6 .gallery-card {
    aspect-ratio: 16 / 9; /* Veće slike imaju bioskopski format */
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 6, 10, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.zoom-icon i { color: var(--gold-light); font-size: 1.5rem; }

.gallery-card:hover .gallery-img { transform: scale(1.05); }
.gallery-card:hover .gallery-overlay { opacity: 1; }

/* --- BAZIČNI I MOBILNI STILOVI --- */
.portfolio-hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    isolation: isolate;
    min-height: 380px;
    display: flex;
    align-items: center;
}

/* KLJUČ: Ovaj preliv zatamnjuje sliku mašina da tekst ostane hirurški čitljiv, 
   a na dnu se 100% uliva u crnu boju sajta (#05060a) */
.portfolio-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, 
        rgba(5, 6, 10, 0.55) 0%, 
        rgba(5, 6, 10, 0.72) 70%, 
        #05060a 100%);
    z-index: -1;
}

.portfolio-content {
    background-color: #05060a !important;
}

/* Stilzacija dugmića za filtriranje (Nav Pills) */
.portfolio-filters .nav-link {
    background: transparent !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px;
    padding: 0.5rem 1.2rem;
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0.3rem;
    transition: all 0.3s ease;
}

/* Aktivno stanje dugmeta (Pretvara se u zlatno sa tamnim slovima) */
.portfolio-filters .nav-link.active,
.portfolio-filters .nav-link:hover {
    background: var(--gold-light) !important;
    color: #05060a !important;
    border-color: var(--gold-light) !important;
    box-shadow: 0 4px 15px rgba(189, 135, 56, 0.3);
}

/* --- BAZIČNI I MOBILNI STILOVI (Kontakt stranica) --- */
.contact-page-wrapper {
    background-color: #05060a !important;
}

.contact-hero {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    isolation: isolate;
    min-height: 380px;
    display: flex;
    align-items: center;
}

.contact-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 6, 10, 0.55) 0%, rgba(5, 6, 10, 0.72) 70%, #05060a 100%);
    z-index: -1;
}

.contact-body-content {
    background-color: #05060a !important;
}

.quote-body-content {
    background-color: #05060a !important;
}

/* KARTICA SA FORMOM - Luksuzna tamna unutrašnjost */
.contact-form-card {
    background: rgba(20, 20, 22, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

.contact-form-card .form-label {
    color: #a0aec0;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.4rem;
}

/* Kontrola input polja */
.contact-form-card .form-control {
    background-color: #0b0c10 !important;
    border: 1px solid rgba(189, 135, 56, 0.2) !important;
    color: #ffffff !important;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.contact-form-card .form-control:focus {
    border-color: var(--gold-light) !important;
    box-shadow: 0 0 10px rgba(189, 135, 56, 0.25) !important;
    background-color: #0e1017 !important;
}

/* Drži placeholder tekst u prefinjenoj sivoj boji */
.contact-form-card .form-control::placeholder {
    color: #4a5568;
}

/* KARTICA SA DESNE STRANE - Podaci o fabrici */
.contact-info-card {
    background: rgba(26, 26, 26, 0.4);
    border: 1px solid rgba(189, 135, 56, 0.25);
    border-radius: 12px;
}

.info-icon-wrap {
    width: 36px;
    height: 36px;
    background: rgba(189, 135, 56, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-light);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.info-label {
    color: #a0aec0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.1rem;
}

.info-value {
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
}

.text-gold-link {
    color: var(--gold-light);
    transition: color 0.2s;
}
.text-gold-link:hover {
    color: #fff;
}

/* GOOGLE MAPA - Snazzy dark filter */
.contact-map-section {
    line-height: 0;
}

.map-frame {
    height: 400px;
    border: none;
    /* MAGIJA: Ovaj filter pretvara običnu šarenu Google mapu u luksuznu tamnu mapu 
       koja se idealno uklapa u crnu pozadinu sajta! */
    filter: grayscale(100%) invert(90%) contrast(100%) brightness(90%);
}

/* Kastomizacija select polja unutar tamne forme */
.contact-form-card .form-select {
    /* Menjamo fabričku Bootstrap strelicu našom prefinjenom zlatnom */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://w3.org' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dfa951' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-size: 16px 12px;
}

/* Stil za opcije unutar padajuće liste */
.contact-form-card .form-select option {
    background-color: #0b0c10 !important;
    color: #ffffff !important;
    padding: 10px;
}

/* Isključujemo promenu veličine kod browsera za input tipa file */
.contact-form-card input[type="file"]::file-selector-button {
    background-color: rgba(189, 135, 56, 0.15) !important;
    color: var(--gold-light) !important;
    border: 1px solid rgba(189, 135, 56, 0.3) !important;
    padding: 0.35rem 1rem;
    border-radius: 4px;
    margin-right: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.contact-form-card input[type="file"]::file-selector-button:hover {
    background-color: var(--gold-light) !important;
    color: #05060a !important;
}

/* ==========================================================================
   PREMIUM B2B VALIDACIJA I STATUSNE PORUKE (GOLD & BLACK STIL)
   ========================================================================== */

/* 1. Pojedinačne poruke ispod svakog input polja (<div class="validate">) */
.php-email-form .validate {
    display: none; /* Inicijalno sakriveno, JS ga pali po potrebi */
    color: #e57373 !important; /* Elegantna, zagasito crvena (ne vrišti) */
    font-size: 0.8rem;
    font-weight: 500;
    margin-top: 0.4rem;
    padding-left: 0.2rem;
    letter-spacing: 0.3px;
    animation: fadeInForm 0.3s ease;
}

/* Kada JS upisuje tekst i aktivira polje */
.php-email-form .validate.error-visible {
    display: block;
}


/* 2. Zajednički kontejner za status slanja (<div class="my-3">) */
.php-email-form .loading,
.php-email-form .error-message,
.php-email-form .sent-message {
    display: none; /* Inicijalno sakriveno */
    padding: 0.9rem 1.2rem;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.4;
    animation: fadeInForm 0.4s ease;
}

/* LOADING - Status učitavanja/slanja */
.php-email-form .loading {
    display: none; /* JS menja u block na submit */
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f3eee9;
    text-align: center;
}
/* Mikro-animacija tri tačke za loading (opciono, daje skup osećaj) */
.php-email-form .loading::after {
    content: "...";
    animation: loadingDots 1.5s infinite;
}

/* ERROR MESSAGE - Glavna poruka o grešci na dnu forme */
.php-email-form .error-message {
    background: rgba(229, 115, 115, 0.1) !important; /* Poluprovidna tamno crvena */
    border: 1px solid rgba(229, 115, 115, 0.3) !important;
    color: #ef9a9a !important; /* Prijatna svetlocrvena za čitanje na tamnom */
}

/* SENT MESSAGE - Poruka o uspešnom slanju */
.php-email-form .sent-message {
    background: rgba(74, 155, 116, 0.1) !important; /* Luksuzna smaragdno-zelena, prigušena */
    border: 1px solid rgba(74, 155, 116, 0.3) !important;
    color: #a7f3d0 !important; /* Nežna zelena za tekst */
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

footer { background: #161616; color: #d7d1cc; }
.footer-info { align-items: center; display: flex; justify-content: center; }
.footer-item { font-size: .9rem; padding: 0 1.2rem; white-space: nowrap; }
.footer-item + .footer-item { border-left: 1px solid rgba(189, 135, 56, .7); }
.footer-slogan { color: var(--gold-light); font-family: 'Great Vibes', cursive; font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1; white-space: nowrap; }
/* Stil za donju copyright traku */
.footer-bottom p {
    font-size: 0.8rem;
    color: #718096 !important; /* Elegantna prigušena siva */
    letter-spacing: 0.5px;
}

/* Stil za dugme na dnu ekrana */
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 45px;
    height: 45px;
    background-color: #05060a; /* Duboka crna sa sajta */
    border: 1px solid var(--gold-light); /* Zlatni okvir */
    color: var(--gold-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0; /* Inicijalno nevidljiva */
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.back-to-top i {
    font-size: 1.8rem;
    line-height: 1;
}

/* --- LUKSUZNI PLUTAJUĆI COOKIE BAR --- */
.cookiealert {
    position: fixed;
    bottom: -200px; /* Početno sakriven ispod ekrana, JS mu dodaje klasu .show */
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1050;
    background: rgba(20, 20, 22, 0.98) !important; /* Duboki mrak sa blagom providnošću */
    border-top: 1px solid rgba(189, 135, 56, 0.25); /* Tanka zlatna linija */
    padding: 1.2rem 1rem;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.6);
    transition: bottom 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

/* Klasu .show aktivira tvoj JS kada proveri LocalStorage */
.cookiealert.show {
    bottom: 0 !important;
}

.cookiealert-container {
    max-width: 88vw; /* Prati srazmeru celog sajta */
    margin: 0 auto;
}

.cookie-text {
    color: #cbd5e1; /* Prefinjena siva */
    font-size: 0.9rem;
    line-height: 1.5;
    text-align: center;
}

.cookie-icon {
    font-size: 1.1rem;
    margin-right: 0.3rem;
}

.cookie-link {
    color: var(--gold-light) !important;
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s;
}

.cookie-link:hover {
    color: #ffffff !important;
}

/* Dugme "Slažem se" u stilu Golden Buzz dugmadi */
.cookiealert .acceptcookies {
    background: var(--gold-light) !important;
    color: #05060a !important;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.5rem 1.8rem;
    border-radius: 4px;
    border: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.cookiealert .acceptcookies:hover {
    background: #ffffff !important;
    color: #05060a !important;
    transform: translateY(-2px);
}

/* --- BAZIČNI I MOBILNI STILOVI ZA 404 --- */
.error-page-wrapper {
    background-color: #05060a !important;
    min-height: 75vh; /* Drži visinu ekrana da futer ne skoči gore */
    display: flex;
    align-items: center;
}

.error-code-badge {
    color: var(--gold-light);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.error-main-number {
    font-size: clamp(5rem, 15vw, 9rem);
    line-height: 1;
    font-weight: 900 !important;
    color: transparent;
    /* Trik: Providna slova sa zlatnom ivicom daju vrhunski industrijski izgled */
    -webkit-text-stroke: 2px var(--gold-light);
    margin-block: 1rem;
    letter-spacing: -2px;
}

/* Isključujemo komplikovanu pozadinu za mobilne jer tamo slika ide u pozadinu teksta */
@media (max-width: 991px) {
  .navbar .dropdown-menu {
        background: rgba(30, 30, 30, 0.98) !important;
        border: none !important;
        border-left: 2px solid var(--gold-light) !important; /* Zlatna linija sa leve strane u meniju */
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding-left: 1rem !important;
    }

    .navbar .dropdown-item {
        color: #f3eee9 !important;
        font-size: 0.95rem !important;
        font-weight: 500;
        padding-block: 0.6rem !important;
    }

    .navbar .dropdown-item:hover,
    .navbar .dropdown-item:active,
    .navbar .dropdown-item.active,
    .navbar .dropdown-item:focus {
        background: transparent !important;
        color: var(--gold-light) !important;
    }	
  .hero {
    background: linear-gradient(to right, #05060a 30%, rgba(5, 6, 10, 0.4) 60%, rgba(5, 6, 10, 0) 100%), url('../images/hero-masine.jpg') center / cover no-repeat, #05060a;
    min-height: 600px;
  }
    .trust h2 {
	 line-height: 1;  
  }
    .trust .poverenje {
	 line-height: 1;  
  }
    .lang-link {
        margin-right: auto; /* Razmak od hamburger ikonice na telefonu */
  }
    .lang-icon {
        width: 25px; /* Fiksno za mobilni da ne vrišti */
  } 
.partner h2 { font-size: 2rem; }
    .partner-sub { font-size: 1.2rem; display: block; margin-top: 0.5rem; }
    .partner-lead { font-size: 1rem; margin-block: 1.5rem; }
	
	.partner-metrics-row {
       border-bottom: 1px solid rgba(189, 135, 56, .35);
    }
    
    .partner-metrics-row .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1.5rem;
    }
    .partner-metrics-row .metric b { font-size: 2.2rem; }
    .partner-metrics-row .metric small { font-size: 0.85rem; }
	
	    /* Trik sa pseudo-elementom: linija stoji tačno na sredini između dve kolone */
    .partner-metrics-row .metric:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0; /* Postavlja se na samu desnu ivicu kolone (centar između dva broja) */
        top: 0;
        height: 100%;
        width: 1px;
        background-color: rgba(189, 135, 56, .35);
    }
	
	.partner-image {
        margin-bottom: 2rem;
    }
    
    .value-item {
        margin-bottom: 1.5rem;
        padding-inline: 10px;
    }
    .value-item i { font-size: 1.8rem; }
    
    .cta-box h3 { font-size: 1.4rem; }
    .cta-box p { font-size: 0.95rem; margin-bottom: 1rem; }
    
    /* Poravnanje za mobilne aplikacije */
    .cta-buttons-side .btn { 
        width: 100%; 
        text-align: center; 
    }

    /* Centriranje teksta na mobilnom i guranje strelice desno */
    .cta-buttons-side .btn-gold {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Strelica na mobilnom beži skroz desno uz ivicu dugmeta */
    .cta-buttons-side .btn-gold i {
        position: absolute;
        right: 20px; /* Razmak strelice na ekranu telefona */
        font-size: 1.2rem;
		-webkit-text-stroke: 1.5px currentColor; 
    }
	
	.cat-hero {
     min-height: 600px;
     }

	.footer-info { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; }
    .footer-item { padding: .8rem .6rem; text-align: center; white-space: normal; }
    .footer-item + .footer-item { border-left: 0; }
    .footer-item:nth-child(even) { border-left: 1px solid rgba(189, 135, 56, .7); }
    .footer-item:nth-child(n + 3) { border-top: 1px solid rgba(189, 135, 56, .7); }
	
	/* Trik koji smanjuje i prilagođava Google reCAPTCHA kvadrat na ekranu telefona */
    .g-recaptcha {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (min-width: 992px) {
  /* 1. TOPBAR: Fluidna visina i veličina slova */
  .topbar {
    font-size: 0.75vw !important; /* Tekst se smanjuje srazmerno sa ekranom */
    padding-block: 0.4vw !important; /* Fluidan prostor gore-dole */
  }

  /* 2. NAVBAR CONTAINEER: Resetujemo Bootstrapov padding */
  .navbar {
    padding-block: 0.6vw !important; /* Kontroliše ukupnu visinu celog menija */
  }

  /* 3. LOGO: Prilagođen za horizontalni oblik u meniju */
  .nav-logo {
    /* Visina logotipa u meniju se sada menja srazmerno sa širinom monitora */
    height: 3vw !important; /* Vezujemo visinu logotipa za ekran da ne raširi navbar */ 
    width: auto;
  }

  /* 4. LINKOVI: Fluidna veličina slova i razmaci */
  .navbar .navbar-nav .nav-link {
    font-size: 0.95vw !important;
    padding-inline: 1vw !important; /* Razmak između dva linka u nizu */
    padding-block: 0 !important; /* Resetujemo vertikalni padding jer visinu drži logo */
  }

  /* 5. DUGME "POŠALJITE UPIT" U MENIJU: Savršena srazmera */
  .navbar .navbar-nav .btn-gold {
    font-size: 0.9vw !important;
    padding-inline: 1.4vw !important; /* Širina dugmeta */
    padding-block: 0.4vw !important; /* Visina dugmeta */
    border-radius: 0.3vw !important; /* Blago zaobljenje ivica prati ekran */
    margin-left: 1vw !important; /* Razmak od prethodnog linka (Kontakt) */
  }
/* Otvaranje na HOVER umesto na klik na desktopu (Premium B2B osećaj) */
  .navbar .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  /* Stilzacija padajuće kutije u vw srazmeri */
  .navbar .dropdown-menu-dark {
    background-color: rgba(26, 26, 26, .98) !important;
    border: 1px solid rgba(189, 135, 56, .3) !important; /* Diskretna zlatna ivica */
    border-radius: 0.3vw !important;
    padding-block: 0.4vw !important;
    min-width: 15vw !important; /* Širina kutije prati širinu monitora */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  }

  /* Linkovi unutar padajuće kutije na desktopu */
  .navbar .dropdown-item {
    font-size: 0.85vw !important; /* Srazmerno manji od glavnih linkova */
    padding: 0.5vw 1.2vw !important;
    color: #f3eee9 !important;
    font-weight: 500;
    transition: all 0.2s ease;
  }

  /* Pomeranje teksta udesno i zlatna boja na hover */
  .navbar .dropdown-item:hover,
  .navbar .dropdown-item:active,
  .navbar .dropdown-item.active,
  .navbar .dropdown-item:focus {
    background-color: rgba(189, 135, 56, .08) !important;
    color: var(--gold-light) !important;
    padding-left: 1.5vw !important; /* Prefinjena mikro-animacija */
  }  
  
    /* 1. Resetujemo margine i silom je guramo desno */
    .lang-link {
        margin-left: auto !important; /* Ovo je ključ da na desktopu ode skroz desno */
        margin-right: 0 !important;
        padding-inline: 1.2vw !important; /* Tvoja srazmera */
        display: flex;
        align-items: center;
    }

    /* 2. Srazmera ikonice */
    .lang-icon {
        width: 1.3vw !important;
        height: auto;
    }

    /* 3. Da bi stala ODMAH uz linkove, a ne ostala odvojena: */
    .navbar-collapse {
        flex-grow: 0; /* Ne dozvoljava praznom prostoru da je odvoji od linkova */
    }
	
   /* Podnaslov "Vaš partner za..." */  
  .eyebrow {
    font-size: 0.61vw;
  }
  
  .eyebrow-hero {
    font-size: 1.35vw;
  }

  /* Glavni naslov koji smo već rešili */
  .hero h1 {
    font-size: 2.7vw; 
  }
  
  html[lang="en"] .hero h1 {
    font-size: 2.3vw !important;
  }

  /* Tekst "Premium B2B partner..." */
  .hero .hero-lead {
    font-size: 1.7vw;
  }
  
  html[lang="en"] .hero .hero-lead {
    font-size: 1.6vw !important;
  }

  /* Donji tekst o mašinama i firmama */
  .hero .lead {
    font-size: 1.1vw;
  }
  
  .hero .gold-rule { 
     width: 43vw;  
  }
  
  .hero p.fw-semibold:last-of-type {
	font-size: 1.26vw;  
  }	
  
  html[lang="en"] .hero p.fw-semibold:last-of-type {
	font-size: 1.24vw !important;  
  }	  

  .hero-logo {
    /* 18vw znači da će logo uvek zauzimati tačno 18% širine ekrana na desktopu */
    max-width: 13.5vw; 
    
    /* Donja margina se takođe skuplja srazmerno sa tekstom ispod */
    margin-bottom: 1.2vw; 
  } 
  
  /* Kontrola kontejnera za dugmad */
  .hero-buttons {
    justify-content: flex-start; /* Dugmad se ređaju prirodno sleva nadesno */
    gap: 2.5vw !important;       /* Fluidan razmak između njih */
  }

  /* Kontrola samih dugmadi unutar col-lg-6 */
  .hero-buttons .btn {
    /* Umesto procenta kolone, dajemo im fiksnu fluidnu širinu */
    /* tako da izgledaju kompaktno i elegantno, baš kao na slici */
    width: 20.3vw;                 
    
    font-size: 1.7vw !important;  /* Slova prate veličinu ekrana */
    padding-block: 0.5vw;         /* Visina dugmeta prati ekran */
    border-radius: 1.1vw; 
    text-align: center;
  }
  
  .trust h2 {
	font-size: 3.2vw;  
  }

  .trust .poverenje {
	font-size: 2.5vw;  
  } 
  
  /* Prisno vežemo za sekciju stats kako ne bismo poremetili druge delove sajta */
.stats .container-fluid {
    width: 100% !important;
    max-width: 100vw !important; /* Force-uje 100% širine ekrana na 4K monitorima */
    padding: 0 !important;
}

.stats .img-fluid {
    width: 100% !important; /* Primorava sliku da se razvuče preko celog ekrana, bez obzira na njenu rezoluciju */
    height: auto !important;
}
  
  .industrije-logo {
    /* 18vw znači da će logo uvek zauzimati tačno 18% širine ekrana na desktopu */
    max-width: 7vw; 
    
    /* Donja margina se takođe skuplja srazmerno sa tekstom ispod */
    margin-bottom: 0.5vw; 
  }

  #industrije .gold-rule { 
     width: 31vw;  
  } 

  #industrije .section-title {
	font-size: 3vw;  
  } 

  #industrije .industrije {
	font-size: 1.1vw;  
  }

    .work-card {
    border-radius: 0.4vw; /* Zaobljenje prati ekran */
  }

  .work-card .card-body {
    padding: 1.5vw !important;
  }

  .work-card h3 {
    font-size: 1.35vw !important;
    font-weight: 500;
  }

  .work-card p {
    font-size: 0.9vw !important;
    margin-top: 0.3vw !important;
    line-height: 1.3;
    max-width: 90%; 
  }
  
  .about-seo-section {
        margin-block: 2vw !important; /* Pravimo luksuzan razmak između sekcija */
    }

    /* Leva strana ostaje "zalepljena" dok korisnik skroluje desni dugački tekst */
    .sticky-seo-sidebar {
        position: sticky;
        top: 6vw; /* Drži distancu od tvog vw navbar menija */
        padding-right: 2vw;
    }

    .seo-badge {
        font-size: 0.8vw;
        letter-spacing: 0.15em;
    }

/* Glavni beli naslov (Levo) */
    .seo-main-title {
        font-size: 2.3vw;
        line-height: 1.15;
        color: #ffffff !important;
        /* Čista, oštra senka: odvaja belo slovo od crnih niti tkanine */
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
        font-weight: 800;
    }

    /* Glavni uvodni krem tekst (Desno) */
    .seo-content-block .seo-lead {
        font-size: 1.15vw;
        line-height: 1.6;
        color: #ffffff !important; /* Pojačano sa krem na čistu belu za bolji kontrast */
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    }

    /* Zlatni podnaslovi H3 (Desno) */
    .seo-sub-title {
        font-size: 1.4vw;
        margin-top: 3vw;
        margin-bottom: 1vw;
        color: var(--gold-light) !important;
        font-weight: 700;
        /* Oštra senka koja čini da zlatna boja bukvalno sija na tkanini */
        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95);
    }

    /* Obični sivi pasusi (Desno) */
    .seo-content-block p {
        font-size: 0.95vw;
        line-height: 1.6;
        color: #cbd5e1 !important; /* Posvetljeno sa #a0aec0 na #cbd5e1 (Bootstrap text-slate-300) */
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    }

 .partner .eyebrow {
        font-size: 0.9vw;
        margin-bottom: 0.8vw;
    }
    
    .partner h2 {
        font-size: 3.9vw;
		font-weight: 600;
    }
    
    .partner-sub {
        font-size: 2.5vw;
		font-weight: 600;
    }
    
    .partner-lead {
        font-size: 1.35vw;
        margin-block: 3.5vw !important;
        line-height: 1.4;
        max-width: 90%;
    }

    /* TACKA 3: Savršeno centrirane linije IZMEĐU brojeva */
    .partner-metrics-row {
        width: 100%;
        margin-top: 2.5vw !important;
    }
    
    .partner-metrics-row .metric b {
		display: inline-block; /* Obavezno da bi transformacija radila */
        transform: scaleY(1.3); /* Broj 1.5 izdužuje slova za 150% po visini */
        font-size: 2.2vw;
        margin-bottom: 0.6vw;
    }
    
    .partner-metrics-row .metric small {
        font-size: 1vw;
    }

    /* Trik sa pseudo-elementom: linija stoji tačno na sredini između dve kolone */
    .partner-metrics-row .metric:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0; /* Postavlja se na samu desnu ivicu kolone (centar između dva broja) */
        top: 0;
        height: 100%;
        width: 1px;
        background-color: rgba(189, 135, 56, .35);
    }

    /* Velika izvezena slika */
    .partner-image {
        /* Povećavamo maksimalnu širinu slike da bi dobila gabarit col-lg-7 kolone */
        max-width: 55vw !important; 
        width: 140% !important; /* Dozvoljavamo slici da bude veća od svog col-lg-6 okvira */
        
        /* KLJUČ: Negativna margina vuče sliku ulevo i ona "upada" u prostor teksta */
        margin-left: -8vw !important; 
        margin-top: 2vw !important;
        display: block;
        height: auto;
    }

    /* TACKA 4: Donje vrednosti i njihove uspravne linije na sredini */
    .value-row {
        margin-top: 2vw !important;
        padding-top: 2.5vw !important;
    }
    
    .value-item {
        padding-inline: 1.5vw !important;
    }
    
    .value-item i {
        font-size: 2.9vw;
    }
    
    .value-item b {
        font-size: 1.05vw;
        margin-bottom: 0.3vw;
    }
    
    .value-item small {
        font-size: 1vw;
        line-height: 1.3;
    }

    /* Uspravna linija tačno na sredini prostora između vrednosti */
    .value-row .value-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: rgba(189, 135, 56, .35);
    }

    /* TACKA 5: Sređivanje CTA kutije 50/50 sa uspravnom linijom u sredini */
    .cta-box {
        margin-top: 4vw !important;
        padding: 2.5vw 3vw !important;
        border-radius: 0.6vw;
    }
    
    .cta-text-side h3 {
        font-size: 2.4vw;
        margin-bottom: 0.4vw;
    }
    
    .cta-text-side p {
        font-size: 1.37vw;
    }

    /* Uspravna linija koja na sredini cta kutije deli tekst od dugmadi */
    .cta-split-row::after {
        content: "";
        position: absolute;
        left: 50%; /* Tačno na polovini (50/50 podela širine) */
        top: 0;
        height: 100%;
        width: 1px;
        background-color: rgba(223, 169, 81, .4);
    }

    /* 2. Dugmad se srazmerno šire i popunjavaju ceo taj prostor do desne ivice */
    .cta-box .col-lg-6 .btn {
        flex: 1 1 0% !important; /* Ključ: gura oba dugmeta da budu identične širine i popune 100% kolone */
        font-size: 1.4vw !important;     /* Veličina slova preslikana iz hero sekcije */
        padding-block: 0.8vw !important; /* Visina dugmeta preslikana iz hero sekcije */
        border-radius: 0.4vw !important;
        text-align: center;
        white-space: nowrap; /* Sprečava da tekst pukne u dva reda */
    }
	
	/* Rešenje za dugme sa strelicom na desktopu */
    .cta-box .btn-gold {
        position: relative;
        justify-content: center; /* Tekst ostaje u savršenom centru dugmeta */
    }

    /* Strelicu guramo skroz udesno i odmičemo je od ivice u vw srazmeri */
    .cta-box .btn-gold i {
        position: absolute;
        right: 1.5vw; /* Razmak strelice od desne ivice dugmeta */
        font-size: 1.4vw !important; /* Prati veličinu slova iz hero sekcije */
		-webkit-text-stroke: 1.5px currentColor; 
    }
	
	.portfolio-hero {
        min-height: auto !important;
        height: 27vw !important; /* Prati proporciju tvog navbar-a i ostalih hero sekcija */
    }

    .portfolio-hero h1 {
        font-size: 3vw !important; /* Hirurški precizan H1 u odnosu na ekran */
    }

    .portfolio-hero .lead {
        font-size: 1.05vw !important;
        line-height: 1.5;
    }
    .portfolio-filters .nav-link {
        font-size: 0.9vw !important;
        padding: 0.5vw 1.5vw !important;
        margin: 0.4vw;
    }
	
	.cat-hero {
        min-height: auto !important;
        height: 39vw !important; /* Bezbedna B2B visina, ne "jede" ekran */		
		background-position: right center;
        background-size: contain;
        background-repeat: no-repeat;
    }
	
	.cat-hero::before {
    /* Moćan gradijent: Crna kreće sa leve strane preko teksta, a desno ostavlja sliku mašine čistu */
    background: linear-gradient(to right, #05060a 43%, rgba(5, 6, 10, 0.7) 55%, rgba(5, 6, 10, 0.2) 100%);
    }
	
	.cat-hero-logo {
	margin-right: 15vw;
	}
    
    .cat-hero h1 { font-size: 2.8vw; }
    .cat-hero .lead-text { font-size: 1.1vw; max-width: 38vw; }
    .cat-hero .btn-lg {
        font-size: 0.95vw !important;
        padding-inline: 1.8vw !important;
        padding-block: 0.6vw !important;
        border-radius: 0.4vw;
    }

    /* Asimetrični SEO tekst sa leve i desne strane */
    .sticky-sidebar-info {
        position: sticky;
        top: 6vw;
    }
    .tech-badge { font-size: 0.8vw; }
    .seo-text-wrap { font-size: 0.95vw; line-height: 1.7; }
	
	/* Asimetrične srazmere galerije */
   .gallery-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 0.4vw; /* Prati tvoj vw sistem */
    cursor: pointer;
    aspect-ratio: 4 / 3; /* Standardni format za manje slike */
}

    .zoom-icon i { font-size: 1.4vw; }

/* Veće slike (svaka 3.) dobijaju bioskopski široki format */
.portfolio-grid .col-lg-6 .gallery-card {
    aspect-ratio: 16 / 9 !important;
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Hirurški precizno uklapanje slike bez deformacije */
    transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

.gallery-card:hover .gallery-img {
    transform: scale(1.08); /* Suptilno premium zumiranje na hover */
}

/* Overlay efekat koji se pojavljuje samo na hover */
.gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 6, 10, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-card:hover .gallery-overlay {
    opacity: 1;
}

/* GLightbox kastomizacija (da se uklopi u Golden Buzz stil) */
.goverlay { background: rgba(5, 6, 10, 0.95) !important; }
.gslide-title { color: var(--gold-light) !important; font-weight: 700; }

   .contact-hero {
        min-height: auto !important;
        height: 27vw !important;
    }
	
	.contact-hero h1 {
        font-size: 3vw !important; /* Hirurški precizan H1 u odnosu na ekran */
    }

    .contact-hero .lead {
        font-size: 1.05vw !important;
        line-height: 1.5;
    }

    .contact-form-card, .contact-info-card {
        border-radius: 0.6vw;
        padding: 3vw !important;
    }

    .contact-form-card .form-label {
        font-size: 0.75vw;
    }

    .contact-form-card .form-control {
        padding: 0.6vw 1vw;
        font-size: 0.9vw;
        border-radius: 0.4vw;
    }
	
	.contact-form-card input[type="file"]::file-selector-button {
        padding: 0.3vw 1vw !important;
        border-radius: 0.3vw !important;
        margin-right: 1vw !important;
        font-size: 0.85vw !important;
    }

    /* Tvoje dugme iz cta kutije i heroj sekcije (strelica zakucana skroz desno) */
    .btn-contact-submit {
        position: relative;
        width: 100% !important;
        font-size: 1.1vw !important;
        padding-block: 0.8vw !important;
        border-radius: 0.4vw !important;
        text-align: center;
        justify-content: center;
    }

    .btn-contact-submit i {
        position: absolute;
        right: 1.5vw;
        font-size: 1.4vw !important;
        -webkit-text-stroke: 1px currentColor;
    }

    /* Desna info strana u vw */
    .info-icon-wrap {
        width: 2.4vw;
        height: 2.4vw;
        font-size: 1vw;
    }
    .info-label { font-size: 0.7vw; }
    .info-value { font-size: 0.95vw; }
    
    .map-frame {
        height: 25vw; /* Visina mape prati širinu monitora */
    }
	
	.php-email-form .validate {
        font-size: 0.75vw !important;
        margin-top: 0.3vw !important;
    }
    
    .php-email-form .loading,
    .php-email-form .error-message,
    .php-email-form .sent-message {
        padding: 0.8vw 1.2vw !important;
        border-radius: 0.4vw !important;
        font-size: 0.9vw !important;
        margin-bottom: 1vw !important;
    }

	.footer-item { font-size: 1vw; padding: 0 2.7vw; }
    .footer-slogan { font-size: 2.5vw; }
	.footer-bottom p {
        font-size: 0.75vw !important;
    }
	
	.back-to-top {
        bottom: 1.5vw;
        right: 1.5vw;
        width: 3vw;
        height: 3vw;
    }
    .back-to-top i {
        font-size: 1.4vw;
    }
    .back-to-top:hover {
        background-color: var(--gold-light);
        color: #05060a;
        transform: translateY(-3px); /* Blago odskakanje nagore */
    }
	
	.cookiealert {
        padding: 0.8vw 0 !important;
    }
    .cookie-text {
        font-size: 0.85vw;
        text-align: left;
    }
    .cookiealert .acceptcookies {
        font-size: 0.8vw !important;
        padding: 0.4vw 1.5vw !important;
        border-radius: 0.3vw;
    }
	
	.error-page-wrapper {
        min-height: 38vw !important; /* Idealna srazmera za 4K i HD */
    }
    
    .error-code-badge {
        font-size: 0.8vw;
    }
    
    .error-main-number {
        font-size: 8vw;
        -webkit-text-stroke: 3px var(--gold-light);
        margin-block: 1.5vw;
    }

    /* Koristimo isto centrirano dugme koje smo sinoć upeglali za formu */
    .error-action-btn-wrap .btn-contact-submit {
        max-width: 18vw !important; /* Ograničavamo širinu dugmeta na desktopu */
        font-size: 0.95vw !important;
        padding-block: 0.6vw !important;
        border-radius: 0.4vw !important;
    }
    
    .error-action-btn-wrap .btn-contact-submit i {
        right: 1.2vw;
        font-size: 1.2vw !important;
    }
 
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
}

/* Pomoćne animacije za glatko pojavljivanje poruka */
@keyframes fadeInForm {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes loadingDots {
    0% { content: "."; }
    33% { content: ".."; }
    66% { content: "..."; }
}