/* ═══════════════════════════════════════════════════════════════════════
   Ivan Komarnici — sav dizajn.
   Platno PSD-a: 1980 × 4302.  html font-size je vezan za viewport tako da
   1rem = 10 dizajn-piksela na 1980px  (10/1980*100 = 0.50505vw).
   Svaka mera iz PSD-a se deli sa 10 i piše kao rem.
   ═══════════════════════════════════════════════════════════════════════ */

html { font-size: clamp(6.2px, 0.50505vw, 10px); overflow-x: hidden; }

:root {
	/* boje — sve uzorkovane iz PSD kompozita */
	--ik-tamna:   #2B2B2B;   /* topbar, traka, dugmad, kartice */
	--ik-zelena:  #AAB1A3;   /* akcenat (sage) */
	--ik-slate:   #2F3E46;   /* tekst menija */
	--ik-siva:    #EAEAEA;   /* pozadina "O nama", panel galerije, linije futera */
	--ik-muted:   #8B8B8B;   /* nadnaslov kartica usluga */
	--ik-bela:    #FFFFFF;
	--ik-traka-t: #F3F3F3;   /* tačka u traci */

	/* preklopi (izračunati iz kompozit ÷ original) */
	--ik-hero-preklop: rgba(34, 54, 57, .52);
	--ik-gal-preklop:  rgba(27, 27, 28, .78);

	/* širina sadržaja — JEDNA promenljiva, ne hardkoduj px maksimume */
	--ik-w: 161.2rem;        /* 1612px = x184…x1796 */

	--ik-font: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	--ik-strelica: url("../ikone/strelica.png");
	--ik-kvacica:  url("../ikone/kvacica.svg");
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	overflow-x: hidden;   /* panel galerije ide do x2009, van platna */
	font-family: var(--ik-font);
	font-size: 1.6rem;
	line-height: 1.6;
	color: var(--ik-tamna);
	background: var(--ik-bela);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, p, ul, figure { margin: 0; }
ul { list-style: none; padding: 0; }

.ik-omot { width: var(--ik-w); margin-inline: auto; }

/* ── DOSLOVAN display na svakom kontejneru ──
   U UREĐIVAČU Elementor za SVAKI element ubaci <style id="elementor-style-{id}">
   koji se učitava POSLE teme i vrati `--display:flex`. Kontejner koji se oslanja
   samo na bridž (`--display:block`) tu trku gubi → sadržaj se preklopi, a front-end
   izgleda ispravno. Zato svaka klasa mora imati DOSLOVAN display, specifičnosti 0,3,0.
   playbooks/08 §9. Isto važi za flex-direction (§6).  */

.elementor .elementor-element.ik-omot,
.elementor .elementor-element.ik-hero,
.elementor .elementor-element.ik-kartica,
.elementor .elementor-element.ik-onama,
.elementor .elementor-element.ik-onama__omot,
.elementor .elementor-element.ik-onama__vizual,
.elementor .elementor-element.ik-usluge,
.elementor .elementor-element.ik-usluge__omot,
.elementor .elementor-element.ik-usluga,
.elementor .elementor-element.ik-kartica,
.elementor .elementor-element.ik-galerija,
.elementor .elementor-element.ik-galerija__omot,
.elementor .elementor-element.ik-galerija__panel,
.elementor .elementor-element.ik-glava,
.elementor .elementor-element.ik-glava__omot,
.elementor .elementor-element.ik-galstr,
.elementor .elementor-element.ik-galstr__omot,
.elementor .elementor-element.ik-kontakt,
.elementor .elementor-element.ik-kontakt__podaci,
.elementor .elementor-element.ik-kontakt__forma,
.elementor .elementor-element.ik-stavka,
.elementor .elementor-element.ik-mapa,
.elementor .elementor-element.ik-cta,
.elementor .elementor-element.ik-cta__omot { display: block; }

.elementor .elementor-element.ik-kartice,
.elementor .elementor-element.ik-onama__prednosti,
.elementor .elementor-element.ik-usluge__mreza,
.elementor .elementor-element.ik-galerija__mreza,
.elementor .elementor-element.ik-galstr__mreza,
.elementor .elementor-element.ik-galstr__videi,
.elementor .elementor-element.ik-kontakt__omot,
.elementor .elementor-element.ik-kontakt__stavke { display: grid; }

.elementor .elementor-element.ik-hero__dugmad,
.elementor .elementor-element.ik-onama__dugmad { display: flex; flex-direction: row; }

.elementor .elementor-element.ik-znacka { display: flex; flex-direction: column; }

/* ── širine tekstualnih blokova ──
   Elementor drži `.elementor.elementor .e-con>.elementor-widget{max-width:100%}`
   — specifičnost 0,4,0. Ne nadjačavamo je `!important`-om (playbooks/08 §12),
   nego jednim pravilom ISTE forme koje čita CSS promenljivu; mera se onda
   zadaje običnom klasom. */
.elementor.elementor .e-con > .elementor-widget,
.elementor.elementor .e-con > .e-con > .elementor-widget {
	max-width: var(--ik-max, 100%);
}

.ik-onama__lead      { --ik-max: 61rem; }    /* PSD 608 */
.ik-onama__tekst     { --ik-max: 77.4rem; }  /* PSD 768–774 */
.ik-onama__prednosti { --ik-max: 80rem; }
.ik-galerija__naslov { --ik-max: 92rem; }
.ik-galerija__tekst  { --ik-max: 82.6rem; }  /* PSD 824 */
.ik-usluga__naslov   { --ik-max: 31rem; width: 31rem; }   /* PSD 290; prelomi su <br> */
.ik-kartica__naslov  { --ik-max: 42rem; }    /* prelomi su <br> po PSD-u */



/* ══════════════════════════════════════════════ Elementor bridž ══════
   Gasi Elementorove PODRAZUMEVANE vrednosti kontejnera (.e-con, .e-con.e-flex
   — najviše 0,2,0) kroz iste custom propertije. main.css je enqueue-ovan
   POSLE elementor-frontend (§2), pa izjednačenu specifičnost dobija tema.
   Namerno 0,2,0, NE 0,3,0: ono što klijent upiše u panelu (visina, padding,
   razmak…) Elementor piše kao .elementor-N .elementor-element.elementor-element-xxx
   (0,3,0) i to MORA da pobedi — na 0,3,0 bridž je to gazio na sajtu, a u
   uređivaču (gde Elementor ubaci stil posle teme) se videlo. playbooks/08 §1.
   ═════════════════════════════════════════════════════════════════════ */

.elementor .e-con {
	--display: block;
	--width: auto;
	--content-width: 100%;
	--min-height: auto;
	--padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
	--margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px;
	--gap: 0px; --row-gap: 0px; --column-gap: 0px;
	--flex-direction: row;
	--flex-wrap: initial;
	--justify-content: initial;
	--align-items: initial;
	--align-content: initial;
}

/* Donja margina widgeta se ne može oboriti klasom (0,3,0) — gasimo na izvoru.
   Razmaci se UVEK zadaju kao margin-top na SLEDEĆEM elementu. playbooks/08 §3, §17.
   margin-block-end je 0,2,0 (bije Elementorov .elementor-widget:not(:last-child)),
   da margina koju klijent zada widgetu (0,3,0) radi i na sajtu, ne samo u uređivaču. */
.elementor .elementor-widget.elementor-widget { --kit-widget-spacing: 0px; }
.elementor .elementor-widget { margin-block-end: 0; }

/* HTML widget mora biti static, inače hvata apsolutno pozicioniranu decu. §4 */
.elementor .elementor-element.elementor-widget-html { position: static; }

/* Overlay je ukras — nikad ne sme da hvata klikove (u uređivaču ga Elementor
   crta u SVAKOJ sekciji, pa se widget ne može kliknuti). §15 */
.elementor-background-overlay { pointer-events: none; }

/* Tipografija se postavlja na OMOTAČ widgeta i pušta da propadne unutra —
   tako iste klase rade i u ručnom markupu (zaglavlje/futer) i u Elementoru. §7 */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor .elementor-widget-container > *,
.elementor-widget-text-editor > * {
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	margin: 0;
}

/* ═════════════════════════════════════════════════════ dugme ════════
   Klasa ide na OMOTAČ widgeta; stil na .elementor-button (playbooks/08 §8).
   Fiksna širina 20.5rem — tako je u PSD-u na svim dugmadima osim galerijskog.
   ═══════════════════════════════════════════════════════════════════ */

.ik-dugme .elementor-button,
a.ik-dugme {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 20.5rem;
	height: 6.2rem;
	padding: 0 3.4rem 0 3.8rem;
	border: 0;
	border-radius: 3.1rem;
	background: var(--ik-tamna);
	color: var(--ik-bela);
	font-family: var(--ik-font);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	fill: currentColor;
	cursor: pointer;
	transition: filter .2s ease, transform .2s ease;
}
.ik-dugme .elementor-button:hover, a.ik-dugme:hover { filter: brightness(1.12); }
.ik-dugme .elementor-button:active, a.ik-dugme:active { transform: translateY(1px); }

/* Elementorov omotač widgeta ne sme da nosi širinu/pozadinu */
.elementor .elementor-element.ik-dugme { width: auto; background: none; }
.ik-dugme .elementor-button-content-wrapper { display: contents; }
.ik-dugme .elementor-button-icon { display: none; }
.ik-dugme .elementor-button-text { display: block; }

/* strelica */
.ik-dugme .elementor-button::after,
a.ik-dugme::after {
	content: "";
	width: 2.7rem;
	height: 1.9rem;
	flex: 0 0 auto;
	background: currentColor;
	-webkit-mask: var(--ik-strelica) center / contain no-repeat;
	mask: var(--ik-strelica) center / contain no-repeat;
}

.ik-dugme--zelen .elementor-button, a.ik-dugme--zelen { background: var(--ik-zelena); }
.ik-dugme--malo  .elementor-button, a.ik-dugme--malo  { width: 17.1rem; height: 5.2rem; padding: 0 2.9rem 0 3rem; font-size: 1.4rem; }
.ik-dugme--malo  .elementor-button::after, a.ik-dugme--malo::after { width: 1.8rem; height: 1.4rem; }
.ik-dugme--siroko .elementor-button, a.ik-dugme--siroko { width: 25.4rem; }

/* ═══════════════════════════════════════════════════ topbar ═════════ */

.ik-topbar {
	height: 5.3rem;                       /* PSD y 0…53 */
	background: var(--ik-tamna);
	color: var(--ik-bela);
}
.ik-topbar__omot { display: flex; align-items: center; height: 100%; }
.ik-topbar__adresa { margin-left: .2rem; font-size: 1.4rem; font-weight: 500; }
.ik-topbar__kontakt {
	margin-left: auto;
	margin-right: 2.8rem;                 /* 1587 − 1559 */
	display: inline-flex; align-items: center;
	font-size: 1.4rem; font-weight: 500; white-space: nowrap;
}
.ik-topbar__crta { width: .1rem; height: 1.4rem; margin: 0 1.4rem; background: currentColor; opacity: .55; }
.ik-topbar__dugme {
	display: inline-flex; align-items: center; justify-content: center;
	width: 20.9rem;                        /* 1587…1796 */
	height: 5.3rem;
	background: var(--ik-zelena);
	font-size: 1.4rem; font-weight: 700;
	text-transform: uppercase;
	transition: filter .2s ease;
}
.ik-topbar__dugme:hover { filter: brightness(1.1); }

/* ═════════════════════════════════════════════════ zaglavlje ════════ */

.ik-zaglavlje { background: var(--ik-bela); }
.ik-zaglavlje__omot { display: flex; align-items: flex-end; height: 18.5rem; }  /* y 53…238 */

.ik-logo { margin-left: .7rem; margin-bottom: 2.4rem; }   /* logo y 87…214, x 191 */
.ik-logo img { width: 18.1rem; height: 12.7rem; }

.ik-nav { margin-left: auto; margin-right: 1.8rem; margin-bottom: 3.7rem; }  /* tekst y 179…197 */
.ik-nav__lista { display: flex; align-items: center; gap: 11.8rem; }
.ik-nav__lista a {
	font-size: 1.8rem; font-weight: 600; line-height: 1;
	color: var(--ik-slate);
	white-space: nowrap;
	transition: color .2s ease;
}
.ik-nav__lista a:hover,
.ik-nav__lista .je-aktivna > a,
.ik-nav__lista .current-menu-item > a { color: var(--ik-zelena); }

.ik-burger { display: none; }

/* ═════════════════════════════════════════════ traka (marquee) ══════ */

.ik-traka {
	height: 5.4rem;                        /* y 238…292 */
	background: var(--ik-tamna);
	color: var(--ik-bela);
	overflow: hidden;
	display: flex; align-items: center;
}
/* Prolaze puni i trajanje računa main.js (prolaz ≥ širina trake → bešavno). */
.ik-traka__vrpca { display: flex; width: max-content; animation: ik-tece 38s linear infinite; }
.ik-traka__vrpca:hover { animation-play-state: paused; }
.ik-traka__lista .elementor-icon-list-items { display: none; }   /* izvor stavki za main.js */
.ik-traka__set   { display: flex; align-items: center; }
.ik-traka__stavka {
	display: inline-flex; align-items: center;
	font-size: 1.6rem; font-weight: 400; line-height: 1;
	white-space: nowrap;
	padding-right: 4.3rem;                 /* tekst → tačka 14 + 10 + 19 */
}
.ik-traka__stavka::after {
	content: "";
	width: 1rem; height: 1rem;             /* Ellipse 4 = 10×10 */
	margin-left: 1.4rem; margin-right: -2.9rem;
	border-radius: 50%;
	background: var(--ik-traka-t);
}
@keyframes ik-tece { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ik-traka__vrpca { animation: none; } }

/* ═══════════════════════════════════════════════════ hero ═══════════ */

.ik-hero {
	position: relative;
	height: 63.6rem;                       /* y 292…928 */
	background: var(--ik-hero-preklop) url("../img/hero.jpg") center / cover;
	background-blend-mode: normal;
	color: var(--ik-bela);
	overflow: hidden;
}
.ik-hero::before {
	content: ""; position: absolute; inset: 0;
	background: var(--ik-hero-preklop);
	pointer-events: none;
}
.ik-hero > * { position: relative; z-index: 1; }

.ik-hero .ik-omot { padding-top: 13.35rem; }          /* prvi red mastila na y 432 */
.ik-hero__nad   { font-size: 1.8rem; font-weight: 600; line-height: 1.4; }
.ik-hero__naslov{ margin-top: 3.6rem; font-size: 6rem; font-weight: 700; line-height: 1.225; } /* 60/73.5 */
.ik-hero__dugmad{ margin-top: 4rem; display: flex; gap: 1.8rem; }                              /* y 658 */

.ik-hero__tacke { position: absolute; left: 78.3rem; bottom: 3.3rem; display: flex; gap: 2.1rem; z-index: 2; }
.ik-hero__tacka { width: 11.6rem; height: 1.1rem; border-radius: .55rem; background: var(--ik-tamna); border: 0; padding: 0; cursor: pointer; }
.ik-hero__tacka.je-aktivna { background: var(--ik-zelena); }

/* ══════════════════════════════════════ traka od tri kartice ════════ */

.ik-kartice {
	display: grid;
	grid-template-columns: repeat(3, 1fr);  /* 3 × 660px, full-bleed */
	height: 30.3rem;                        /* y 928…1231 — fiksna, ne min */
	overflow: hidden;
}
.ik-kartica { padding: 5.1rem 4rem 0; color: var(--ik-bela); background: var(--ik-tamna); }
/* NE :nth-child — u uređivaču Elementor ubaci svoje elemente pa indeksi pobegnu.
   Svaka kartica nosi svoju klasu iz _build skripte. */
.ik-kartica--vrata    { padding-left: 18.5rem; }   /* sadržaj x 183/188 */
.ik-kartica--galerija { padding-left: 15.4rem; background: var(--ik-zelena); }
.ik-kartica--prozori  { padding-left: 10.5rem; }

.ik-kartica__nad    { font-size: 1.5rem; font-weight: 600; line-height: 1; }
.ik-kartica__naslov { margin-top: 1.6rem; font-size: 2.5rem; font-weight: 600; line-height: 1.4; }  /* 25/35 */

.ik-kartica .ik-dugme { margin-top: 2rem; }

/* ═══════════════════════════════════════════════════ o nama ═════════ */

.ik-onama { background: var(--ik-siva); }
.ik-onama__omot { position: relative; min-height: 84.9rem; }   /* y 1231…2080 */

.ik-onama__omot { padding-top: 15.8rem; }             /* naslov, mastilo na y 1397 */
.ik-onama__naslov { font-size: 5.5rem; font-weight: 700; line-height: 1.15; }
.ik-onama__lead   { margin-top: 1.4rem; font-size: 1.8rem; font-weight: 600; line-height: 1.556; }
.ik-onama__tekst  { margin-top: 2.5rem; font-size: 1.8rem; font-weight: 600; line-height: 1.556; }  /* 18/28 */
.ik-onama__tekst + .ik-onama__tekst { margin-top: 3rem; }

.ik-onama__prednosti {
	margin-top: 4.4rem;
	display: grid;
	grid-template-columns: 39.2rem auto;   /* kolone x 185 i 577 */
	row-gap: 3rem; column-gap: 0;
	max-width: 80rem;
}
.ik-prednost { display: flex; align-items: center; gap: 1.3rem; font-size: 1.8rem; font-weight: 600; }
.ik-prednost::before {
	content: "";
	flex: 0 0 auto; width: 3.5rem; height: 3rem;
	background: var(--ik-kvacica) center / contain no-repeat;   /* dvobojna — ne maska */
}

.ik-onama__dugmad { margin-top: 6.8rem; display: flex; gap: 1.8rem; }   /* y 1917 */

/* vizual desno — foto + dve značke */
.ik-onama__vizual { position: absolute; left: 111rem; top: 13.1rem; width: 51.6rem; height: 67rem; }  /* x 1294, y 1362 */
.ik-onama__foto {
	position: absolute; left: .4rem; top: 4.7rem;      /* klip: x 1298, y 1409 */
	width: 49.7rem; height: 51.8rem;                   /* PSD 497×518 */
	border-radius: 2.8rem;
	overflow: hidden;
}
.ik-onama__foto img {
	position: absolute; left: -.4rem; top: -4.7rem;    /* slika: x 1294, y 1362 */
	width: 50.2rem; height: 67rem; max-width: none;
	object-fit: cover;
}

.elementor .elementor-element.ik-znacka { --flex-direction: column; }
.ik-znacka {
	position: absolute; left: -9.7rem;      /* x 1197 */
	width: 17.8rem; height: 17.8rem;
	border-radius: 2.8rem;
	color: var(--ik-bela);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; line-height: 1;
}
.ik-znacka--gore { top: 10.8rem; background: var(--ik-zelena); }   /* y 1470 */
.ik-znacka--dole { top: 31rem;   background: var(--ik-tamna);  }   /* y 1672 */

.ik-znacka__nad   { font-size: 1.5rem; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.ik-znacka__broj  { margin-top: .6rem; font-size: 7.58rem; font-weight: 800; letter-spacing: -.02em; }
.ik-znacka__jed   { margin-top: .5rem; font-size: 2.14rem; font-weight: 800; }
.ik-znacka__opis  { margin-top: .4rem; font-size: 2rem; font-weight: 500; text-transform: uppercase; }
/* ikonica u donjoj znački — pseudo-element sa `order` da ostane između tekstova */
.ik-znacka__nad  { order: 1; }
.ik-znacka__broj { order: 2; }
.ik-znacka__jed  { order: 3; }
.ik-znacka__opis { order: 4; }
.ik-znacka--dole::before {
	/* Elementor koristi `.e-con::before` za Background Overlay i drži ga na
	   position:absolute — bez ovoga ikonica ispadne iz toka i preklopi tekst. */
	position: relative; inset: auto;
	content: ""; order: 2; display: block;
	width: 5.3rem; height: 5.3rem; margin: 1.7rem 0 .5rem;
	background: currentColor;
	-webkit-mask: url("../ikone/prozor.png") center / contain no-repeat;
	mask: url("../ikone/prozor.png") center / contain no-repeat;
}

/* ═══════════════════════════════════════════════════ usluge ═════════ */

.ik-usluge { background: var(--ik-bela); }
.ik-usluge__omot { min-height: 86.6rem; padding-top: 7.05rem; }   /* naslov, mastilo na y 2159 */
.ik-usluge__naslov {
	font-size: 3.5rem; font-weight: 700; line-height: 1.2;
	text-align: center;
}
.ik-usluge__mreza {
	margin-top: 8rem;                                   /* y 2274 */
	display: grid;
	grid-template-columns: repeat(4, 28.7rem);
	justify-content: space-between;
	width: 158.8rem;                                    /* x 183…1771 */
	margin-left: -.1rem;
}

.ik-usluga { position: relative; }
.ik-usluga__slika { width: 28.7rem; height: 33.6rem; border-radius: 2.4rem; overflow: hidden; }
.ik-usluga__slika img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Ikonica je DEKORACIJA (nema teksta) — crta je CSS, ne HTML widget.
   Tako u uređivaču nema `</>` trake koja pomera raspored. */
.ik-usluga::before, .ik-usluga::after {
	content: "";
	/* `.e-con::before` je Elementorov Background Overlay — ovde ga namerno
	   koristimo kao dekoraciju; zato eksplicitno postavljamo sve što on nosi. */
	position: absolute; left: auto; bottom: auto; right: -2.55rem; top: 26.4rem;   /* badge y 2538, desno +25 */
	width: 9.3rem; height: 9.3rem;
	pointer-events: none;
}
.ik-usluga::before { border-radius: 2.8rem; background: var(--ik-tamna); }
.ik-usluga::after {
	background: var(--ik-bela);
	-webkit-mask: center / 5.3rem no-repeat;
	mask: center / 5.3rem no-repeat;
}
.ik-usluga--proizvodnja::after { -webkit-mask-image: url("../ikone/setting.png"); mask-image: url("../ikone/setting.png"); -webkit-mask-size: 6.3rem; mask-size: 6.3rem; }
.ik-usluga--vrata::after       { -webkit-mask-image: url("../ikone/vrata.png");   mask-image: url("../ikone/vrata.png");   -webkit-mask-size: 5.1rem; mask-size: 5.1rem; }
.ik-usluga--prozori::after     { -webkit-mask-image: url("../ikone/prozor.png");  mask-image: url("../ikone/prozor.png"); }
.ik-usluga--pitanja::after     { -webkit-mask-image: url("../ikone/podrska.png"); mask-image: url("../ikone/podrska.png"); -webkit-mask-size: 5.8rem; mask-size: 5.8rem; }

.ik-usluga__nad    { margin-top: 3.1rem; font-size: 1.6rem; font-weight: 400; color: var(--ik-muted); line-height: 1; text-transform: uppercase; }  /* y 2639 */
.ik-usluga__naslov { margin-top: 1.1rem; font-size: 2rem; font-weight: 600; line-height: 1.35; }                          /* 20/27 */
.ik-usluga .ik-dugme { margin-top: 4.5rem; }                                                                              /* y 2762 */

/* ══════════════════════════════════════════════════ galerija ════════ */

.ik-galerija {
	position: relative;
	background: url("../img/galerija-bg.jpg") center / cover;
	color: var(--ik-bela);
}
.ik-galerija::before { content: ""; position: absolute; inset: 0; background: var(--ik-gal-preklop); pointer-events: none; }
.ik-galerija__omot { position: relative; z-index: 1; min-height: 66.5rem; }   /* y 2946…3611 */

.ik-galerija__omot { padding-top: 7.85rem; }          /* nadnaslov, mastilo na y 3031 */
.ik-galerija__nad    { font-size: 1.8rem; font-weight: 600; line-height: 1.4; }
.ik-galerija__naslov { margin-top: 2.9rem; font-size: 5rem; font-weight: 700; line-height: 1.3; }  /* 50/65 */
.ik-galerija__tekst  { margin-top: 3.7rem; font-size: 1.8rem; font-weight: 600; line-height: 1.556; }
.ik-galerija .ik-dugme { margin-top: 3.8rem; }                                                       /* y 3453 */

.ik-galerija__panel {
	position: absolute; left: 87rem; top: 21rem;        /* x 1054, y 3156 */
	width: 95.5rem; height: 52.2rem;
	background: var(--ik-siva);
	border-radius: 2.4rem;   /* izmereno na PSD renderu */
	padding: 7.2rem 0 0 9.4rem;                         /* prva pločica x 1148, y 3228 */
	z-index: 1;
}
.ik-galerija__mreza { display: grid; grid-template-columns: repeat(4, 17.5rem); gap: 1.4rem 1.2rem; }
.ik-plocica { position: relative; width: 17.5rem; height: 17.5rem; border-radius: 2rem; overflow: hidden; display: block; }
.elementor .elementor-element.ik-plocica { width: 17.5rem; }
.ik-plocica img { width: 100%; height: 100%; object-fit: cover; }
.ik-plocica--video::after {
	content: ""; position: absolute; inset: 0; margin: auto;
	width: 5.4rem; height: 5.4rem;
	background: var(--ik-bela);
	-webkit-mask: url("../ikone/play.png") center / contain no-repeat;
	mask: url("../ikone/play.png") center / contain no-repeat;
}

/* ══════════════════════════════════════════════════ futer ═══════════ */

.ik-futer { background: var(--ik-bela); }
.ik-futer__omot {
	display: grid;
	grid-template-columns: 53rem 52.1rem auto;    /* pregrade na x 714 i 1235 */
	min-height: 64.9rem;                          /* y 3611…4260 */
	padding-top: 6.9rem;                          /* logo y 3680 */
}
.ik-futer__kol { padding-right: 6rem; }
.ik-futer__kol--linkovi,
.ik-futer__kol--kontakt { border-left: .4rem solid var(--ik-siva); padding-left: 16.3rem; padding-top: 11.4rem; }
.ik-futer__kol--kontakt { padding-left: 10.1rem; }

.ik-futer__logo { display: block; margin-left: -.6rem; }   /* PSD x178 */
.ik-futer__logo img { width: 19.5rem; height: 14.7rem; }
.ik-futer__opis  { margin-top: 5.1rem; max-width: 47rem; font-size: 1.6rem; line-height: 1.875; }  /* 16/30 */
.ik-futer__copy  { margin-top: 4.1rem; font-size: 1.6rem; }
.ik-futer__pravno{ margin-top: 2.5rem; display: flex; gap: 1.4rem; font-size: 1.6rem; }
.ik-futer__pravno a { text-decoration: underline; text-underline-offset: .3rem; }

.ik-futer__naslov { font-size: 2rem; font-weight: 700; line-height: 1; }
.ik-futer__lista  { margin-top: 1.4rem; }
.ik-futer__lista li { display: flex; align-items: center; gap: 1.8rem; height: 4.97rem; font-size: 1.6rem; }
.ik-futer__lista li::before {
	content: ""; flex: 0 0 auto; width: 2.1rem; height: 1.8rem;
	background: var(--ik-kvacica) center / contain no-repeat;
}

.ik-futer__firma  { margin-top: 4.1rem; font-size: 1.6rem; font-weight: 700; }
.ik-futer__adresa { margin-top: 2.4rem; font-size: 1.6rem; }
.ik-futer__linija { margin-top: 2.2rem; display: flex; align-items: center; font-size: 1.6rem; }
.ik-futer__crta   { width: .1rem; height: 1.4rem; margin: 0 1.2rem; background: currentColor; opacity: .45; }
.ik-futer__mreze  { margin-top: 3.6rem; display: flex; gap: 2.4rem; }

.ik-mreza {
	width: 5.8rem; height: 5.8rem;
	background: var(--ik-tamna);
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
	transition: background-color .2s ease;
}
.ik-mreza:hover { background-color: var(--ik-zelena); }
.ik-mreza--fb { -webkit-mask-image: url("../ikone/facebook.png");  mask-image: url("../ikone/facebook.png"); }
.ik-mreza--ig { -webkit-mask-image: url("../ikone/instagram.png"); mask-image: url("../ikone/instagram.png"); }
.ik-mreza--yt { -webkit-mask-image: url("../ikone/youtube.png");   mask-image: url("../ikone/youtube.png"); }

.ik-dno { height: 4.2rem; background: var(--ik-tamna); }   /* y 4260…4302 */

/* ═══════════════════════════ zaglavlje/futer kroz Elementor (HFE) ══════
   Theme Builder je Elementor Pro — Header Footer Elementor daje isto na
   besplatnom stacku. Šabloni koriste ISTE klase kao PHP fallback, pa sve
   mere ostaju gore; ovde je samo ono što traži Elementorov omotač.
   ═══════════════════════════════════════════════════════════════════════ */

/* doslovan display (uređivač — playbooks/08 §9) */
.elementor .elementor-element.ik-topbar,
.elementor .elementor-element.ik-zaglavlje,
.elementor .elementor-element.ik-futer,
.elementor .elementor-element.ik-futer__kol,
.elementor .elementor-element.ik-dno { display: block; }

.elementor .elementor-element.ik-topbar__omot,
.elementor .elementor-element.ik-zaglavlje__omot { display: flex; flex-direction: row; }
.elementor .elementor-element.ik-traka { display: flex; flex-direction: row; align-items: center; }
.elementor .elementor-element.ik-futer__omot { display: grid; }

.ik-traka > .elementor-widget { width: 100%; }
.ik-dno { min-height: 4.2rem; }

/* topbar: adresa/kontakt/dugme su sada widgeti */
.ik-topbar__kontakt { display: flex; align-items: center; }
.ik-topbar__kontakt a { color: inherit; }
.ik-topbar__dugme .elementor-button {
	display: inline-flex; align-items: center; justify-content: center;
	width: 20.9rem; height: 5.3rem; padding: 0; border: 0; border-radius: 0;
	background: var(--ik-zelena); color: var(--ik-bela);
	font-family: var(--ik-font); font-size: 1.4rem; font-weight: 700; line-height: 1;
	text-transform: uppercase;
}
.ik-topbar__dugme .elementor-button::after { content: none; }
.elementor .elementor-element.ik-topbar__dugme { width: auto; margin-left: 0; }

/* logo je image widget */
.elementor .elementor-element.ik-logo { flex: 0 0 auto; width: 18.1rem; margin: 0 0 2.4rem .7rem; }
/* image widget je po defaultu centriran — logotipi idu levo */
.elementor .elementor-element.ik-logo,
.elementor .elementor-element.ik-futer__logo { text-align: left; }
.elementor .elementor-element.ik-futer__logo { width: 19.5rem; margin-left: -.6rem; }
.ik-logo a, .ik-logo figure { display: block; margin: 0; }

/* ── HFE Navigation Menu — glavni meni ── */
.elementor .elementor-element.ik-nav { width: auto; margin: 0 1.8rem 3.7rem auto; }

.ik-nav > .elementor-widget-container > .hfe-nav-menu { display: block; }
.ik-nav ul.hfe-nav-menu {
	display: flex; align-items: center; flex-wrap: nowrap;
	justify-content: flex-end; width: 100%;
	column-gap: 11.8rem; row-gap: 0;      /* `gap` bi dao i row-gap → +118px visine */
	margin: 0; padding: 0; list-style: none;
}
/* HFE-ov clearfix ::after postaje FLEX STAVKA i pojede jedan gap na kraju reda */
.ik-nav ul.hfe-nav-menu::before,
.ik-nav ul.hfe-nav-menu::after,
.ik-futer__lista ul.hfe-nav-menu::before,
.ik-futer__lista ul.hfe-nav-menu::after { content: none; }
.ik-nav .hfe-nav-menu li.menu-item { margin: 0; }
.ik-nav a.hfe-menu-item {
	display: block; padding: 0;
	font-size: 1.8rem; font-weight: 600; line-height: 1;
	color: var(--ik-slate); white-space: nowrap;
	transition: color .2s ease;
}
.ik-nav a.hfe-menu-item:hover,
.ik-nav .current-menu-item > a.hfe-menu-item,
.ik-nav .current_page_item > a.hfe-menu-item { color: var(--ik-zelena); }
.ik-nav .sub-arrow, .ik-nav .hfe-menu-toggle { display: none; }

/* ── HFE Navigation Menu — futer, vertikalno sa kvačicama ── */
.elementor .elementor-element.ik-futer__lista { margin-top: 1.4rem; }
.ik-futer__lista > .elementor-widget-container > .hfe-nav-menu { display: block; }
.ik-futer__lista ul.hfe-nav-menu { display: block; margin: 0; padding: 0; list-style: none; }
.ik-futer__lista .hfe-nav-menu li.menu-item { margin: 0; }
.ik-futer__lista a.hfe-menu-item {
	display: flex; align-items: center; gap: 1.8rem;
	height: 4.97rem; padding: 0;
	font-size: 1.6rem; font-weight: 400; line-height: 1;
	color: var(--ik-tamna);
}
.ik-futer__lista a.hfe-menu-item::before {
	content: ""; flex: 0 0 auto; width: 2.1rem; height: 1.8rem;
	background: var(--ik-kvacica) center / contain no-repeat;
}
.ik-futer__lista a.hfe-menu-item:hover { color: var(--ik-zelena); }

/* ── društvene mreže: Elementorov social-icons widget, ali ikonice iz PSD-a ──
   Widget daje klijentu polja za URL-ove; izgled preuzima tema kroz masku. */
.elementor .elementor-element.ik-futer__mreze { margin-top: 3.6rem; width: auto; }
.elementor .elementor-element.ik-futer__mreze .elementor-social-icons-wrapper { display: flex; justify-content: flex-start; gap: 2.4rem; }
.ik-futer__mreze .elementor-grid-item { width: auto; }
.elementor .elementor-element.ik-futer__mreze .elementor-social-icon {
	width: 5.8rem; height: 5.8rem;
	padding: 0; border-radius: 0;
	background-color: var(--ik-tamna);
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
	transition: background-color .2s ease;
}
.elementor .elementor-element.ik-futer__mreze .elementor-social-icon:hover { background-color: var(--ik-zelena); }
.ik-futer__mreze .elementor-social-icon svg,
.ik-futer__mreze .elementor-screen-only { display: none; }
.elementor .elementor-element.ik-futer__mreze .elementor-repeater-item-fb01 { -webkit-mask-image: url("../ikone/facebook.png");  mask-image: url("../ikone/facebook.png"); }
.elementor .elementor-element.ik-futer__mreze .elementor-repeater-item-ig01 { -webkit-mask-image: url("../ikone/instagram.png"); mask-image: url("../ikone/instagram.png"); }
.elementor .elementor-element.ik-futer__mreze .elementor-repeater-item-yt01 { -webkit-mask-image: url("../ikone/youtube.png");   mask-image: url("../ikone/youtube.png"); }

/* futer: kolone su sada kontejneri, tekst su widgeti */
.elementor .elementor-element.ik-futer__opis   { --ik-max: 47rem; }
.ik-futer__pravno { display: flex; gap: 1.4rem; }
.ik-futer__linija { display: flex; align-items: center; }

/* ═══════════════════════════════════════════ PODSTRANICE ════════════
   PSD NEMA artboard za podstranice — sve dole je predlog, građen od
   dizajn-sistema naslovne: iste boje, tipografija, --ik-w i dugmad.
   Sadržaj generišu _build/galerija.php i _build/kontakt.php.
   ═══════════════════════════════════════════════════════════════════ */

/* ── glava strane: isti obrazac kao hero (slika + preklop), samo niža ── */

.ik-glava {
	position: relative;
	background: url("../img/hero.jpg") center / cover;
	color: var(--ik-bela);
	overflow: hidden;
}
.ik-glava::before {
	content: ""; position: absolute; inset: 0;
	background: var(--ik-hero-preklop);
	pointer-events: none;
}
.ik-glava > * { position: relative; z-index: 1; }

.ik-glava__omot   { min-height: 36rem; padding: 9rem 0 8rem; }
.ik-glava__nad    { font-size: 1.8rem; font-weight: 600; line-height: 1.4; }
.ik-glava__naslov { margin-top: 2.4rem; font-size: 5rem; font-weight: 700; line-height: 1.24; }
.ik-glava__tekst  { margin-top: 2.6rem; font-size: 1.8rem; font-weight: 500; line-height: 1.61; --ik-max: 82rem; }

/* ── galerija (podstranica) ── */

.ik-galstr { background: var(--ik-bela); }
.ik-galstr--video { background: var(--ik-siva); }
.ik-galstr__omot { padding: 8.6rem 0; }

.ik-galstr__nad    { font-size: 1.6rem; font-weight: 400; line-height: 1; color: var(--ik-muted); text-transform: uppercase; }
.ik-galstr__naslov { margin-top: 1.8rem; font-size: 4.2rem; font-weight: 700; line-height: 1.28; }
.ik-galstr__tekst  { margin-top: 2.4rem; font-size: 1.8rem; line-height: 1.611; --ik-max: 82rem; }

/* 3 × 52.13rem + 2 × 2.4rem = 161.2rem (--ik-w) — ista mreža kao video ispod */
.ik-galstr__mreza {
	margin-top: 5.4rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}
.ik-kadar { position: relative; border-radius: 2rem; overflow: hidden; aspect-ratio: 1; display: block; }
.ik-kadar img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.ik-kadar a { display: block; height: 100%; }
.ik-kadar:hover img { transform: scale(1.05); }

/* 3 × 52.13rem + 2 × 2.4rem = 161.2rem */
.ik-galstr__videi {
	margin-top: 5.4rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.4rem;
}
/* Elementorov video widget: omotač nosi zaobljenje, iframe puni okvir 16:9.
   Poster (image_overlay) drži pločicu vidljivom — bez njega lazy_load ostavi
   prazan crn okvir dok se ne skroluje. */
.ik-video .elementor-wrapper { border-radius: 2rem; overflow: hidden; background: var(--ik-tamna); }
.ik-video .elementor-custom-embed-image-overlay {
	border-radius: 2rem;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.ik-video .elementor-custom-embed-image-overlay img { width: 100%; height: 100%; object-fit: cover; }

/* ⚠ PLACEHOLDER posteri (gal-video-*.jpg) izvučeni su iz PSD-a i već IMAJU
   utisnutu play ikonu, pa se Elementorova sakriva da ne bude dupla.
   Kad klijent pošalje prave postere (bez play-a), obriši ovo jedno pravilo
   i ikonica se vraća sama. */
.ik-video .elementor-custom-embed-play { display: none; }

/* ── kontakt ── */

.ik-kontakt { background: var(--ik-bela); }
.ik-kontakt__omot {
	display: grid;
	grid-template-columns: 58rem 95.2rem;   /* 58 + 8 gap + 95.2 = 161.2rem */
	gap: 8rem;
	padding: 8.6rem 0;
}
.ik-kontakt__naslov { font-size: 3.5rem; font-weight: 700; line-height: 1.2; }
.ik-kontakt__uvod   { margin-top: 2rem; font-size: 1.8rem; line-height: 1.611; }

.ik-kontakt__stavke {
	margin-top: 4.4rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.4rem 3rem;
}
.ik-stavka { padding-left: 5.4rem; position: relative; }
/* Ikonica je DEKORACIJA (nema teksta) — crta je CSS, ne HTML widget (§25). */
.ik-stavka::before {
	content: "";
	position: absolute; left: 0; top: .2rem; right: auto; bottom: auto;
	width: 3.8rem; height: 3.8rem;
	border-radius: 1.2rem;
	background: var(--ik-zelena);
	pointer-events: none;
}
.ik-stavka::after {
	content: "";
	position: absolute; left: .95rem; top: 1.15rem; right: auto; bottom: auto;
	width: 1.9rem; height: 1.9rem;
	background: var(--ik-bela);
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
	pointer-events: none;
}
.ik-stavka--telefon::after { -webkit-mask-image: url("../ikone/podrska.png"); mask-image: url("../ikone/podrska.png"); }
.ik-stavka--email::after   { -webkit-mask-image: url("../ikone/kvacica.svg"); mask-image: url("../ikone/kvacica.svg"); }
.ik-stavka--adresa::after  { -webkit-mask-image: url("../ikone/prozor.png");  mask-image: url("../ikone/prozor.png"); }
.ik-stavka--radno::after   { -webkit-mask-image: url("../ikone/setting.png"); mask-image: url("../ikone/setting.png"); }

.ik-stavka__oznaka   { font-size: 1.4rem; font-weight: 400; line-height: 1; color: var(--ik-muted); text-transform: uppercase; }
.ik-stavka__vrednost { margin-top: .9rem; font-size: 1.8rem; font-weight: 600; line-height: 1.5; }
.ik-stavka__vrednost a:hover { color: var(--ik-zelena); }

/* društvene mreže — isti obrazac kao u futeru (§28) */
.elementor .elementor-element.ik-kontakt__mreze { margin-top: 4.4rem; text-align: left; }
.ik-kontakt__mreze .elementor-social-icons-wrapper { display: flex; gap: 2.4rem; justify-content: flex-start; }
.elementor .elementor-element.ik-kontakt__mreze .elementor-social-icon {
	width: 5.8rem; height: 5.8rem;
	border-radius: 0; padding: 0;
	background-color: var(--ik-tamna);
	-webkit-mask: center / contain no-repeat;
	mask: center / contain no-repeat;
	transition: background-color .2s ease;
}
.elementor .elementor-element.ik-kontakt__mreze .elementor-social-icon:hover { background-color: var(--ik-zelena); }
.ik-kontakt__mreze .elementor-social-icon svg,
.ik-kontakt__mreze .elementor-social-icon i { display: none; }
/* Skraćeni -webkit-mask resetuje mask-image → per-stavku pravilo mora biti
   iste ili veće specifičnosti od pravila sa skraćenicom (§28). */
.elementor .elementor-element.ik-kontakt__mreze .elementor-repeater-item-kfb01 { -webkit-mask-image: url("../ikone/facebook.png");  mask-image: url("../ikone/facebook.png"); }
.elementor .elementor-element.ik-kontakt__mreze .elementor-repeater-item-kig01 { -webkit-mask-image: url("../ikone/instagram.png"); mask-image: url("../ikone/instagram.png"); }
.elementor .elementor-element.ik-kontakt__mreze .elementor-repeater-item-kyt01 { -webkit-mask-image: url("../ikone/youtube.png");   mask-image: url("../ikone/youtube.png"); }

/* ── forma (Contact Form 7 kroz shortcode widget) ── */

.ik-kontakt__forma { background: var(--ik-siva); border-radius: 2.4rem; padding: 5.4rem 5rem; }
.ik-forma__naslov { font-size: 2.8rem; font-weight: 700; line-height: 1.2; }
.ik-forma__uvod   { margin-top: 1.4rem; font-size: 1.6rem; line-height: 1.6; }
.elementor .elementor-element.ik-forma { margin-top: 3.4rem; }

.ik-forma__red { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.ik-forma__red + .ik-forma__red { margin-top: 2rem; }
.ik-polje { display: block; }
.ik-polje--puno { margin-top: 2rem; }
.ik-polje__oznaka { display: block; margin-bottom: .9rem; font-size: 1.4rem; font-weight: 600; line-height: 1; }
.ik-forma .wpcf7-form-control-wrap { display: block; }

.ik-forma input[type="text"],
.ik-forma input[type="tel"],
.ik-forma input[type="email"],
.ik-forma select,
.ik-forma textarea {
	width: 100%;
	height: 5.6rem;
	padding: 0 1.8rem;
	border: .1rem solid #D4D4D4;
	border-radius: 1.2rem;
	background: var(--ik-bela);
	font-family: var(--ik-font);
	font-size: 1.6rem;
	color: var(--ik-tamna);
	transition: border-color .2s ease;
}
.ik-forma textarea { height: auto; padding: 1.6rem 1.8rem; line-height: 1.6; resize: vertical; }
.ik-forma input:focus, .ik-forma select:focus, .ik-forma textarea:focus { outline: 0; border-color: var(--ik-zelena); }
.ik-forma ::placeholder { color: var(--ik-muted); opacity: 1; }

.ik-saglasnost { display: flex; align-items: flex-start; gap: 1.2rem; margin-top: 2.4rem; font-size: 1.4rem; line-height: 1.5; }
.ik-saglasnost .wpcf7-list-item { margin: 0; }
.ik-saglasnost input[type="checkbox"] { width: 1.8rem; height: 1.8rem; margin: 0; accent-color: var(--ik-zelena); }

/* Submit je <input> — nema pseudo-elemente, pa strelicu nosi omotač.
   Omotač MORA imati tačno širinu dugmeta i biti inline-block: kao inline-flex
   CF7-ov spinner postaje flex stavka i razvuče ga 36 px, pa strelica (vezana za
   desnu ivicu omotača) ispadne iz dugmeta. Isti obrazac kao HFE clearfix, §26. */
.ik-submit { position: relative; display: inline-block; width: 25.4rem; margin-top: 3rem; }
.ik-submit input[type="submit"] {
	width: 100%; height: 6.2rem;
	padding: 0 8rem 0 3.8rem;
	border: 0; border-radius: 3.1rem;
	background: var(--ik-zelena);
	color: var(--ik-bela);
	font-family: var(--ik-font);
	font-size: 1.6rem; font-weight: 600; line-height: 1;
	text-align: left;
	cursor: pointer;
	transition: filter .2s ease, transform .2s ease;
}
.ik-submit input[type="submit"]:hover { filter: brightness(1.12); }
.ik-submit input[type="submit"]:active { transform: translateY(1px); }
.ik-submit::after {
	content: "";
	position: absolute; right: 3.4rem; top: 50%;
	transform: translateY(-50%);
	width: 2.7rem; height: 1.9rem;
	background: var(--ik-bela);
	-webkit-mask: var(--ik-strelica) center / contain no-repeat;
	mask: var(--ik-strelica) center / contain no-repeat;
	pointer-events: none;
}

/* CF7 poruke */
.ik-forma .wpcf7-not-valid-tip { margin-top: .6rem; font-size: 1.3rem; color: #C0392B; }
.ik-forma .wpcf7-response-output {
	margin: 2.4rem 0 0; padding: 1.4rem 1.8rem;
	border: .1rem solid var(--ik-muted); border-radius: 1.2rem;
	font-size: 1.5rem; line-height: 1.5;
}
.ik-forma .wpcf7-mail-sent-ok { border-color: var(--ik-zelena); }
/* Spinner van dugmeta — unutar omotača bi mu pomerio strelicu. */
.ik-submit .wpcf7-spinner { position: absolute; left: calc(100% + 1.4rem); top: 50%; transform: translateY(-50%); margin: 0; }

/* ── mapa ── */

.ik-mapa { background: var(--ik-bela); padding-bottom: 8.6rem; }
.elementor .elementor-element.ik-mapa__okvir { width: var(--ik-w); margin-inline: auto; }
/* Elementor 4 za google_maps NE renderuje .elementor-widget-container — sadržaj je
   direktno .elementor-custom-embed (provereno merenjem: selektor vraća „nema elementa"). */
.ik-mapa__okvir .elementor-custom-embed { border-radius: 2.4rem; overflow: hidden; line-height: 0; }
.ik-mapa__okvir iframe { display: block; width: 100%; height: 42rem; border: 0; }

/* ── CTA traka ── */

.ik-cta { background: var(--ik-tamna); color: var(--ik-bela); }
.ik-cta__omot { padding: 7rem 0; text-align: center; }
.ik-cta__naslov { font-size: 3.5rem; font-weight: 700; line-height: 1.2; }
.ik-cta__tekst  { margin-top: 1.8rem; font-size: 1.8rem; line-height: 1.611; --ik-max: 78rem; margin-inline: auto; }
.elementor .elementor-element.ik-cta__tekst { margin-inline: auto; }
.ik-cta .ik-dugme { margin-top: 3.4rem; }
.elementor .elementor-element.ik-cta .ik-dugme { display: inline-block; }
.ik-cta__omot .elementor-widget-button { text-align: center; }

/* ═══════════════════════════ UNUTRAŠNJE STRANE KOMARNIKA ═══════════
   Komarnici za vrata / za prozore — sadržaj generiše _build/usluge.php.
   Isti raspored (glava, levi meni, sadržaj) imaju i O nama i Galerija
   (_build/o-nama.php, _build/galerija.php — Mijat, 27.10.2026).
   Raspored je sa Maximus „Video nadzor" snimka (Aleksandar, 28.09.2026),
   mere izmerene na snimku i preračunate 846 → 1980 px. Boje, font i dugmad
   su iz dizajn-sistema naslovne. PSD NEMA artboard za ove strane.
   ═══════════════════════════════════════════════════════════════════ */

/* doslovan display (uređivač — playbooks/08 §9) */
.elementor .elementor-element.ik-ustr,
.elementor .elementor-element.ik-bocna,
.elementor .elementor-element.ik-ustr__sadrzaj,
.elementor .elementor-element.ik-pomoc,
.elementor .elementor-element.ik-pomoc__glava,
.elementor .elementor-element.ik-pomoc__traka,
.elementor .elementor-element.ik-ugal,
.elementor .elementor-element.ik-ugal__omot { display: block; }

.elementor .elementor-element.ik-ustr__omot,
.elementor .elementor-element.ik-ustr__prednosti,
.elementor .elementor-element.ik-paketi,
.elementor .elementor-element.ik-pomoc__mreza,
.elementor .elementor-element.ik-ugal__videi { display: grid; }

.elementor .elementor-element.ik-bocna__cta,
.elementor .elementor-element.ik-paket,
.elementor .elementor-element.ik-pomoc-kartica { display: flex; flex-direction: column; }

/* ── naslov sa crtom levo (glava, „Meni", „Galerija") ── */
.ik-crta .elementor-heading-title::before {
	content: "";
	display: inline-block;
	width: max(.08em, .5rem); height: .82em;   /* Maximus: ~7 px i na malom „Meni" */
	margin-right: .14em;
	vertical-align: -.08em;
	background: var(--ik-zelena);
}

/* ── glava: veliki naslov + putanja ──
   Maximus: pojas ispod zaglavlja 363 px, naslov ~90 px, putanja 34 px ispod. */
.ik-glava--usluga .ik-glava__omot { min-height: 36.3rem; padding: 11.6rem 0 9.6rem; }
.ik-glava--usluga .ik-glava__naslov { margin-top: 0; font-size: 9rem; line-height: 1.05; }

.ik-putanja { margin-top: 3.2rem; font-size: 1.7rem; font-weight: 600; line-height: 1.4; }
.ik-putanja a { transition: color .2s ease; }
.ik-putanja a:hover { color: var(--ik-zelena); }
.ik-putanja strong { font-weight: inherit; }
.ik-putanja u { text-underline-offset: .4rem; text-decoration-thickness: .1rem; }
/* separator crta tema — klijent u tekstu ima samo link / podebljano / podvučeno */
.ik-putanja :is(a, strong, u, span):not(:last-child)::after {
	content: "";
	display: inline-block;
	width: 1.9rem; height: 1.9rem;
	margin: 0 .8rem 0 1rem;
	vertical-align: -.4rem;
	background: url("../ikone/krug-strelica.svg") center / contain no-repeat;
}

/* ── telo: levi meni 297 px · razmak 220 · sadržaj (x 700…1796) ── */
.ik-ustr { background: var(--ik-bela); }
.ik-ustr__omot {
	display: grid;
	grid-template-columns: 29.7rem minmax(0, 1fr);
	column-gap: 22rem;
	align-items: start;
	padding: 8.2rem 0 12rem;
}

/* levi meni — WordPress meni „Bočni meni — usluge" (Izgled → Meniji) */
.ik-bocna { padding-top: 2.3rem; }
.ik-bocna__naslov { font-size: 2.8rem; font-weight: 700; line-height: 1; }

.elementor .elementor-element.ik-bocna__meni { margin-top: 3.2rem; width: 28.1rem; }
.ik-bocna__meni ul { margin: 0; padding: 0; list-style: none; }
.ik-bocna__meni li a {
	position: relative;
	display: block;
	padding: 1.75rem 0 1.65rem;
	border-bottom: .1rem solid #E2E2E2;
	font-size: 1.5rem; font-weight: 600; line-height: 1.5rem;
	color: var(--ik-tamna);
	transition: color .2s ease;
}
.ik-bocna__meni li a:hover { color: var(--ik-zelena); }
.ik-bocna__meni .sub-menu a { padding-left: 3.7rem; font-size: 1.4rem; font-weight: 400; }
.ik-bocna__meni .ik-meni-grupa > a { pointer-events: none; }   /* grupa, ne strana */
.ik-bocna__meni .menu > .current-menu-item > a,
.ik-bocna__meni .current-menu-parent > a { color: var(--ik-zelena); }
.ik-bocna__meni .sub-menu .current-menu-item > a::before {
	content: "";
	position: absolute; left: 0; top: 50%;
	width: 2.3rem; height: 2.3rem;
	transform: translateY(-50%);
	background: var(--ik-kvacica) center / contain no-repeat;
}

/* CTA kutija ispod menija — slika je Elementorova pozadina (klijent je menja) */
.ik-bocna__cta {
	position: relative;
	margin-top: 5.6rem;
	min-height: 38.9rem;
	padding-top: 3.4rem;
	border-radius: 2rem;
	overflow: hidden;
	color: var(--ik-bela);
}
.ik-bocna__cta::before {
	content: ""; position: absolute; inset: 0;
	width: 100%; height: 100%;
	background: linear-gradient(180deg, rgba(43, 43, 43, .6) 0%, rgba(43, 43, 43, .9) 100%);
	pointer-events: none;
}
.ik-bocna__cta > * { position: relative; z-index: 1; }
.ik-bocna__cta-naslov { padding: 0 2.4rem; font-size: 2.6rem; font-weight: 700; line-height: 1.3; }

.elementor .elementor-element.ik-bocna__linkovi { margin-top: auto; padding-top: 3rem; width: 100%; }
.elementor .ik-bocna__linkovi .elementor-icon-list-items { margin: 0; padding: 0; }
.elementor .ik-bocna__linkovi .elementor-icon-list-item { margin: 0; padding: 0; }
.elementor .ik-bocna__linkovi .elementor-icon-list-item > a {
	display: flex; align-items: center; gap: 1.2rem;
	padding: 1.3rem 2.4rem;
	border-top: .1rem solid rgba(255, 255, 255, .14);
	background: rgba(43, 43, 43, .72);
	color: var(--ik-bela);
	transition: background-color .2s ease;
}
.elementor .ik-bocna__linkovi .elementor-icon-list-item > a:hover { background: rgba(43, 43, 43, .92); }
.elementor .ik-bocna__linkovi .elementor-icon-list-item > a::before {
	content: ""; flex: 0 0 auto;
	width: 1.9rem; height: 1.9rem;
	background: url("../ikone/krug-strelica.svg") center / contain no-repeat;
}
.elementor .ik-bocna__linkovi .elementor-icon-list-text {
	padding: 0;
	color: inherit;
	font-family: var(--ik-font);
	font-size: 1.4rem; font-weight: 600; line-height: 1.4;
	text-decoration: underline; text-underline-offset: .35rem;
}
.elementor .ik-bocna__linkovi .elementor-icon-list-icon { display: none; }

/* sadržaj */
.ik-ustr__naslov { font-size: 4rem; font-weight: 700; line-height: 1.225; }       /* 2 reda, korak 49 */
.ik-ustr__tekst  { margin-top: 2.2rem; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; }
.ik-ustr__tekst--uvod { margin-top: 3.2rem; }
.ik-ustr__podnaslov { margin-top: 5.2rem; font-size: 2.8rem; font-weight: 700; line-height: 1.25; }

/* O nama: „Zašto da izaberete nas" — iste stavke sa kvačicom kao na naslovnoj, dve kolone */
.ik-ustr__prednosti { margin-top: 3rem; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 3rem; column-gap: 4rem; }
/* galerija: foto mreža u koloni sadržaja, ispod uvoda */
.ik-ustr__sadrzaj .ik-galstr__mreza { margin-top: 4.6rem; }

/* tri kartice: 309 × 349, razmak 84 */
.elementor .elementor-element.ik-paketi { margin-top: 4.6rem; }
.ik-paketi { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8.4rem; }
.ik-paket {
	position: relative;
	min-height: 34.9rem;
	padding: 3.1rem 2.6rem 2.6rem;
	border-radius: 2rem;
	overflow: hidden;
	color: var(--ik-bela);
}
.ik-paket::before {
	content: ""; position: absolute; inset: 0;
	width: 100%; height: 100%;
	background: linear-gradient(160deg, rgba(43, 43, 43, .95) 0%, rgba(43, 43, 43, .88) 50%, rgba(43, 43, 43, .6) 100%);
	pointer-events: none;
}
.ik-paket > * { position: relative; z-index: 1; }
.ik-paket__naslov { font-size: 3.4rem; font-weight: 700; line-height: 1.12; }
.ik-paket__tekst  { margin-top: 2rem; font-size: 1.4rem; font-weight: 600; line-height: 2.1rem; }

.elementor .elementor-element.ik-paket__link { margin-top: auto; padding-top: 2.4rem; width: 100%; }
.ik-paket__link .elementor-button {
	display: flex; align-items: center; justify-content: space-between;
	width: 100%; padding: 0; border: 0; border-radius: 0;
	background: none;
	color: var(--ik-bela);
	font-family: var(--ik-font); font-size: 1.4rem; font-weight: 600; line-height: 1;
	text-decoration: underline; text-underline-offset: .35rem;
	transition: color .2s ease;
}
.ik-paket__link .elementor-button:hover { color: var(--ik-zelena); }
.ik-paket__link .elementor-button-content-wrapper { display: contents; }
.ik-paket__link .elementor-button-icon { display: none; }
.ik-paket__link .elementor-button::after {
	content: ""; flex: 0 0 auto;
	width: 2.2rem; height: 2.2rem;
	background: url("../ikone/krug-strelica.svg") center / contain no-repeat;
}

/* dugme na dnu sadržaja, iznad njega linija */
.elementor .elementor-element.ik-ustr__dugme {
	width: 100%;
	margin-top: 4.6rem;
	padding-top: 4.4rem;
	border-top: .1rem solid #DCDCDC;
}

/* ── „Kako možemo da vam pomognemo" ── */
.ik-pomoc { background: var(--ik-bela); }
.ik-pomoc__glava { padding-top: 12rem; text-align: center; }
.ik-pomoc__nad    { font-size: 1.6rem; font-weight: 400; line-height: 1; color: var(--ik-muted); text-transform: uppercase; }
.ik-pomoc__naslov { margin-top: 1.4rem; font-size: 4rem; font-weight: 700; line-height: 1.225; }
.ik-pomoc__tekst  { margin-top: 2.2rem; font-size: 1.8rem; line-height: 2.8rem; --ik-max: 118rem; }
.elementor .elementor-element.ik-pomoc__tekst { margin-inline: auto; }

.ik-pomoc__traka { margin-top: 6.3rem; padding: 10.8rem 0 12rem; background: var(--ik-siva); }
/* 3 × 42.8 + 2 × 16.4 = 161.2rem (--ik-w) */
.ik-pomoc__mreza { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15.5rem 16.4rem; }

.ik-pomoc-kartica {
	position: relative;
	align-items: center;
	min-height: 19.7rem;
	padding: 7.1rem 3rem 0;
	border-radius: 2rem;
	background: var(--ik-bela);
	box-shadow: 0 1.2rem 3.6rem rgba(0, 0, 0, .06);
	text-align: center;
}
/* krug sa ikonicom preko gornje ivice — dekoracija, crta je CSS (§25).
   `.e-con::before` je Elementorov overlay: inset PRE top/left (§36). */
.ik-pomoc-kartica::before,
.ik-pomoc-kartica::after {
	content: "";
	position: absolute; inset: auto;
	top: -4.9rem; left: 50%;
	width: 9.8rem; height: 9.8rem;
	margin-left: -4.9rem;
	pointer-events: none;
}
.ik-pomoc-kartica::before { border-radius: 50%; background: var(--ik-tamna); }
.ik-pomoc-kartica::after {
	background: var(--ik-bela);
	-webkit-mask: center / 4.6rem no-repeat;
	mask: center / 4.6rem no-repeat;
}
.ik-pomoc-kartica--vrata::after       { -webkit-mask-image: url("../ikone/vrata.png");   mask-image: url("../ikone/vrata.png"); }
.ik-pomoc-kartica--prozori::after     { -webkit-mask-image: url("../ikone/prozor.png");  mask-image: url("../ikone/prozor.png"); }
.ik-pomoc-kartica--proizvodnja::after { -webkit-mask-image: url("../ikone/setting.png"); mask-image: url("../ikone/setting.png"); -webkit-mask-size: 5.2rem; mask-size: 5.2rem; }
.ik-pomoc-kartica--garancija::after   { -webkit-mask-image: url("../ikone/kvacica.svg"); mask-image: url("../ikone/kvacica.svg"); -webkit-mask-size: 4.2rem; mask-size: 4.2rem; }
.ik-pomoc-kartica--galerija::after    { -webkit-mask-image: url("../ikone/play.png");    mask-image: url("../ikone/play.png"); }
.ik-pomoc-kartica--upit::after        { -webkit-mask-image: url("../ikone/podrska.png"); mask-image: url("../ikone/podrska.png"); }

.ik-pomoc-kartica__naslov { font-size: 2rem; font-weight: 600; line-height: 1.3; color: var(--ik-slate); }
.ik-pomoc-kartica__tekst  { margin-top: .8rem; font-size: 1.4rem; line-height: 2.1rem; --ik-max: 34rem; }

/* dugme je u toku, a negativna donja margina ga spusti preko donje ivice kartice */
.elementor .elementor-element.ik-pomoc-kartica__dugme { margin-top: auto; margin-bottom: -2.3rem; padding-top: 2.4rem; width: auto; }
.ik-pomoc-kartica__dugme .elementor-button {
	display: inline-flex; align-items: center; justify-content: center;
	width: 20.1rem; height: 4.6rem;
	padding: 0; border: 0; border-radius: 2.3rem;
	background: var(--ik-zelena);
	color: var(--ik-bela);
	font-family: var(--ik-font); font-size: 1.4rem; font-weight: 600; line-height: 1;
	transition: filter .2s ease;
}
.ik-pomoc-kartica__dugme .elementor-button:hover { filter: brightness(1.08); }
.ik-pomoc-kartica__dugme .elementor-button-icon { display: none; }

/* ── galerija na kraju: foto (Elementor PRO gallery, kao drsonja.rs) + video ── */
.ik-ugal { background: var(--ik-bela); border-bottom: .4rem solid var(--ik-siva); }
.ik-ugal__omot { padding: 12rem 0; }
.ik-ugal__naslov { font-size: 4rem; font-weight: 700; line-height: 1.225; }
.elementor .elementor-element.ik-ugal__foto { margin-top: 4.5rem; }   /* drsonja: 45px */

/* „Video galerija" — podnaslov, podvučen */
.ik-ugal__podnaslov { margin-top: 9rem; font-size: 3.2rem; font-weight: 700; line-height: 1.25; }
.ik-ugal__podnaslov .elementor-heading-title::after {
	content: ""; display: block;
	width: 8rem; height: .4rem;
	margin-top: 1.6rem;
	border-radius: .2rem;
	background: var(--ik-zelena);
}
/* isti razmak kao foto galerija (48px) */
.ik-ugal__videi { margin-top: 4.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4.8rem; }

/* ═══════════════════════════════════════════════ responzivno ════════
   PSD NEMA mobilni artboard — sve ispod 1024px je procena, nije dizajn.
   Blok mora doći POSLE bridža (ista specifičnost 0,3,0). playbooks/08 §6.
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 1400px) {
	html { font-size: clamp(5.6px, 0.62vw, 10px); }
	.ik-nav__lista { gap: 4rem; }
	.ik-nav__lista a { font-size: 2rem; }
}

@media (max-width: 1024px) {
	html { font-size: 10px; }
	:root { --ik-w: min(92vw, 70rem); }

	.ik-topbar { height: auto; padding: 1rem 0; }
	.ik-topbar__omot { flex-wrap: wrap; gap: .8rem 2rem; justify-content: center; text-align: center; }
	.ik-topbar__kontakt { margin: 0; }
	.ik-topbar__dugme, .ik-topbar__dugme .elementor-button {
		width: auto; height: 4.4rem; padding: 0 2.4rem; border-radius: 2.2rem;
	}
	.elementor .elementor-element.ik-topbar__dugme { margin: .6rem auto 0; }

	.ik-zaglavlje__omot { height: auto; padding: 2rem 0; align-items: center; }
	.ik-logo { margin: 0; }
	.ik-logo img { width: 14rem; height: auto; }
	.elementor .elementor-element.ik-logo { width: 14rem; margin: 0; }
	.elementor .elementor-element.ik-futer__logo { width: 15rem; margin-left: 0; }
	.ik-futer__logo img { width: 15rem; height: auto; }
	.ik-burger {
		display: flex; flex-direction: column; justify-content: center; gap: .5rem;
		margin-left: auto; width: 4.4rem; height: 4.4rem; padding: 0 .7rem;
		background: none; border: 0; cursor: pointer;
	}
	/* HFE meni (Elementor widget): toggle desno, lista pada ispod */
	.elementor .elementor-element.ik-nav { display: block; margin: 0 0 0 auto; width: auto; }
	.ik-nav ul.hfe-nav-menu { width: 100%; flex-direction: column; align-items: stretch; column-gap: 0; }
	.ik-nav .hfe-nav-menu__toggle { display: flex; justify-content: flex-end; cursor: pointer; }
	.ik-nav .hfe-nav-menu-icon svg { width: 2.6rem; height: 2.6rem; fill: var(--ik-tamna); }
	.ik-nav li.menu-item { border-top: .1rem solid var(--ik-siva); }
	.ik-nav a.hfe-menu-item { display: block; padding: 1.6rem 0; font-size: 1.7rem; }
	.ik-nav .hfe-dropdown { background: var(--ik-bela); }
	.ik-burger span { display: block; height: .2rem; background: var(--ik-tamna); border-radius: .1rem; transition: transform .2s ease, opacity .2s ease; }
	/* PHP fallback (kad nema HFE šablona) — <nav class="ik-nav"> */
	nav.ik-nav { position: absolute; left: 0; right: 0; top: 100%; margin: 0; background: var(--ik-bela); box-shadow: 0 1rem 3rem rgba(0,0,0,.12); display: none; z-index: 40; }
	.ik-zaglavlje { position: relative; }
	.ik-zaglavlje.je-otvoren nav.ik-nav { display: block; }
	.ik-nav__lista { flex-direction: column; align-items: stretch; gap: 0; }
	.ik-nav__lista li { border-top: .1rem solid var(--ik-siva); }
	.ik-nav__lista a { display: block; padding: 1.6rem 4vw; font-size: 1.7rem; }

	/* fiksna širina dugmeta (20.5rem) preliva uski ekran — na mobilnom je auto */
	.ik-dugme .elementor-button, a.ik-dugme,
	.ik-dugme--malo .elementor-button, .ik-dugme--siroko .elementor-button {
		width: auto; min-width: 0; max-width: 100%;
		justify-content: center; gap: 1.4rem;
		padding: 0 2.6rem;
	}
	.ik-hero__dugmad, .ik-onama__dugmad { flex-wrap: wrap; gap: 1.4rem; }

	.ik-hero { height: auto; padding-bottom: 8rem; }
	.ik-hero__nad { padding-top: 6rem; font-size: 1.6rem; }
	.ik-hero__naslov { font-size: clamp(3rem, 6vw, 4.4rem); }
	.ik-hero__dugmad { flex-wrap: wrap; }
	.ik-hero__tacke { position: static; margin-top: 4rem; left: auto; justify-content: center; }
	.ik-hero__tacka { width: 6rem; }

	.ik-kartice { grid-template-columns: 1fr; min-height: 0; }
	.ik-kartica, .ik-kartica[class] { padding: 4rem 4vw; }

	.ik-onama__omot { min-height: 0; padding-bottom: 6rem; }
	.ik-onama__naslov { padding-top: 6rem; font-size: clamp(2.8rem, 6vw, 4rem); }
	.ik-onama__prednosti { grid-template-columns: 1fr; max-width: none; }
	.ik-onama__vizual { position: static; width: 100%; height: auto; margin-top: 5rem; }
	.ik-onama__foto { position: relative; left: auto; top: auto; width: 100%; height: auto; aspect-ratio: 497 / 518; }
	.ik-onama__foto img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.ik-znacka { position: static; display: inline-flex; margin: 2rem 2rem 0 0; }
	.elementor .elementor-element.ik-znacka { --flex-direction: column; }

	.ik-usluge__omot { min-height: 0; padding-bottom: 6rem; }
	.ik-usluge__naslov { padding-top: 6rem; }
	.ik-usluge__mreza { width: 100%; margin: 4rem 0 0; grid-template-columns: repeat(2, 1fr); gap: 6rem 3rem; }
	.ik-usluga { display: flex; flex-direction: column; }
	.elementor .elementor-element.ik-usluga { --display: flex; --flex-direction: column; }
	.ik-usluga__slika { width: 100%; height: 26rem; }
	.elementor .elementor-element.ik-usluga__slika { width: 100%; }
	.ik-usluga::before, .ik-usluga::after { right: 1.2rem; top: 18.8rem; }   /* slika je 26rem */
	.ik-usluga__naslov { width: auto; --ik-max: none; }
	.ik-usluga__nad { margin-top: 4.5rem; }
	.elementor .elementor-element.ik-usluga__naslov { width: auto; }

	.ik-galerija__omot { min-height: 0; padding: 6rem 0; }
	.ik-hero__tacke { width: 100%; }
	.ik-galerija__panel { position: static; width: 100%; height: auto; margin-top: 4rem; padding: 3rem; }
	.ik-galerija__mreza { grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
	.ik-plocica,
	.elementor .elementor-element.ik-plocica { width: 100%; height: auto; aspect-ratio: 1; }
	.ik-plocica img { position: absolute; inset: 0; }

	/* ── podstranice (predlog, PSD nema mobilni artboard) ── */
	.ik-glava__omot { min-height: 0; padding: 5rem 0 4.5rem; }
	.ik-glava__naslov { font-size: clamp(2.8rem, 6vw, 4rem); }
	.ik-glava__tekst { --ik-max: none; }

	.ik-galstr__omot { padding: 5.5rem 0; }
	.ik-galstr__naslov { font-size: clamp(2.6rem, 5.5vw, 3.4rem); }
	.ik-galstr__tekst { --ik-max: none; }
	.ik-galstr__mreza { grid-template-columns: repeat(2, 1fr); gap: 1.6rem; margin-top: 3.4rem; }
	.ik-galstr__videi { grid-template-columns: 1fr; gap: 2rem; margin-top: 3.4rem; }

	.ik-kontakt__omot { grid-template-columns: 1fr; gap: 4rem; padding: 5.5rem 0; }
	.ik-kontakt__naslov, .ik-forma__naslov { font-size: clamp(2.4rem, 5.5vw, 3rem); }
	.ik-kontakt__stavke { grid-template-columns: 1fr; gap: 2.6rem; margin-top: 3rem; }
	.ik-kontakt__forma { padding: 3.4rem 2.6rem; }
	.ik-forma__red { grid-template-columns: 1fr; }
	/* fiksna širina submita preliva uzak ekran (§29) */
	.ik-submit input[type="submit"] { width: 100%; max-width: 32rem; }
	.ik-mapa { padding-bottom: 5.5rem; }
	.ik-mapa__okvir iframe { height: 32rem; }
	.ik-cta__omot { padding: 5rem 0; }
	.ik-cta__naslov { font-size: clamp(2.4rem, 5.5vw, 3rem); }
	.ik-cta__tekst { --ik-max: none; }

	.ik-futer__omot { grid-template-columns: 1fr; min-height: 0; padding: 5rem 0; gap: 4.5rem; }
	.elementor .elementor-element.ik-futer__lista { margin-top: 1rem; }
	.ik-futer__lista a.hfe-menu-item { height: 4.2rem; }
	.ik-futer__naslov { font-size: 2.2rem; }
	.ik-futer__kol { padding: 0; }
	.ik-futer__kol--linkovi, .ik-futer__kol--kontakt { border: 0; padding: 0; }
	.ik-futer__opis { margin-top: 2.5rem; }

	/* ── unutrašnje strane komarnika (predlog, PSD nema mobilni artboard) ── */
	.ik-glava--usluga .ik-glava__omot { min-height: 0; padding: 6rem 0 5rem; }
	.ik-glava--usluga .ik-glava__naslov { font-size: clamp(3.4rem, 9vw, 6rem); }
	.ik-putanja { margin-top: 2rem; font-size: 1.5rem; }

	.ik-ustr__omot { grid-template-columns: minmax(0, 1fr); row-gap: 6rem; padding: 5.5rem 0 7rem; }
	/* sadržaj prvi, meni i CTA kutija posle njega */
	.elementor .elementor-element.ik-bocna { order: 2; padding-top: 0; }
	.elementor .elementor-element.ik-bocna__meni { width: 100%; }
	.ik-bocna__cta { min-height: 30rem; margin-top: 4.4rem; }

	.ik-ustr__naslov { font-size: clamp(2.6rem, 5.5vw, 3.4rem); }
	.ik-ustr__naslov br { display: none; }   /* desktop prelom; u tekstu je razmak ispred <br> */
	.ik-ustr__podnaslov { margin-top: 4.4rem; font-size: clamp(2.2rem, 4.6vw, 2.6rem); }
	.ik-ustr__tekst { font-size: 1.7rem; }
	.ik-ustr__prednosti { grid-template-columns: minmax(0, 1fr); row-gap: 2rem; }
	.ik-ustr__sadrzaj .ik-galstr__mreza { margin-top: 3.4rem; }
	.ik-paketi { grid-template-columns: minmax(0, 1fr); row-gap: 2rem; }
	.ik-paket { min-height: 26rem; }

	.ik-pomoc__glava { padding-top: 7rem; }
	.ik-pomoc__naslov { font-size: clamp(2.6rem, 5.5vw, 3.4rem); }
	.ik-pomoc__tekst { --ik-max: none; }
	.ik-pomoc__traka { margin-top: 4rem; padding: 8.4rem 0 8rem; }
	.ik-pomoc__mreza { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9.6rem 3rem; }

	.ik-ugal__omot { padding: 7rem 0; }
	.ik-ugal__naslov { font-size: clamp(2.6rem, 5.5vw, 3.4rem); }
	.ik-ugal__podnaslov { margin-top: 6rem; font-size: clamp(2.2rem, 4.6vw, 2.8rem); }
	.ik-ugal__videi { grid-template-columns: minmax(0, 1fr); gap: 2rem; margin-top: 3.4rem; }
}

@media (max-width: 560px) {
	.ik-usluge__mreza { grid-template-columns: 1fr; }
	.ik-galstr__mreza { grid-template-columns: repeat(2, 1fr); }
	.ik-galerija__mreza { grid-template-columns: repeat(2, 1fr); }
	.ik-usluga__slika { height: 30rem; }
	.ik-usluga::before, .ik-usluga::after { top: 22.8rem; }
	.ik-znacka { width: 15.5rem; height: 15.5rem; padding: 0 .8rem; }
	.ik-znacka__broj { font-size: 6.4rem; }
	.ik-znacka__opis { font-size: 1.7rem; }
	.ik-znacka__jed  { font-size: 1.9rem; }
	.ik-znacka--dole::before { width: 4.4rem; height: 4.4rem; margin: 1.2rem 0 .4rem; }
	.ik-pomoc__mreza { grid-template-columns: minmax(0, 1fr); }
}