/* Fontovi sa našeg servera (Inter, Manrope – promenljiva debljina, latinica + proširena latinica), bez Google Fonts zahteva */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/inter-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ==========================================================================
   Photocard – tema (pravac A: čist katalog)
   ========================================================================== */

:root {
	--pc-crvena: #de302b; /* bila #e5322c – nijansa tamnija zbog kontrasta 4,5:1 (crveni tekst na beloj i beli tekst na dugmadima) */
	--pc-crvena-tamna: #c4241f;
	--pc-crna: #181717;
	--pc-tekst: #2b2a2a;
	--pc-siva: #6b6969;
	--pc-linija: #e7e4e1;
	--pc-pozadina: #ffffff;
	--pc-svetla: #f6f4f2;

	--pc-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--pc-font-naslov: "Manrope", "Inter", system-ui, sans-serif;

	--pc-okvir: 1360px;
	--pc-razmak: clamp(1rem, 3vw, 2rem);
	--pc-blok: clamp(2.75rem, 5.5vw, 4.5rem);
	--pc-radijus: 14px;
	--pc-radijus-mali: 8px;
	--pc-senka: 0 1px 2px rgba(24, 23, 23, .04), 0 8px 24px rgba(24, 23, 23, .06);
	--pc-senka-jaka: 0 2px 4px rgba(24, 23, 23, .05), 0 18px 40px rgba(24, 23, 23, .1);
}

/* Osnova
   ========================================================================== */

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

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--pc-font);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--pc-tekst);
	background: var(--pc-pozadina);
	-webkit-font-smoothing: antialiased;
}

img, svg { display: block; max-width: 100%; height: auto; }

a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--pc-crvena); }

h1, h2, h3 { font-family: var(--pc-font-naslov); color: var(--pc-crna); line-height: 1.15; margin: 0 0 .6em; letter-spacing: -.02em; }

p { margin: 0 0 1em; }

:focus-visible { outline: 3px solid var(--pc-crvena); outline-offset: 2px; }

.okvir { width: 100%; max-width: var(--pc-okvir); margin: 0 auto; padding: 0 var(--pc-razmak); }

.vidljivo-citacima {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

.preskoci { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--pc-crna); color: #fff; padding: .75rem 1rem; }
.preskoci:focus { left: 1rem; top: 1rem; }

.nadnaslov {
	font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
	color: var(--pc-crvena); margin-bottom: 1rem;
}

.naglasak { color: var(--pc-crvena); }

/* Dugmad
   ========================================================================== */

.dugme, .button, button.button, input.button, .wc-block-components-button {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	min-height: 3rem; padding: .75rem 1.5rem;
	font: 600 .95rem/1 var(--pc-font);
	border: 2px solid transparent; border-radius: 999px;
	text-decoration: none; cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}

.dugme--glavno, .button.alt, .single_add_to_cart_button, .checkout-button {
	background: var(--pc-crvena); color: #fff;
}
.dugme--glavno:hover, .button.alt:hover, .single_add_to_cart_button:hover, .checkout-button:hover {
	background: var(--pc-crvena-tamna); color: #fff; transform: translateY(-1px);
}

.dugme--obrub { border-color: var(--pc-crna); color: var(--pc-crna); background: transparent; }
.dugme--obrub:hover { background: var(--pc-crna); color: #fff; }

.button { background: var(--pc-crna); color: #fff; }
.button:hover { background: var(--pc-crvena); color: #fff; }

/* Traka iznad zaglavlja
   ========================================================================== */


/* Zaglavlje
   ========================================================================== */

.zaglavlje {
	position: sticky; top: 0; z-index: 50;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: saturate(180%) blur(10px);
	border-bottom: 1px solid var(--pc-linija);
}

.zaglavlje__okvir { display: flex; align-items: center; gap: clamp(1rem, 3vw, 2.5rem); min-height: 5rem; }

.zaglavlje__logo { flex: 0 0 auto; }
/* Razmere iz originalnog logotipa (2226×341): tačkice 250 px, razmak 85 px, natpis 1891 px; tačkice počinju 13 px ispod vrha slova. */
.zaglavlje__logo { --logo-w: clamp(135px, 15vw, 190px); display: flex; align-items: flex-start; gap: calc(var(--logo-w) * .045); text-decoration: none; }
.zaglavlje__znak { flex: none; width: calc(var(--logo-w) * .1322); height: auto; margin-top: calc(var(--logo-w) * .0069); overflow: visible; }
.zaglavlje__logo-natpis { width: var(--logo-w); height: auto; }
.zaglavlje__znak circle { transform-box: fill-box; transform-origin: center; }
.zaglavlje__logo:hover .zaglavlje__znak circle { animation: pc-tacka .55s ease both; }
.home .zaglavlje__znak circle { animation: pc-tacka-uvod .6s ease .35s both; }
.zaglavlje__znak .znak__d1 { animation-delay: .07s; }
.zaglavlje__znak .znak__d2 { animation-delay: .14s; }
.zaglavlje__znak .znak__d3 { animation-delay: .21s; }
.zaglavlje__znak .znak__d4 { animation-delay: .28s; }
.home .zaglavlje__znak .znak__d0 { animation-delay: .35s; }
.home .zaglavlje__znak .znak__d1 { animation-delay: .42s; }
.home .zaglavlje__znak .znak__d2 { animation-delay: .49s; }
.home .zaglavlje__znak .znak__d3 { animation-delay: .56s; }
.home .zaglavlje__znak .znak__d4 { animation-delay: .63s; }
.home .zaglavlje__logo:hover .zaglavlje__znak .znak__d0 { animation-delay: 0s; }
.home .zaglavlje__logo:hover .zaglavlje__znak .znak__d1 { animation-delay: .07s; }
.home .zaglavlje__logo:hover .zaglavlje__znak .znak__d2 { animation-delay: .14s; }
.home .zaglavlje__logo:hover .zaglavlje__znak .znak__d3 { animation-delay: .21s; }
.home .zaglavlje__logo:hover .zaglavlje__znak .znak__d4 { animation-delay: .28s; }
@keyframes pc-tacka { 0%, 100% { transform: scale(1); } 45% { transform: scale(.45); } }
@keyframes pc-tacka-uvod { 0% { transform: scale(0); } 70% { transform: scale(1.15); } 100% { transform: scale(1); } }
/* Natpis „photocard“: na naslovnoj klizne sleva posle tačkica; odsjaj preko slova (tamo pa nazad) na prelaz mišem. */
.zaglavlje__natpis-omot { position: relative; display: block; overflow: hidden; line-height: 0; }
.zaglavlje__natpis-omot::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .85) 50%, transparent 62%);
	background-size: 250% 100%; background-position: 150% 0; background-repeat: no-repeat;
}
.zaglavlje__logo:hover .zaglavlje__natpis-omot::after { animation: pc-sjaj 3s ease-in-out .1s; }
.home .zaglavlje__logo-natpis { animation: pc-natpis .7s cubic-bezier(.2, .7, .2, 1) .55s both; }
.home .zaglavlje__natpis-omot::after { animation: pc-sjaj-uvod 3s ease-in-out 1.35s; }
@keyframes pc-sjaj { 0%, 100% { background-position: 150% 0; } 50% { background-position: -50% 0; } }
@keyframes pc-sjaj-uvod { 0%, 100% { background-position: 150% 0; } 50% { background-position: -50% 0; } }
@keyframes pc-natpis { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }

/* „Zatražite ponudu“: talas oko dugmeta na svake 4 s (staje na prelaz mišem). */
.zaglavlje__upit { animation: pc-puls 4s ease-out 2s infinite; }
.zaglavlje__upit:hover, .zaglavlje__upit:focus-visible { animation: none; }
@keyframes pc-puls {
	0% { box-shadow: 0 0 0 0 rgba(229, 50, 44, .55); }
	35% { box-shadow: 0 0 0 14px rgba(229, 50, 44, 0); }
	100% { box-shadow: 0 0 0 0 rgba(229, 50, 44, 0); }
}
.zaglavlje__potpis {
	flex: none; display: flex; flex-direction: column; margin: 0 0 0 -.5rem; padding-left: 1rem;
	font-size: .75rem; font-weight: 600; line-height: 1.35; color: var(--pc-crna); border-left: 1px solid var(--pc-linija);
}
.zaglavlje__potpis span { font-weight: 400; color: var(--pc-siva); }
@media (max-width: 1240px) {
	.zaglavlje__potpis { display: none; }
}

.pretraga { flex: 1 1 auto; position: relative; max-width: 560px; }
.pretraga__polje {
	width: 100%; height: 3rem; padding: 0 3.25rem 0 1.25rem;
	font: inherit; font-size: .95rem; color: var(--pc-tekst);
	background: var(--pc-svetla); border: 1px solid transparent; border-radius: 999px;
	transition: border-color .2s, background-color .2s;
}
.pretraga__polje::placeholder { color: #9a9796; }
.pretraga__polje:focus { outline: none; background: #fff; border-color: var(--pc-crna); }
.pretraga__dugme {
	position: absolute; right: .35rem; top: .35rem; width: 2.3rem; height: 2.3rem;
	display: grid; place-items: center; border: 0; border-radius: 50%;
	background: var(--pc-crvena); color: #fff; cursor: pointer;
}
.pretraga__dugme svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }

.zaglavlje__alati { display: flex; align-items: center; gap: .25rem; margin-left: auto; }
.zaglavlje__alat {
	position: relative; display: flex; flex-direction: column; align-items: center; gap: .15rem;
	padding: .35rem .6rem; font-size: .72rem; font-weight: 600; text-decoration: none; color: var(--pc-crna);
	border-radius: var(--pc-radijus-mali);
}
.zaglavlje__alat svg { width: 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zaglavlje__alat:hover { color: var(--pc-crvena); }
.zaglavlje__drustvena { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; color: var(--pc-crna); border-radius: 50%; transition: background-color .2s, color .2s; }
.zaglavlje__drustvena svg { width: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zaglavlje__drustvena svg.zaglavlje__ikona--puna { fill: currentColor; stroke: none; }
.zaglavlje__drustvena:hover { color: #fff; background: var(--pc-crvena); }
.zaglavlje__upit { margin-left: .75rem; min-height: 2.75rem; padding: .55rem 1.3rem; white-space: nowrap; }
.meni__dodatno { display: none; }

.zaglavlje__brojac {
	position: absolute; top: 0; right: .2rem; min-width: 1.15rem; height: 1.15rem; padding: 0 .3rem;
	display: grid; place-items: center; font-size: .68rem; line-height: 1;
	color: #fff; background: var(--pc-crvena); border-radius: 999px;
}
.zaglavlje__brojac--prazno { display: none; }

.zaglavlje__meni-dugme { display: none; width: 2.75rem; height: 2.75rem; border: 0; background: none; cursor: pointer; color: var(--pc-crna); }
.zaglavlje__meni-dugme svg { width: 1.6rem; margin: auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }

/* Glavni meni */
.meni { border-top: 1px solid var(--pc-linija); }
.meni__lista { display: flex; flex-wrap: wrap; gap: 0 1.75rem; margin: 0; padding: 0; list-style: none; }
.meni__istaknuto > a { color: var(--pc-crvena); }

/* Uvod (hero)
   ========================================================================== */

.uvod { padding: clamp(2.5rem, 6vw, 5rem) 0 var(--pc-blok); }
.uvod__okvir { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }

.uvod__naslov { font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: 1.25rem; }
.uvod__opis { font-size: clamp(1.05rem, 1.6vw, 1.2rem); color: var(--pc-siva); max-width: 34rem; margin-bottom: 2rem; }
.uvod__dugmad { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 2.25rem; }

.uvod__oznake { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: 0; padding: 0; list-style: none; font-size: .9rem; font-weight: 600; color: var(--pc-crna); }
.uvod__oznake li { display: flex; align-items: center; gap: .5rem; }
.uvod__oznake li::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--pc-crvena); }

.uvod__slika { position: relative; margin: 0; }
.uvod__slika img { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; object-position: 70% center; border-radius: calc(var(--pc-radijus) * 1.5); box-shadow: var(--pc-senka-jaka); }
.uvod__potpis {
	position: absolute; left: 1.25rem; bottom: 1.25rem; display: flex; align-items: center; gap: .65rem;
	padding: .6rem 1rem .6rem .7rem; font-size: .85rem; font-weight: 600; color: var(--pc-crna);
	background: rgba(255, 255, 255, .94); border-radius: 999px; box-shadow: var(--pc-senka);
}

/* Znak sa tačkama */
.znak__crvena { fill: var(--pc-crvena); }
.znak__tamna { fill: var(--pc-crna); }
.znak--mali { width: 1.4rem; }

/* Blokovi
   ========================================================================== */

.blok { padding: var(--pc-blok) 0; }
.blok--siv { background: var(--pc-svetla); }
.blok--tamni { background: var(--pc-crna); color: #d8d5d2; }
.blok--tamni .blok__naslov { color: #fff; }

.blok__zaglavlje { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 2rem; }
.blok__naslov { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 800; margin: 0 0 2rem; }
.blok__zaglavlje .blok__naslov { margin: 0; }
.blok__link { font-weight: 600; text-decoration: none; color: var(--pc-crvena); white-space: nowrap; }

/* Grupe promo programa (početna)
   ========================================================================== */

.grupe-plocice { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.grupa-plocica {
	display: flex; flex-direction: column; height: 100%; padding: 1rem 1rem 1.15rem;
	text-decoration: none; color: var(--pc-crna);
	background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus);
	transition: border-color .2s, box-shadow .25s, transform .25s;
}
.grupa-plocica:hover { color: var(--pc-crna); border-color: transparent; box-shadow: var(--pc-senka-jaka); transform: translateY(-3px); }
.grupa-plocica__slika { display: grid; place-items: center; aspect-ratio: 1; margin-bottom: .9rem; border-radius: var(--pc-radijus-mali); background: var(--pc-svetla); overflow: hidden; }
.grupa-plocica__slika img { width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; transition: transform .35s; }
.grupa-plocica:hover .grupa-plocica__slika img { transform: scale(1.06); }
.znak--motiv { width: 34%; opacity: .92; transition: transform .35s; }
.grupa-plocica:hover .znak--motiv { transform: scale(1.08) rotate(-4deg); }
.grupa-plocica__naziv { font-family: var(--pc-font-naslov); font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.grupa-plocica__broj { margin-top: .2rem; font-size: .8rem; color: var(--pc-siva); }

/* Koraci poručivanja
   ========================================================================== */

.koraci { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; counter-reset: korak; }
.korak { padding: 2rem 1.75rem; background: #fff; border-radius: var(--pc-radijus); }
.korak p { margin: 0; color: var(--pc-siva); }
.korak a { color: var(--pc-crvena); font-weight: 600; }
.korak__broj {
	display: grid; place-items: center; width: 2.75rem; height: 2.75rem; margin-bottom: 1.25rem;
	font-family: var(--pc-font-naslov); font-weight: 800; color: #fff; background: var(--pc-crvena); border-radius: 50%;
}
.korak__naslov { font-size: 1.2rem; margin-bottom: .5rem; }

/* Brendiranje
   ========================================================================== */

.brendiranje { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.brendiranje__uvod p { color: var(--pc-siva); font-size: 1.1rem; margin-bottom: 1.75rem; }
.brendiranje__uvod .blok__naslov { margin-bottom: 1rem; }

.tehnike { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--pc-linija); border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus); overflow: hidden; }
.tehnika { display: grid; grid-template-columns: 3.5rem 1fr; gap: .25rem 1rem; padding: 1.75rem; background: #fff; }
.tehnika__broj { grid-row: span 2; font-family: var(--pc-font-naslov); font-size: 1.5rem; font-weight: 800; color: var(--pc-crvena); }
.tehnika__naziv { font-size: 1.2rem; margin: 0; }
.tehnika p { margin: 0; color: var(--pc-siva); }

/* Katalozi
   ========================================================================== */

.katalozi { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.katalog {
	display: flex; flex-direction: column; gap: .4rem; height: 100%; padding: 1.5rem;
	text-decoration: none; color: #fff;
	border: 1px solid rgba(255, 255, 255, .14); border-radius: var(--pc-radijus);
	transition: background-color .2s, border-color .2s;
}
.katalog:hover { color: #fff; background: rgba(255, 255, 255, .06); border-color: var(--pc-crvena); }
.katalog__oznaka { align-self: flex-start; margin-bottom: 1.5rem; padding: .25rem .55rem; font-size: .7rem; font-weight: 700; letter-spacing: .08em; background: var(--pc-crvena); border-radius: 4px; }
.katalog__naziv { font-family: var(--pc-font-naslov); font-size: 1.1rem; font-weight: 700; }
.katalog__opis { font-size: .85rem; color: #a9a5a2; }

.dokumenti { display: flex; flex-wrap: wrap; gap: .75rem 2rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.dokumenti a { color: #fff; font-weight: 600; text-decoration: none; }
.dokumenti a:hover { color: var(--pc-crvena); }

/* O nama
   ========================================================================== */

.o-nama { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.o-nama__godina {
	display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1; padding: 2rem;
	color: #fff; background: var(--pc-crvena); border-radius: calc(var(--pc-radijus) * 1.5);
}
.o-nama__od { font-size: 1.25rem; font-weight: 600; opacity: .85; }
.o-nama__broj { font-family: var(--pc-font-naslov); font-size: clamp(4rem, 11vw, 8rem); font-weight: 800; line-height: .95; letter-spacing: -.05em; }
.o-nama__tekst p { color: var(--pc-siva); font-size: 1.05rem; }
.o-nama__tekst .blok__naslov { margin-bottom: 1rem; }

.odeljenja { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1.75rem 0 0; padding: 0; list-style: none; }
.odeljenja li { display: flex; align-items: center; gap: .65rem; padding: .9rem 1rem; font-weight: 600; color: var(--pc-crna); background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); }
.odeljenja li::before { content: ""; flex: 0 0 .55rem; height: .55rem; border-radius: 50%; background: var(--pc-crvena); }

/* Reference
   ========================================================================== */

.reference { margin: 0; padding: clamp(1rem, 3vw, 2rem); background: #fff; border-radius: var(--pc-radijus); }
.reference img { width: 100%; }

/* Kontakt
   ========================================================================== */

.kontakt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.kontakt__kartica { padding: 2rem; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus); }
.kontakt__zemlja { font-size: 1.35rem; margin-bottom: .35rem; }
.kontakt__adresa { color: var(--pc-siva); }
.kontakt__lista { margin: 0; padding: 0; list-style: none; display: grid; gap: .4rem; }
.kontakt__lista a { font-weight: 600; text-decoration: none; }
.kontakt__opis { font-size: .85rem; color: var(--pc-siva); }

/* Podnožje
   ========================================================================== */

.podnozje { background: var(--pc-crna); color: #a9a5a2; font-size: .9rem; border-top: 4px solid var(--pc-crvena); }
.podnozje__mreza { display: grid; grid-template-columns: 1.2fr 1.6fr 1fr 1fr; gap: 2rem; padding-top: 4rem; padding-bottom: 3rem; }
.podnozje__logo { width: 180px; margin-bottom: 1.25rem; }
.podnozje__naslov { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin-bottom: 1rem; }
.podnozje ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .45rem; }
.podnozje a { color: #e5e2df; text-decoration: none; }
.podnozje a:hover { color: #fff; text-decoration: underline; }
.podnozje__opis { color: #85817e; font-size: .8rem; }
.podnozje__drustvene { display: flex; gap: 1rem; font-weight: 600; }
.podnozje__delatnost { color: #fff; font-weight: 600; }
.podnozje__poziv strong { color: #fff; }
.podnozje ul.podnozje__grupe { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem 1rem; }
.podnozje__dno { padding-top: 1.25rem; padding-bottom: 1.5rem; border-top: 1px solid rgba(255, 255, 255, .1); }
.podnozje__dno p { margin: 0; font-size: .8rem; }
.podnozje__dno { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; }

/* Politika privatnosti */
.politika { max-width: 52rem; }
.politika h2 { margin: 2.25rem 0 .6rem; font-size: 1.3rem; }
.politika ul { margin: 0 0 1rem; padding-left: 1.2rem; }
.politika li { margin-bottom: .4rem; font-size: 1.05rem; color: var(--pc-tekst); }
.politika a, .forma__saglasnost a { color: var(--pc-crvena); }
.politika__datum { margin-top: 2rem; font-size: .9rem; color: var(--pc-siva); }

/* Meni: padajući panel „Prodavnica“
   ========================================================================== */

.meni { position: relative; }
.meni__stavka > a, .meni__otvori {
	display: flex; align-items: center; gap: .3rem; padding: .9rem 0;
	font: 600 .9rem/1.6 var(--pc-font); color: var(--pc-crna); text-decoration: none;
	background: none; border: 0; border-bottom: 2px solid transparent; cursor: pointer;
}
.meni__otvori svg { width: 1rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.meni__stavka > a:hover, .meni__otvori:hover, .meni__stavka--panel.je-otvoren .meni__otvori { color: var(--pc-crvena); border-bottom-color: var(--pc-crvena); }
.meni__stavka--panel.je-otvoren .meni__otvori svg { transform: rotate(180deg); }

.meni-panel {
	position: absolute; left: 0; right: 0; top: 100%; z-index: 40;
	visibility: hidden; opacity: 0; transform: translateY(-6px);
	background: #fff; border-top: 1px solid var(--pc-linija); box-shadow: 0 24px 40px rgba(24, 23, 23, .12);
	transition: opacity .18s, transform .18s, visibility .18s;
}
.meni__stavka--panel.je-otvoren .meni-panel { visibility: visible; opacity: 1; transform: none; }
@media (hover: hover) and (min-width: 761px) {
	.meni__stavka--panel:hover .meni-panel { visibility: visible; opacity: 1; transform: none; }
}
.meni-panel__okvir { padding-top: 2rem; padding-bottom: 2rem; }
.meni-panel__grupe { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .15rem 2rem; margin: 0; padding: 0; list-style: none; }
.meni-panel__grupa {
	display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; padding: .55rem 0;
	font-weight: 600; color: var(--pc-crna); text-decoration: none; border-bottom: 1px solid var(--pc-linija);
}
.meni-panel__grupa:hover { color: var(--pc-crvena); }
.meni-panel__broj { font-size: .75rem; font-weight: 500; color: var(--pc-siva); }
.meni-panel__sve { display: inline-block; margin-top: 1.5rem; font-weight: 700; color: var(--pc-crvena); text-decoration: none; }
.naslov-strane { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 23.5rem; padding: 2.5rem 0; color: #fff; background: var(--pc-crna); }
.naslov-strane__okvir { width: 100%; }
.naslov-strane__pozadina { position: absolute; inset: 0 0 0 auto; width: min(55%, 760px); z-index: -1; }
.naslov-strane__pozadina img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; opacity: .55; }
.naslov-strane__pozadina::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(24, 23, 23) 0%, rgba(24, 23, 23, .6) 45%, rgba(24, 23, 23, .15) 100%); }
.naslov-strane .mrvice, .naslov-strane .mrvice a { color: rgba(255, 255, 255, .6); }
.naslov-strane .mrvice a:hover { color: #fff; }
.naslov-strane__naslov { font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; letter-spacing: -.035em; margin-bottom: .75rem; color: #fff; }
.naslov-strane__uvod { max-width: 44rem; font-size: 1.1rem; color: rgba(255, 255, 255, .75); margin: 0; }
.naslov-strane__akcije { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.5rem 0 0; }
.naslov-strane__akcija {
	display: inline-flex; align-items: center; gap: .55rem; padding: .6rem 1.1rem; font-weight: 600; color: #fff; text-decoration: none;
	background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; transition: background-color .2s, border-color .2s;
}
.naslov-strane__akcija:hover { color: #fff; background: var(--pc-crvena); border-color: var(--pc-crvena); }
.naslov-strane__akcija svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 760px) {
	.naslov-strane__pozadina { width: 100%; }
	.naslov-strane { min-height: 17rem; padding: 2rem 0; }
	.naslov-strane__pozadina img { opacity: .3; }
}

/* Padajući meni „Promo program“: sličice grupa i poziv za upit desno */
.meni-panel__okvir--sa-strane { display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: 2.5rem; align-items: start; }
.meni-panel__grupe--slike { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem 1.5rem; }
.meni-panel__grupa--slika { justify-content: flex-start; align-items: center; gap: .75rem; padding: .45rem .5rem; margin: 0 -.5rem; border-bottom: 0; border-radius: var(--pc-radijus-mali); }
.meni-panel__grupa--slika:hover { background: var(--pc-svetla); }
.meni-panel__slika { flex: none; display: grid; place-items: center; width: 3rem; height: 3rem; background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); overflow: hidden; }
.meni-panel__grupa--slika:hover .meni-panel__slika { background: #fff; }
.meni-panel__slika img { width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; }
.meni-panel__tekst { display: flex; flex-direction: column; line-height: 1.25; }
.meni-panel__poziv { padding: 1.5rem; color: #d8d5d2; background: var(--pc-crna); border-radius: var(--pc-radijus); }
.meni-panel__poziv p { margin: 0 0 1rem; font-size: .9rem; }
.meni-panel__poziv .meni-panel__poziv-naslov { margin-bottom: .4rem; font-family: var(--pc-font-naslov); font-size: 1.15rem; font-weight: 800; color: #fff; }
.meni-panel__poziv .dugme { width: 100%; }
@media (max-width: 1100px) {
	.meni-panel__okvir--sa-strane { grid-template-columns: 1fr; }
	.meni-panel__poziv { display: none; }
}
@media (max-width: 760px) {
	.meni-panel__grupe--slike { grid-template-columns: 1fr; }
	.meni-panel__slika { width: 2.4rem; height: 2.4rem; }
}

/* Podstrane
   ========================================================================== */

.mrvice { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; font-size: .85rem; color: var(--pc-siva); }
.mrvice a { color: var(--pc-siva); text-decoration: none; }
.mrvice a:hover { color: var(--pc-crvena); }

.blok--bez-vrha { padding-top: clamp(2.5rem, 5vw, 4rem); }
.blok__naslov--razmak { margin-top: 3.5rem; }
.tekst p { font-size: 1.05rem; color: var(--pc-tekst); }
.o-nama__dalje { margin: 1.5rem 0 0; }
.odeljenja--siroko { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0; }
.odeljenja--siroko li { background: #fff; }

.siroka-slika { margin: 0; }
.siroka-slika img { width: 100%; border-radius: var(--pc-radijus); }
.siroka-slika figcaption { margin-top: .75rem; font-size: .9rem; color: var(--pc-siva); }

.tehnike-cele { display: grid; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.tehnika-cela { display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; padding: clamp(1.5rem, 3vw, 2.25rem); border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus); }
.tehnika-cela__naziv { font-size: 1.5rem; margin-bottom: .75rem; }
.tehnika-cela p { margin: 0; color: var(--pc-siva); max-width: 60rem; }
.oznake { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.oznake li { padding: .3rem .8rem; font-size: .8rem; font-weight: 600; background: var(--pc-svetla); border-radius: 999px; }

.katalozi--svetli .katalog { color: var(--pc-crna); border-color: var(--pc-linija); }
.katalozi--svetli .katalog:hover { color: var(--pc-crna); background: var(--pc-svetla); }
.dokumenti--svetli a { color: var(--pc-crna); }
.poziv { margin: 2.5rem 0 0; }

/* Kontakt strana, forma, mapa
   ========================================================================== */

.kontakt-strana { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.kontakt-strana__lokacije { display: grid; gap: 1.25rem; }

.forma { display: grid; gap: 1rem; }
.forma__red { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.forma__polje { margin: 0; display: grid; gap: .35rem; }
.forma__polje label { font-size: .85rem; font-weight: 600; color: var(--pc-crna); }
.forma__obavezno { color: var(--pc-crvena); }
.forma input[type="text"], .forma input[type="email"], .forma input[type="tel"], .forma input[type="number"], .forma select, .forma textarea {
	width: 100%; padding: .8rem 1rem; font: inherit; color: var(--pc-tekst);
	background: var(--pc-svetla); border: 1px solid transparent; border-radius: var(--pc-radijus-mali);
	transition: border-color .2s, background-color .2s;
}
.forma input:focus, .forma select:focus, .forma textarea:focus { outline: none; background: #fff; border-color: var(--pc-crna); }
.forma textarea { resize: vertical; min-height: 9rem; }
.forma__saglasnost { margin: 0; font-size: .85rem; color: var(--pc-siva); }
.forma__saglasnost input { margin-right: .4rem; accent-color: var(--pc-crvena); }
.forma .dugme { justify-self: start; }
.forma__zamka { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Upit za proizvod (strana proizvoda) */
.upit { margin: 2rem 0 1.5rem; padding: 1.5rem; background: var(--pc-svetla); border-radius: var(--pc-radijus); }
.upit__naslov { margin: 0 0 .25rem; font-size: 1.35rem; }
.upit__uvod { margin: 0 0 1.25rem; font-size: .9rem; color: var(--pc-siva); }
.upit .forma input[type="text"], .upit .forma input[type="email"], .upit .forma input[type="tel"],
.upit .forma input[type="number"], .upit .forma select, .upit .forma textarea { background: #fff; border-color: var(--pc-linija); }
.upit .forma input:focus, .upit .forma select:focus, .upit .forma textarea:focus { border-color: var(--pc-crna); }
.upit .forma textarea { min-height: 6rem; }
.upit__izbor { margin: 0; padding: .7rem .9rem; font-size: .85rem; color: var(--pc-siva); background: #fff; border-left: 3px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); }
.upit__izbor.je-izabrano { color: var(--pc-crna); font-weight: 600; border-left-color: var(--pc-crvena); }
.woocommerce div.product form.cart { margin-bottom: 0; }

.obavestenje { margin-bottom: 1.25rem; padding: 1rem 1.25rem; border-radius: var(--pc-radijus-mali); font-weight: 600; }
.obavestenje--uspeh { background: #e9f6ec; color: #1d6b33; }
.obavestenje--greska { background: #fdecea; color: var(--pc-crvena-tamna); }

.mapa { position: relative; margin-top: 1.25rem; aspect-ratio: 16 / 10; display: grid; place-items: center; align-content: center; gap: .5rem; background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); overflow: hidden; }
.mapa__dugme { display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1.2rem; font: 600 .9rem var(--pc-font); color: var(--pc-crna); background: #fff; border: 1px solid var(--pc-linija); border-radius: 999px; cursor: pointer; }
.mapa__dugme:hover { border-color: var(--pc-crna); }
.mapa__napomena { margin: 0; font-size: .75rem; color: var(--pc-siva); }
.mapa__okvir { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Traka sa pozivom (početna)
   ========================================================================== */

.poziv-traka { background: var(--pc-crvena); color: #fff; }
.poziv-traka__okvir { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem 3rem; padding-top: clamp(2.5rem, 5vw, 3.5rem); padding-bottom: clamp(2.5rem, 5vw, 3.5rem); }
.poziv-traka__naslov { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: .4rem; }
.poziv-traka p { margin: 0; color: rgba(255, 255, 255, .88); max-width: 40rem; }
.poziv-traka__akcije { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.poziv-traka__tel { color: #fff; font-family: var(--pc-font-naslov); font-size: 1.3rem; font-weight: 800; text-decoration: none; }
.poziv-traka__tel:hover { color: #fff; text-decoration: underline; }
.dugme--belo { background: #fff; color: var(--pc-crvena); }
.dugme--belo:hover { background: var(--pc-crna); color: #fff; }

/* Opšte strane
   ========================================================================== */

.stranica, .prodavnica { padding-top: 2.5rem; padding-bottom: var(--pc-blok); }
.stranica__naslov, .woocommerce-products-header__title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; }

/* WooCommerce – lista proizvoda
   ========================================================================== */

.woocommerce ul.products {
	display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem;
	margin: 0; padding: 0; list-style: none;
}
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
/* Kartica proizvoda – WooCommerce na užim ekranima daje kartici 48% širine i float; poništavamo (mreža rešava raspored). */
.woocommerce ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	display: flex; flex-direction: column; position: relative;
	width: auto; margin: 0; float: none; clear: none;
	padding: .75rem .75rem 1rem; background: #fff;
	border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus);
	transition: box-shadow .25s, border-color .25s;
}
.woocommerce ul.products li.product:hover { border-color: transparent; box-shadow: var(--pc-senka-jaka); }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { display: block; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img {
	width: 100%; margin: 0 0 .9rem; aspect-ratio: 1; object-fit: contain; padding: .5rem;
	background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); transition: transform .3s;
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.02); }
/* Dugme uvek na dnu kartice – kartice u redu imaju dugmad u istoj ravni. */
.woocommerce ul.products li.product .button { margin-top: auto; align-self: flex-start; }
.woocommerce ul.products li.product .kartica__dostupnost { margin-bottom: .8rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--pc-font-naslov); font-size: 1rem; font-weight: 700; padding: 0; }
.woocommerce ul.products li.product .price { color: var(--pc-crna); font-weight: 600; }
.woocommerce span.onsale { background: var(--pc-crvena); border-radius: 999px; min-height: auto; min-width: auto; padding: .3rem .7rem; line-height: 1.2; }

.woocommerce ul.products li.product .button {
	margin-top: auto; min-height: 2.5rem; padding: .5rem 1.1rem; font-size: .85rem;
	color: #fff; background: var(--pc-crna); border-radius: 999px;
}
.woocommerce ul.products li.product .button:hover { color: #fff; background: var(--pc-crvena); }
.woocommerce ul.products li.product .button.added::after { margin-left: .4rem; }
.woocommerce ul.products li.product .added_to_cart { display: inline-block; margin: .75rem 0 0 .75rem; font-size: .85rem; font-weight: 600; color: var(--pc-crvena); }

.kartica__boje { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; min-height: 1.25rem; margin: .5rem 0 0; padding: 0; list-style: none; }
.kartica__boja { width: .95rem; height: .95rem; border-radius: 50%; background: var(--pc-boja, #ddd); box-shadow: inset 0 0 0 1px rgba(24, 23, 23, .18); }
.kartica__boja--bez { background: conic-gradient(#e5322c, #f5c400, #2a9d3a, #2563eb, #9333ea, #e5322c); }
.kartica__jos { font-size: .75rem; font-weight: 600; color: var(--pc-siva); }
.kartica__dostupnost { display: inline-flex; align-items: center; gap: .4rem; margin: .5rem 0 0; font-size: .8rem; font-weight: 600; }
.kartica__dostupnost::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; }
.kartica__dostupnost--na_stanju { color: #1d6b33; }
.kartica__dostupnost--uskoro { color: #a15c00; }
.kartica__dostupnost--nema { color: var(--pc-siva); }
.woocommerce .woocommerce-ordering select, .woocommerce div.product form.cart .variations select {
	min-height: 2.75rem; padding: .5rem 2.25rem .5rem .9rem; font: inherit; color: var(--pc-tekst);
	background-color: var(--pc-svetla); border: 1px solid transparent; border-radius: var(--pc-radijus-mali);
}
.woocommerce-result-count { color: var(--pc-siva); font-size: .9rem; }

/* WooCommerce – strana proizvoda
   ========================================================================== */

.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1.5rem clamp(2rem, 5vw, 4rem); align-items: start; }
.woocommerce div.product > * { grid-column: 1 / -1; }
.woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .pc-galerija { grid-column: 1; width: auto; float: none; margin: 0; }
.woocommerce div.product .summary, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { grid-column: 2; width: auto; float: none; margin: 0; }
.woocommerce div.product .product_title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; letter-spacing: -.03em; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--pc-crna); font-family: var(--pc-font-naslov); font-size: 1.6rem; font-weight: 800; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--pc-siva); font-size: 1.05rem; }
.woocommerce div.product form.cart { margin: 1.5rem 0; }
.woocommerce div.product form.cart .variations { margin-bottom: 1rem; border: 0; }
.woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0 0 .4rem; text-align: left; }
.woocommerce div.product form.cart .variations label { font-weight: 700; color: var(--pc-crna); }
.woocommerce div.product form.cart .variations select { width: 100%; max-width: 22rem; }
.woocommerce div.product form.cart .reset_variations { font-size: .85rem; color: var(--pc-siva); }
.woocommerce div.product form.cart .quantity .qty { width: 5rem; min-height: 3rem; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); text-align: center; font: inherit; }
.woocommerce div.product form.cart div.quantity { margin-right: .75rem; }
.woocommerce div.product .stock { font-weight: 700; }
.woocommerce div.product .stock.in-stock { color: #1d6b33; }
.woocommerce div.product .stock.pc-uskoro { color: #a15c00; }
.woocommerce div.product .stock.out-of-stock { color: var(--pc-siva); }
.woocommerce div.product .product_meta { font-size: .85rem; color: var(--pc-siva); }
.woocommerce div.product .woocommerce-tabs { margin-top: 2rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 1.5rem; border-bottom: 1px solid var(--pc-linija); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: 0; border-radius: 0; margin: 0 1.5rem 0 0; padding: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: .75rem 0; font-weight: 700; color: var(--pc-siva); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--pc-crna); box-shadow: inset 0 -2px 0 var(--pc-crvena); }
.woocommerce div.product .woocommerce-tabs .panel { position: static; visibility: visible; opacity: 1; transform: none; box-shadow: none; border: 0; background: none; }
.woocommerce div.product .woocommerce-tabs .panel h2:first-child { display: none; }

.pc-galerija__glavna { aspect-ratio: 1; display: grid; place-items: center; padding: 1.5rem; background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus); }
.pc-galerija__glavna img { max-height: 100%; width: auto; object-fit: contain; }
.pc-galerija__slicice { display: grid; grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr)); gap: .5rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.pc-galerija__slicica { display: block; width: 100%; aspect-ratio: 1; padding: .25rem; background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); cursor: pointer; }
.pc-galerija__slicica img { width: 100%; height: 100%; object-fit: contain; }
.pc-galerija__slicica.je-izabrana, .pc-galerija__slicica:hover { border-color: var(--pc-crvena); }

/* Korpa i plaćanje */
.woocommerce table.shop_table { border-radius: var(--pc-radijus); border-color: var(--pc-linija); }
.woocommerce table.shop_table img { width: 4rem; border-radius: var(--pc-radijus-mali); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
	padding: .75rem .9rem; font: inherit; background: var(--pc-svetla); border: 1px solid transparent; border-radius: var(--pc-radijus-mali);
}
.woocommerce-message, .woocommerce-info { border-top-color: var(--pc-crvena); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--pc-crvena); }

.woocommerce-breadcrumb { font-size: .85rem; color: var(--pc-siva); margin-bottom: 1.5rem; }

/* Zaglavlje liste, grupe, filteri, „Prikaži još“
   ========================================================================== */

.prodavnica .mrvice { margin-bottom: 1rem; }
.lista-zaglavlje { margin-bottom: 1.25rem; }
.lista-zaglavlje__naslov { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800; letter-spacing: -.03em; margin: 0 0 .25rem; }
.lista-zaglavlje__broj { margin: 0; color: var(--pc-siva); font-size: .95rem; }

.grupe { margin: 0 0 1rem; }
.grupe__lista { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.grupe__stavka {
	display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .95rem;
	font-size: .88rem; font-weight: 600; color: var(--pc-crna); text-decoration: none;
	background: #fff; border: 1px solid var(--pc-linija); border-radius: 999px; transition: border-color .2s, background-color .2s, color .2s;
}
.grupe__stavka:hover { border-color: var(--pc-crna); color: var(--pc-crna); }
.grupe__stavka.je-izabrana { background: var(--pc-crna); border-color: var(--pc-crna); color: #fff; }
.grupe__broj { font-size: .75rem; font-weight: 700; opacity: .6; }

/* Raspored liste: bočna traka levo, rezultati desno */
.lista-raspored { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.lista-raspored .woocommerce ul.products, .lista-rezultati ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lista-rezultati { min-width: 0; transition: opacity .15s; }
.lista-rezultati.je-ucitava { opacity: .45; pointer-events: none; }
.lista-alati { display: none; }

.bocna__vrh, .bocna__dno, .bocna-pozadina { display: none; }
.bocna__deo + .bocna__deo { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--pc-linija); }
.bocna__naslov { margin: 0 0 .75rem; font-size: .8rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pc-crna); }

/* Stablo kategorija */
.stablo__lista, .stablo__pod { margin: 0; padding: 0; list-style: none; }
.stablo__veza, .stablo__otvori {
	display: flex; justify-content: space-between; align-items: baseline; gap: .75rem;
	padding: .4rem .6rem; margin: 0 -.6rem; border-radius: var(--pc-radijus-mali);
	font-size: .92rem; font-weight: 600; color: var(--pc-crna); text-decoration: none; cursor: pointer;
}
.stablo__veza:hover, .stablo__otvori:hover { background: var(--pc-svetla); color: var(--pc-crna); }
.stablo__veza.je-izabrana { background: var(--pc-crna); color: #fff; }
.stablo__veza.je-izabrana .stablo__broj { color: rgba(255, 255, 255, .7); }
.stablo__veza--koren { margin-bottom: .35rem; }
.stablo__grana > .stablo__veza { padding-left: 1.45rem; }
.stablo__broj { font-size: .75rem; font-weight: 500; color: var(--pc-siva); }
.stablo__otvori { list-style: none; }
.stablo__otvori::-webkit-details-marker { display: none; }
.stablo__otvori > span:first-child { display: inline-flex; align-items: center; gap: .4rem; }
.stablo__otvori > span:first-child::before {
	content: ""; width: .45rem; height: .45rem; margin-left: -.05rem;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(-45deg); transition: transform .2s; opacity: .55;
}
details[open] > .stablo__otvori > span:first-child::before { transform: rotate(45deg); }
.stablo__pod { margin: .15rem 0 .5rem .45rem; padding-left: .75rem; border-left: 2px solid var(--pc-linija); }
.stablo__pod .stablo__veza { font-weight: 500; font-size: .88rem; color: var(--pc-tekst); }
.stablo__pod .stablo__veza.je-izabrana { color: #fff; }

/* Filteri */
.filter { margin: 0 0 1.4rem; padding: 0; border: 0; min-width: 0; }
.filter__naslov { margin-bottom: .55rem; padding: 0; font-size: .85rem; font-weight: 700; color: var(--pc-crna); }
.filter__opcije, .filter__boje, .filter__velicine { margin: 0; padding: 0; list-style: none; }
.filter__opcije { display: grid; gap: .2rem; }
.filter__opcija {
	display: flex; align-items: center; gap: .6rem; width: 100%; padding: .35rem 0;
	font: inherit; font-size: .92rem; color: var(--pc-tekst); text-align: left; background: none; border: 0; cursor: pointer;
}
.filter__kvadrat {
	flex: none; display: grid; place-items: center; width: 1.15rem; height: 1.15rem;
	border: 2px solid #c9c5c1; border-radius: 4px; background: #fff; transition: background-color .15s, border-color .15s;
}
.filter__opcija:hover .filter__kvadrat { border-color: var(--pc-crna); }
.filter__opcija.je-izabrana .filter__kvadrat { background: var(--pc-crvena); border-color: var(--pc-crvena); }
.filter__opcija.je-izabrana .filter__kvadrat::after {
	content: ""; width: .32rem; height: .6rem; margin-top: -.12rem;
	border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg);
}
.filter__opcija--na_stanju::after, .filter__opcija--uskoro::after { content: ""; width: .5rem; height: .5rem; border-radius: 50%; margin-left: auto; }
.filter__opcija--na_stanju::after { background: #2f9e5b; }
.filter__opcija--uskoro::after { background: #e0a100; }

.filter__boje { display: flex; flex-wrap: wrap; gap: .3rem; }
.filter__boja { display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; background: #fff; border: 2px solid transparent; border-radius: 50%; cursor: pointer; }
.filter__boja .kartica__boja { width: 1.35rem; height: 1.35rem; }
.filter__boja:hover { border-color: var(--pc-linija); }
.filter__boja.je-izabrana { border-color: var(--pc-crvena); }
.filter__boja.je-visak { display: none; }
.filter__boje.sve-vidljive .filter__boja.je-visak { display: grid; }
.filter__jos { margin-top: .6rem; padding: 0; font: inherit; font-size: .85rem; font-weight: 600; color: var(--pc-crvena); background: none; border: 0; cursor: pointer; }

.filter__velicine { display: flex; flex-wrap: wrap; gap: .35rem; }
.filter__podnaslov { margin: .6rem 0 .35rem; font-size: .75rem; font-weight: 600; color: var(--pc-siva); }
.filter__podnaslov:first-of-type { margin-top: 0; }
.filter__velicina {
	min-width: 2.6rem; padding: .4rem .6rem; font: inherit; font-size: .85rem; font-weight: 600; color: var(--pc-crna);
	background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); cursor: pointer;
}
.filter__velicina:hover { border-color: var(--pc-crna); }
.filter__velicina.je-izabrana { background: var(--pc-crna); border-color: var(--pc-crna); color: #fff; }
.filter__opcija:focus-visible, .filter__boja:focus-visible, .filter__velicina:focus-visible { outline: 2px solid var(--pc-crvena); outline-offset: 2px; }

/* Aktivni filteri iznad liste */
.aktivni { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin: 0 0 1.25rem; }
.aktivni__lista { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.aktivni__stavka {
	display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .7rem;
	font-size: .85rem; font-weight: 600; color: var(--pc-crna); text-decoration: none;
	background: var(--pc-svetla); border-radius: 999px;
}
.aktivni__stavka:hover { background: var(--pc-crna); color: #fff; }
.aktivni__ponisti { font-size: .85rem; font-weight: 600; color: var(--pc-siva); }

/* Brojevi strana (preko podrazumevanog WooCommerce izgleda) */
.lista-rezultati { scroll-margin-top: calc(var(--zaglavlje-h) + 1rem); }
.woocommerce nav.woocommerce-pagination { margin: 2.5rem 0 0; text-align: center; }
.woocommerce nav.woocommerce-pagination ul.page-numbers {
	display: inline-flex; flex-wrap: wrap; justify-content: center; gap: .4rem;
	margin: 0; padding: 0; border: 0; white-space: normal;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li { float: none; border: 0; overflow: visible; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; height: 2.75rem; padding: 0 .75rem;
	font-size: .95rem; font-weight: 600; line-height: 1; color: var(--pc-crna); text-decoration: none;
	background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali);
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover { background: var(--pc-crna); border-color: var(--pc-crna); color: #fff; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current { background: var(--pc-crna); border-color: var(--pc-crna); color: #fff; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.dots { min-width: 1.5rem; padding: 0; border-color: transparent; background: transparent; color: var(--pc-siva); }
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:focus-visible { outline: 2px solid var(--pc-crvena); outline-offset: 2px; }
@media (max-width: 480px) {
	.woocommerce nav.woocommerce-pagination ul.page-numbers { gap: .3rem; }
	.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers { min-width: 2.4rem; height: 2.4rem; padding: 0 .5rem; }
}
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.woocommerce-breadcrumb a { color: var(--pc-siva); }


/* Sklopivi filteri (oznake iz API-ja) */
.filter--sklopivi > .filter__naslov { display: flex; align-items: center; gap: .5rem; cursor: pointer; list-style: none; }
.filter--sklopivi > .filter__naslov::-webkit-details-marker { display: none; }
.filter--sklopivi > .filter__naslov::after {
	content: ""; width: .45rem; height: .45rem; margin-left: auto;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(45deg); transition: transform .2s; opacity: .5;
}
.filter--sklopivi[open] > .filter__naslov::after { transform: rotate(-135deg); }
.filter--sklopivi[open] > .filter__naslov { margin-bottom: .55rem; }
.filter__aktivno { display: inline-grid; place-items: center; min-width: 1.15rem; height: 1.15rem; padding: 0 .3rem; font-size: .7rem; color: #fff; background: var(--pc-crvena); border-radius: 999px; }
.filter__tekst { flex: 1; min-width: 0; }
.filter__broj { font-size: .75rem; color: var(--pc-siva); }
.filter__opcije .filter__opcija.je-visak { display: none; }
.filter__opcije.sve-vidljive .filter__opcija.je-visak { display: flex; }
.aktivni__vrsta { font-weight: 500; color: var(--pc-siva); }
.aktivni__stavka:hover .aktivni__vrsta { color: rgba(255, 255, 255, .7); }

/* Kartica: kratak opis i oznaka statusa */
.kartica__opis {
	margin: 0 0 .1rem; font-size: .8rem; line-height: 1.4; color: var(--pc-siva);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.24em;
}
.kartica__oznaka {
	position: absolute; top: 1.15rem; left: 1.15rem; z-index: 1; padding: .2rem .55rem;
	font-size: .7rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase;
	color: #fff; background: var(--pc-crvena); border-radius: 999px;
}

/* Strana proizvoda: brendiranje, karakteristike, video */
.brendiranje-proizvoda { margin: 1.5rem 0 0; padding: 1.1rem 1.25rem; border: 1px solid var(--pc-linija); border-left: 3px solid var(--pc-crvena); border-radius: var(--pc-radijus-mali); }
.brendiranje-proizvoda__naslov { margin: 0 0 .6rem; font-size: 1rem; }
.brendiranje-proizvoda__lista { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; margin: 0 0 .7rem; font-size: .9rem; }
.brendiranje-proizvoda__lista dt { font-weight: 600; color: var(--pc-crna); }
.brendiranje-proizvoda__lista dd { margin: 0; }
.brendiranje-proizvoda__link { font-size: .85rem; font-weight: 600; color: var(--pc-crvena); }

.karakteristike { width: 100%; max-width: 52rem; border-collapse: collapse; font-size: .92rem; }
.karakteristike th, .karakteristike td { padding: .65rem .9rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--pc-linija); }
.karakteristike th { width: 34%; font-weight: 600; color: var(--pc-crna); background: var(--pc-svetla); }

.videi { display: grid; gap: 1rem; max-width: 52rem; }
.video { display: grid; place-items: center; align-content: center; gap: .5rem; aspect-ratio: 16 / 9; background: var(--pc-crna); border-radius: var(--pc-radijus); overflow: hidden; }
.video__dugme { display: inline-flex; align-items: center; gap: .6rem; padding: .75rem 1.25rem; font: 600 .95rem var(--pc-font); color: var(--pc-crna); background: #fff; border: 0; border-radius: 999px; cursor: pointer; }
.video__ikona { width: 0; height: 0; border-left: .7rem solid var(--pc-crvena); border-top: .45rem solid transparent; border-bottom: .45rem solid transparent; }
.video__napomena { margin: 0; font-size: .75rem; color: #a9a5a2; }
.video.je-ucitan { display: block; }
.video__okvir { display: block; width: 100%; height: 100%; border: 0; }
/* Snimak zgrade i lokacije (naslovna slika + dugme; YouTube tek na klik) */
.film { position: relative; isolation: isolate; border-radius: var(--pc-radijus); box-shadow: var(--pc-senka-jaka); }
.film__slika { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.film::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(24, 23, 23, .6) 0%, rgba(24, 23, 23, .1) 60%); }
.film:hover .film__slika { transform: scale(1.03); }
.film__dugme { padding: .9rem 1.5rem; font-size: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, .3); transition: transform .2s; }
.film__dugme:hover { transform: scale(1.04); }
.film.je-ucitan::after { display: none; }
.o-nama__film { width: 100%; }

@media (max-width: 760px) {
	.kartica__opis { font-size: .75rem; }
	.kartica__oznaka { top: .75rem; left: .75rem; font-size: .62rem; }
	.karakteristike th { width: 40%; }
	.brendiranje-proizvoda__lista { grid-template-columns: 1fr; gap: .1rem; }
	.brendiranje-proizvoda__lista dd { margin-bottom: .4rem; }
}

/* Naslovna – katalog u prvom planu
   ========================================================================== */

.uvod--katalog { padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.pretraga--velika { max-width: 36rem; margin-bottom: 1.25rem; }
.pretraga--velika .pretraga__polje { min-height: 3.6rem; padding-left: 1.4rem; font-size: 1.05rem; background: #fff; border-color: var(--pc-linija); box-shadow: var(--pc-senka); }
.pretraga--velika .pretraga__dugme { width: 2.9rem; height: 2.9rem; }
.uvod__brzo { display: flex; flex-wrap: wrap; gap: .4rem; max-width: 36rem; margin: 0; padding: 0; list-style: none; }
.uvod__brzo a {
	display: inline-block; padding: .35rem .8rem; font-size: .85rem; font-weight: 600; color: var(--pc-crna); text-decoration: none;
	background: var(--pc-svetla); border-radius: 999px; transition: background-color .2s, color .2s;
}
.uvod__brzo a:hover { background: var(--pc-crna); color: #fff; }

.mozaik { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.mozaik__polje {
	position: relative; display: grid; place-items: center; aspect-ratio: 1; overflow: hidden;
	background: var(--pc-svetla); border-radius: var(--pc-radijus); text-decoration: none;
}
.mozaik__polje img { width: 78%; height: 78%; object-fit: contain; mix-blend-mode: multiply; transition: transform .4s; }
.mozaik__polje:hover img { transform: scale(1.07); }
.mozaik__polje--0 { grid-column: span 2; grid-row: span 2; }
.mozaik__polje--0 img { width: 70%; height: 70%; }
.mozaik__polje--rad { background: var(--pc-crna); }
.mozaik__polje--rad img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; }
.mozaik__polje--rad img.mozaik__kadar--desno { object-position: right center; }
.mozaik__polje--rad img.mozaik__kadar--vez { object-position: 73% center; }
.uvod__brzo + .uvod__oznake { margin-top: 1.25rem; }
.mozaik__nas { color: var(--pc-crvena); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: .62rem; margin-right: .15rem; }
.mozaik__naziv {
	position: absolute; left: .6rem; bottom: .6rem; padding: .2rem .55rem; font-size: .72rem; font-weight: 700; color: var(--pc-crna);
	background: rgba(255, 255, 255, .9); border-radius: 999px;
}

@media (max-width: 900px) {
	.mozaik { max-width: 32rem; }
}
@media (max-width: 760px) {
	.uvod--katalog .uvod__okvir { gap: 1.75rem; }
	.mozaik { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
	.mozaik { display: none; }
	.pretraga--velika .pretraga__polje { min-height: 3.2rem; font-size: 1rem; }
}

/* Naslovna – vrh: fotografija firme preko cele širine, kartice sa brojkama preko donje ivice
   ========================================================================== */

.naslovni { position: relative; isolation: isolate; padding-top: clamp(4rem, 10vw, 8.5rem); color: #fff; }
.naslovni__pozadina { position: absolute; inset: 0 0 3.25rem; z-index: -1; overflow: hidden; background: var(--pc-crna); }
.naslovni__pozadina img { position: absolute; top: 0; right: 0; width: max(62%, 820px); height: 100%; object-fit: cover; object-position: 75% 40%; }
.naslovni__pozadina::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgb(24, 23, 23) 0%, rgb(24, 23, 23) 38%, rgba(24, 23, 23, .82) 50%, rgba(24, 23, 23, .3) 68%, rgba(24, 23, 23, 0) 100%);
}
.naslovni__okvir { position: relative; padding-bottom: clamp(4.5rem, 9vw, 7.5rem); }
.naslovni__tekst { max-width: 40rem; }
.naslovni__nadnaslov { color: #ff6b63; }
.naslovni__naslov { margin: 0 0 1.25rem; font-size: clamp(2.5rem, 5.6vw, 4.6rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.04; color: #fff; }
.naslovni__opis { max-width: 32rem; margin: 0 0 2rem; font-size: clamp(1.05rem, 1.6vw, 1.2rem); color: rgba(255, 255, 255, .78); }
.naslovni__pretraga { max-width: 34rem; margin: 0; }
.naslovni__pretraga .pretraga__polje { border-color: transparent; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.naslovni__adresa {
	position: absolute; right: var(--pc-razmak); bottom: 5.25rem; margin: 0;
	display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .9rem .45rem .6rem;
	font-size: .8rem; font-weight: 600; color: var(--pc-crna); background: rgba(255, 255, 255, .92); border-radius: 999px;
}
.naslovni__adresa .znak { width: 1.1rem; height: 1.1rem; }
.naslovni__brojke {
	position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
	background: #fff; border-radius: var(--pc-radijus); box-shadow: var(--pc-senka-jaka); overflow: hidden;
}
.naslovni__brojke li { display: flex; flex-direction: column; gap: .2rem; padding: 1.35rem 1.6rem; }
.naslovni__brojke li + li { border-left: 1px solid var(--pc-linija); }
.naslovni__brojke strong { font-family: var(--pc-font-naslov); font-size: clamp(1.3rem, 2.2vw, 1.75rem); font-weight: 800; letter-spacing: -.02em; color: var(--pc-crna); line-height: 1.15; }
.naslovni__brojke li:first-child strong { color: var(--pc-crvena); }
.naslovni__brojke span { font-size: .85rem; color: var(--pc-siva); }
.naslovni + .blok { padding-top: clamp(3rem, 6vw, 4.5rem); }

@media (max-width: 900px) {
	.naslovni__pozadina::after { background: linear-gradient(180deg, rgba(24, 23, 23, .55) 0%, rgba(24, 23, 23, .88) 70%); }
	.naslovni__pozadina img { width: 100%; object-position: 80% center; }
	.naslovni__adresa { position: static; margin-top: 1.5rem; }
	.naslovni__okvir { padding-bottom: 5rem; }
	.naslovni__brojke { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.naslovni__brojke li:nth-child(3) { border-left: 0; }
	.naslovni__brojke li:nth-child(n + 3) { border-top: 1px solid var(--pc-linija); }
}
@media (max-width: 760px) {
	.naslovni { padding-top: 3rem; }
	.naslovni__brojke li { padding: 1rem 1.1rem; }
	.naslovni__brojke span { font-size: .78rem; }
}
/* Prilagođavanje ekranima
   ========================================================================== */

@media (max-width: 1100px) {
	.woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.podnozje__mreza { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1100px) {
	.meni-panel__grupe { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.odeljenja--siroko { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.kontakt-strana { grid-template-columns: 1fr; }
	.uvod__okvir, .brendiranje, .o-nama { grid-template-columns: 1fr; }
	.o-nama__godina { aspect-ratio: auto; flex-direction: row; align-items: baseline; gap: 1rem; }
	.uvod__slika { order: -1; }
	.uvod__slika img { aspect-ratio: 16 / 10; }
	.koraci { grid-template-columns: 1fr; }
	.kontakt { grid-template-columns: 1fr; }
	.woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
	.woocommerce div.product { grid-template-columns: 1fr; }
	.woocommerce div.product .woocommerce-product-gallery, .woocommerce div.product .pc-galerija, .woocommerce div.product .summary, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { grid-column: 1; }
}


@media (max-width: 1000px) {
	.lista-raspored { grid-template-columns: 220px minmax(0, 1fr); gap: 1.75rem; }
	.lista-rezultati ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Telefon i tablet: bočna traka postaje panel sa leve strane */
@media (max-width: 900px) {
	.lista-raspored { display: block; }
	.lista-alati { display: flex; gap: .5rem; margin: 0 0 1rem; }
	.lista-alati__dugme {
		flex: 1; display: inline-flex; justify-content: center; align-items: center; gap: .45rem; padding: .7rem .5rem;
		font: 600 .9rem/1 var(--pc-font); color: var(--pc-crna);
		background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); cursor: pointer;
	}
	.lista-alati__dugme svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
	.lista-alati__broj { display: inline-grid; place-items: center; min-width: 1.25rem; height: 1.25rem; padding: 0 .3rem; font-size: .7rem; color: #fff; background: var(--pc-crvena); border-radius: 999px; }
	.lista-alati__broj[hidden] { display: none; }

	.bocna {
		position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; width: min(88vw, 360px);
		display: flex; flex-direction: column; background: #fff;
		transform: translateX(-100%); visibility: hidden; transition: transform .25s, visibility .25s;
	}
	.bocna.je-otvorena { transform: none; visibility: visible; box-shadow: 0 0 40px rgba(24, 23, 23, .25); }
	.bocna__vrh { display: flex; justify-content: space-between; align-items: center; padding: .75rem 1rem .75rem 1.25rem; border-bottom: 1px solid var(--pc-linija); }
	.bocna__vrh-naslov { margin: 0; font-family: var(--pc-font-naslov); font-weight: 800; color: var(--pc-crna); }
	.bocna__zatvori { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; padding: 0; background: none; border: 0; cursor: pointer; color: var(--pc-crna); }
	.bocna__zatvori svg { width: 1.3rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
	.bocna__sadrzaj { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 1.25rem; }
	.bocna__dno { display: block; padding: .75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--pc-linija); }
	.bocna__prikazi { width: 100%; }
	.bocna-pozadina { display: block; position: fixed; inset: 0; z-index: 99; background: rgba(24, 23, 23, .45); }
	.bocna-pozadina[hidden] { display: none; }
	body.bocna-otvorena { overflow: hidden; }
}
@media (max-width: 760px) {
	.zaglavlje__okvir { flex-wrap: wrap; gap: .5rem 1rem; padding-top: .5rem; padding-bottom: .75rem; min-height: 0; }
	.pretraga { order: 3; flex-basis: 100%; max-width: none; }
	.zaglavlje__natpis { display: none; }
	.zaglavlje__meni-dugme { display: block; }
	.zaglavlje__upit { display: none; }
	.zaglavlje__alati > .zaglavlje__drustvena { width: 2.4rem; height: 2.4rem; }
	.meni__dodatno { display: flex; align-items: center; gap: .5rem; padding: .25rem 0 1.25rem; }
	.meni__dodatno .dugme { flex: 1; }
	.home .zaglavlje .pretraga { display: none; }
	.meni { display: none; }
	.meni.je-otvoren { display: block; max-height: calc(100vh - 8.5rem); max-height: calc(100dvh - 8.5rem); overflow-y: auto; overscroll-behavior: contain; }
	.meni__lista { flex-direction: column; padding: .5rem 0 1rem; }
	.meni__stavka > a, .meni__otvori { width: 100%; justify-content: space-between; padding: .8rem 0; border-bottom: 1px solid var(--pc-linija); }
	.meni-panel { position: static; display: none; visibility: visible; opacity: 1; transform: none; box-shadow: none; border: 0; }
	.meni__stavka--panel.je-otvoren .meni-panel { display: block; }
	.meni-panel__okvir { padding: .5rem 0 1rem; }
	.meni-panel__grupe { grid-template-columns: 1fr; }
	.forma__red { grid-template-columns: 1fr; }
	.odeljenja, .odeljenja--siroko { grid-template-columns: 1fr; }
	.tehnika-cela { grid-template-columns: 1fr; }
	.podnozje__mreza { grid-template-columns: 1fr; }

	/* Lista proizvoda na telefonu: centrirane kartice, dugme preko cele širine, bez prelamanja */
	.woocommerce ul.products { gap: .75rem; }
	.woocommerce ul.products li.product,
	.woocommerce ul.products[class*="columns-"] li.product,
	.woocommerce-page ul.products[class*="columns-"] li.product { align-items: stretch; text-align: center; padding: .5rem .5rem .75rem; }
	.woocommerce ul.products li.product a img { margin-bottom: .6rem; padding: .35rem; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .9rem; line-height: 1.3; padding: 0; margin: 0 0 .2rem; }
	.woocommerce ul.products li.product .price { display: block; margin: 0; font-size: .9rem; }
	.kartica__boje { justify-content: center; gap: .25rem; margin-top: .45rem; }
	.kartica__boja { width: .8rem; height: .8rem; }
	.kartica__dostupnost { justify-content: center; margin: .4rem 0 .7rem; font-size: .75rem; }
	.woocommerce ul.products li.product .button {
		align-self: stretch; width: 100%; padding: .5rem .25rem; min-height: 2.4rem;
		white-space: nowrap; font-size: .8rem;
	}
	.woocommerce ul.products li.product .added_to_cart { margin: .5rem 0 0; }

	/* Broj rezultata i sortiranje u jednom redu */
	.woocommerce .woocommerce-result-count { float: left; margin: .75rem 0 1rem; font-size: .8rem; }
	.woocommerce .woocommerce-ordering { float: right; width: 58%; margin: 0 0 1rem; }
	.woocommerce .woocommerce-ordering select { width: 100%; min-height: 2.5rem; font-size: .85rem; }
	.woocommerce ul.products { clear: both; }
}


/* Telefon: traka pri dnu ekrana (poziv + upit) */
.mob-traka { display: none; }
.upit { scroll-margin-top: 7rem; }
@media (max-width: 760px) {
	.mob-traka {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
		display: flex; align-items: center; gap: .5rem;
		padding: .4rem var(--pc-razmak) calc(.4rem + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, .97); border-top: 1px solid var(--pc-linija); box-shadow: 0 -6px 20px rgba(24, 23, 23, .08);
	}
	.mob-traka__tel {
		flex: none; display: inline-flex; align-items: center; gap: .4rem; min-height: 2.3rem; padding: 0 .85rem; font-size: .85rem;
		font-weight: 700; color: var(--pc-crna); text-decoration: none; border: 1px solid var(--pc-linija); border-radius: 999px;
	}
	.mob-traka__tel svg { width: .95rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	.mob-traka__upit { flex: 1; min-height: 2.3rem; padding: .35rem .9rem; font-size: .85rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; animation: pc-puls 4s ease-out 2.5s infinite; }
	body { padding-bottom: calc(3.2rem + env(safe-area-inset-bottom)); }
	body.meni-otvoren .mob-traka, body.bocna-otvorena .mob-traka { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Zaglavlje: istaknuto „Promo program“, kontakt desno u meniju, uže posle skrolovanja,
   na naslovnoj pretraga u zaglavlju tek ispod velike pretrage; tamna varijanta (body.zaglavlje-tamno)
   ========================================================================== */

.zaglavlje { transition: box-shadow .2s; }
.zaglavlje__okvir { transition: min-height .2s; }
.zaglavlje.je-skrolovano { box-shadow: 0 6px 24px rgba(24, 23, 23, .1); }
.zaglavlje.je-skrolovano .zaglavlje__okvir { min-height: 4rem; }

.meni__lista .meni__otvori--istaknuto {
	gap: .45rem; margin: .4rem 0; padding: .5rem 1rem .5rem .85rem; color: #fff;
	background: var(--pc-crna); border: 0; border-radius: 999px; transition: background-color .2s;
}
.meni__lista .meni__otvori--istaknuto:hover, .meni__stavka--panel.je-otvoren .meni__otvori--istaknuto { color: #fff; background: var(--pc-crvena); }
.meni__ikona { stroke-width: 2; }
.meni__info { display: none; }

@media (min-width: 761px) {
	.meni > .okvir { display: flex; align-items: center; gap: 1.5rem; }
	.meni__lista { align-items: center; }
	.meni__stavka > a, .meni__otvori:not(.meni__otvori--istaknuto) { position: relative; border-bottom: 0; }
	.meni__stavka > a::after, .meni__otvori:not(.meni__otvori--istaknuto)::after {
		content: ""; position: absolute; left: 0; right: 0; bottom: .55rem; height: 2px;
		background: var(--pc-crvena); border-radius: 2px; transform: scaleX(0); transition: transform .25s;
	}
	.meni__stavka > a:hover::after, .meni__otvori:not(.meni__otvori--istaknuto):hover::after, .meni__stavka--panel.je-otvoren .meni__otvori:not(.meni__otvori--istaknuto)::after { transform: scaleX(1); }
	.meni__info { display: flex; align-items: center; gap: .75rem; margin: 0 0 0 auto; font-size: .85rem; color: var(--pc-siva); white-space: nowrap; }
	.meni__info a { display: inline-flex; align-items: center; gap: .4rem; font-weight: 700; color: var(--pc-crna); text-decoration: none; }
	.meni__info a:hover { color: var(--pc-crvena); }
	.meni__info svg { width: 1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	.home .zaglavlje__pretraga { transition: opacity .25s, visibility .25s; }
	.home .zaglavlje:not(.pretraga-vidljiva) .zaglavlje__pretraga { visibility: hidden; opacity: 0; }
}
@media (max-width: 900px) and (min-width: 761px) {
	.meni__info span { display: none; }
}

/* Tamna varijanta */
.zaglavlje-tamno .zaglavlje { color: #fff; background: rgba(24, 23, 23, .97); border-bottom: 0; }
.zaglavlje-tamno .zaglavlje .znak__tamna { fill: #fff; }
.zaglavlje-tamno .zaglavlje__potpis { color: #fff; border-left-color: rgba(255, 255, 255, .15); }
.zaglavlje-tamno .zaglavlje__potpis span { color: #a9a5a3; }
.zaglavlje-tamno .zaglavlje .pretraga__polje { color: #fff; background: rgba(255, 255, 255, .08); }
.zaglavlje-tamno .zaglavlje .pretraga__polje::placeholder { color: #a9a5a3; }
.zaglavlje-tamno .zaglavlje .pretraga__polje:focus { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .35); }
.zaglavlje-tamno .zaglavlje__drustvena, .zaglavlje-tamno .zaglavlje__alat, .zaglavlje-tamno .zaglavlje__meni-dugme { color: #fff; }
.zaglavlje-tamno .meni { border-top: 0; }
.zaglavlje-tamno .meni__stavka > a, .zaglavlje-tamno .meni__otvori { color: #e9e6e3; }
.zaglavlje-tamno .meni__stavka > a:hover, .zaglavlje-tamno .meni__otvori:hover, .zaglavlje-tamno .je-otvoren > .meni__otvori { color: #fff; }
.zaglavlje-tamno .meni__lista .meni__otvori--istaknuto { color: #fff; background: var(--pc-crvena); }
.zaglavlje-tamno .meni__lista .meni__otvori--istaknuto:hover, .zaglavlje-tamno .meni__stavka--panel.je-otvoren .meni__otvori--istaknuto { background: var(--pc-crvena-tamna); }
.zaglavlje-tamno .meni__info { color: #a9a5a3; }
.zaglavlje-tamno .meni__info a { color: #fff; }
@media (max-width: 760px) {
	.meni__info { display: flex; justify-content: space-between; margin: 0; padding: .25rem 0 1rem; font-size: .9rem; color: var(--pc-siva); }
	.meni__info a { font-weight: 700; color: var(--pc-crna); text-decoration: none; }
	.meni__info svg { display: none; }
	.meni__lista .meni__otvori--istaknuto { justify-content: flex-start; margin: .5rem 0; padding: .7rem 1rem; }
	.meni__otvori--istaknuto > svg:last-child { margin-left: auto; }
	.zaglavlje-tamno .meni__stavka > a, .zaglavlje-tamno .meni__otvori { border-bottom-color: rgba(255, 255, 255, .1); }
	.zaglavlje-tamno .meni-panel { background: transparent; }
	.zaglavlje-tamno .meni-panel__grupa { color: #e9e6e3; border-color: rgba(255, 255, 255, .1); }
	.zaglavlje-tamno .meni-panel__slika { background: rgba(255, 255, 255, .92); }
	.zaglavlje-tamno .meni__info a { color: #fff; }
}

/* Naslovna na veoma širokim ekranima (i pri umanjenju): fotografija ostaje uz sadržaj, ivice se utapaju u tamnu pozadinu */
@media (min-width: 1921px) {
	.naslovni__pozadina::after { display: none; }
	.naslovni__pozadina img {
		width: 1300px; right: calc((100% - var(--pc-okvir)) / 2 - 160px);
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 45%, #000 82%, transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 45%, #000 82%, transparent 100%);
	}
}

/* Proizvod: „Pitajte nas“ (Viber/WhatsApp ka firmi) i „Pošaljite proizvod“ */
.poruke { --viber: #7360f2; --whatsapp: #25d366; margin: 1.5rem 0 0; }
.poruke__pitajte { padding: 1rem 1.25rem; background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); }
.poruke__vrh { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-bottom: .8rem; }
.poruke__naslov { margin: 0; font-weight: 700; color: var(--pc-crna); }
.poruke__zemlje { display: inline-flex; padding: .2rem; background: #fff; border: 1px solid var(--pc-linija); border-radius: 999px; }
.poruke__zemlja { padding: .3rem .85rem; font: 600 .8rem/1.4 var(--pc-font); color: var(--pc-siva); background: none; border: 0; border-radius: 999px; cursor: pointer; }
.poruke__zemlja.je-izabrana { color: #fff; background: var(--pc-crna); }
.poruke__dugmad { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.poruke__dugme {
	display: inline-flex; align-items: center; gap: .45rem; min-height: 2.6rem; padding: .4rem 1.1rem;
	font: 700 .9rem/1 var(--pc-font); color: #fff; text-decoration: none; border-radius: 999px; transition: filter .2s, transform .2s;
}
.poruke__dugme svg { width: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.poruke__dugme--viber { background: var(--viber); }
.poruke__dugme--whatsapp { background: var(--whatsapp); }
.poruke__dugme:hover { color: #fff; filter: brightness(.92); transform: translateY(-1px); }
.poruke__broj { margin-left: .25rem; font-size: .85rem; color: var(--pc-siva); }

.podeli { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1rem 0 0; }
.podeli__natpis { margin-right: .25rem; font-size: .85rem; font-weight: 600; color: var(--pc-siva); }
.podeli__dugme {
	display: inline-flex; align-items: center; gap: .4rem; min-height: 2.3rem; padding: .3rem .85rem;
	font: 600 .85rem/1 var(--pc-font); color: var(--pc-crna); text-decoration: none; cursor: pointer;
	background: #fff; border: 1px solid var(--pc-linija); border-radius: 999px; transition: color .2s, background-color .2s, border-color .2s;
}
.podeli__dugme svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.podeli__dugme--viber svg { stroke: var(--viber); }
.podeli__dugme--whatsapp svg { stroke: var(--whatsapp); }
.podeli__dugme:hover { color: #fff; background: var(--pc-crna); border-color: var(--pc-crna); }
.podeli__dugme--viber:hover { background: var(--viber); border-color: var(--viber); }
.podeli__dugme--whatsapp:hover { background: var(--whatsapp); border-color: var(--whatsapp); }
.podeli__dugme--viber:hover svg, .podeli__dugme--whatsapp:hover svg { stroke: #fff; }

/* Naslovna: fotografija ide do vrha ekrana pod providno zaglavlje, zaglavlje dobija pozadinu posle skrolovanja
   (ili kad je otvoren meni na telefonu). --zaglavlje-h meri tema.js; vrednosti ovde su rezerva bez JS-a. */
:root { --zaglavlje-h: 8.4rem; }
.zaglavlje { transition: box-shadow .2s, background-color .25s; }
.home .naslovni { margin-top: calc(-1 * var(--zaglavlje-h)); padding-top: calc(var(--zaglavlje-h) + clamp(2rem, 7vh, 5rem)); }
.home .naslovni__okvir { padding-bottom: clamp(3.5rem, 9vh, 5.5rem); }
.home.zaglavlje-tamno:not(.meni-otvoren) .zaglavlje:not(.je-skrolovano) {
	background: linear-gradient(180deg, rgba(24, 23, 23, .65) 0%, rgba(24, 23, 23, 0) 100%);
	-webkit-backdrop-filter: none; backdrop-filter: none; border-bottom-color: transparent;
}
@media (max-width: 760px) {
	:root { --zaglavlje-h: 4rem; }
	.home .naslovni { padding-top: calc(var(--zaglavlje-h) + 2.5rem); }
}
.home.zaglavlje-tamno:not(.meni-otvoren) .zaglavlje:not(.je-skrolovano) .meni__info { color: rgba(255, 255, 255, .9); text-shadow: 0 1px 6px rgba(0, 0, 0, .55); }

/* Upit: logo (fajl) */
.forma__neobavezno { font-weight: 400; color: var(--pc-siva); }
.forma__pomoc { font-size: .8rem; color: var(--pc-siva); }
.forma__pomoc.je-greska { color: var(--pc-crvena); font-weight: 600; }
.forma input[type="file"] { width: 100%; padding: .55rem; font: inherit; font-size: .9rem; color: var(--pc-tekst); background: #fff; border: 1px dashed var(--pc-linija); border-radius: var(--pc-radijus-mali); cursor: pointer; }
.forma input[type="file"]::file-selector-button { margin-right: .75rem; padding: .45rem .9rem; font: 600 .85rem var(--pc-font); color: #fff; background: var(--pc-crna); border: 0; border-radius: 999px; cursor: pointer; }
.forma input[type="file"]:hover { border-color: var(--pc-crna); }

/* Ton grupe (ton-1..9): 9 nijansi po krugu boja, iste svetline; redosled tako da se susedne kartice (red i kolona) ne liče */
.ton-1 { --ton: #fde3e3; }
.ton-2 { --ton: #d9f0f0; }
.ton-3 { --ton: #fbf1cf; }
.ton-4 { --ton: #dfe9fb; }
.ton-5 { --ton: #fbe1f0; }
.ton-6 { --ton: #dcf2e3; }
.ton-7 { --ton: #edf5d6; }
.ton-8 { --ton: #e9e2fb; }
.ton-9 { --ton: #fde7d6; }

/* Naslovna: „Novo u ponudi“ – tamna traka, jedan red koji se pomera (strelice / prevlačenje) */
.blok--novo {
	position: relative; overflow: hidden; color: #fff;
	background: radial-gradient(60rem 30rem at 85% -10%, rgba(229, 50, 44, .28), transparent 60%), var(--pc-crna);
}
.blok--novo .blok__naslov { color: #fff; }
.blok--novo .blok__link { color: #ff6b63; }
.novo__desno { display: flex; align-items: center; gap: .5rem; }
.novo__desno .blok__link { margin-right: .75rem; }
.novo__strelica {
	display: grid; place-items: center; width: 2.75rem; height: 2.75rem; color: #fff; cursor: pointer;
	background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; transition: background-color .2s, border-color .2s, opacity .2s;
}
.novo__strelica svg { width: 1.2rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.novo__strelica:hover { background: var(--pc-crvena); border-color: var(--pc-crvena); }
.novo__strelica:disabled { opacity: .3; cursor: default; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .18); }
.blok--novo .woocommerce ul.products {
	display: flex; gap: 1rem; margin: 0; padding: .25rem 0 1rem; overflow-x: auto; scroll-snap-type: x mandatory;
	scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain;
}
.blok--novo .woocommerce ul.products::-webkit-scrollbar { display: none; }
.blok--novo .woocommerce ul.products::before, .blok--novo .woocommerce ul.products::after { display: none; }
.blok--novo .woocommerce ul.products li.product {
	float: none; flex: 0 0 calc((100% - 3rem) / 4); width: auto; margin: 0; scroll-snap-align: start;
	border-color: transparent; box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}
@media (max-width: 1100px) {
	.blok--novo .woocommerce ul.products li.product { flex-basis: calc((100% - 2rem) / 3); }
}
@media (max-width: 760px) {
	.blok--novo .woocommerce ul.products li.product { flex-basis: 72%; width: auto; }
	.novo__strelica { display: none; }
	.novo__desno .blok__link { margin-right: 0; }
}

/* Naslovi sekcija: crveni nadnaslov sa linijom, naslov, sivi podnaslov */
.blok__zaglavlje { align-items: flex-end; }
.blok__naslovi { display: grid; gap: .5rem; min-width: 0; }
.blok__naslovi--sam { margin-bottom: 2.25rem; }
.blok__naslovi .blok__naslov { margin: 0; letter-spacing: -.025em; line-height: 1.1; }
.blok__naslovi .nadnaslov { display: inline-flex; align-items: center; gap: .65rem; margin: 0; }
.blok__naslovi .nadnaslov::before { content: ""; width: 1.75rem; height: 2px; background: currentColor; border-radius: 2px; }
.blok__podnaslov { max-width: 38rem; margin: .15rem 0 0; font-size: 1.05rem; color: var(--pc-siva); }
.blok--novo .blok__naslovi .nadnaslov { color: #ff6b63; }
.blok--novo .blok__podnaslov { color: rgba(255, 255, 255, .7); }
@media (max-width: 760px) {
	.blok__zaglavlje { flex-wrap: wrap; align-items: flex-start; }
	.blok__podnaslov { font-size: 1rem; }
}

/* Lista: čipovi podgrupa – na računaru ih ima u bočnom stablu (sakriveni), na telefonu jedan red koji se prevlači */
@media (min-width: 901px) {
	.grupe { display: none; }
}
@media (max-width: 900px) {
	.grupe { position: relative; margin: 0 calc(-1 * var(--pc-razmak)) 1rem; }
	.grupe::after {
		content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; pointer-events: none;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
	}
	.grupe__lista {
		flex-wrap: nowrap; overflow-x: auto; padding: .15rem var(--pc-razmak) .35rem;
		scroll-snap-type: x proximity; scroll-padding-inline: var(--pc-razmak); scrollbar-width: none; -webkit-overflow-scrolling: touch;
	}
	.grupe__lista::-webkit-scrollbar { display: none; }
	.grupe__lista li { flex: none; scroll-snap-align: start; }
	.grupe__stavka { white-space: nowrap; }
}

/* Lista: zaglavlje grupe – panel u tonu grupe (isti kao kartica na naslovnoj) sa izlogom od 3 fotografije */
.lista-zaglavlje--grupa { margin-bottom: 1.75rem; }
.lista-zaglavlje--grupa .lista-zaglavlje__panel {
	position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 27rem);
	align-items: center; gap: 2rem; min-height: 13rem; padding: clamp(1.5rem, 3.5vw, 2.75rem);
	background: linear-gradient(120deg, #fff 0%, var(--ton) 55%, var(--ton) 100%);
	border-radius: calc(var(--pc-radijus) * 1.5);
}
.lista-zaglavlje--grupa .lista-zaglavlje__panel::after {
	content: ""; position: absolute; right: -6rem; bottom: -9rem; width: 22rem; height: 22rem; border-radius: 50%;
	background: rgba(255, 255, 255, .45); pointer-events: none;
}
.lista-zaglavlje__nadnaslov { display: inline-flex; align-items: center; gap: .65rem; margin: 0 0 .6rem; }
.lista-zaglavlje__nadnaslov::before { content: ""; width: 1.75rem; height: 2px; background: currentColor; border-radius: 2px; }
.lista-zaglavlje--grupa .lista-zaglavlje__naslov { font-size: clamp(2.2rem, 4.6vw, 3.4rem); line-height: 1.05; }
.lista-zaglavlje--grupa .lista-zaglavlje__broj { margin-top: .35rem; font-size: 1rem; color: var(--pc-tekst); }
.lista-zaglavlje__izlog { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; align-items: center; }
.lista-zaglavlje__slika {
	display: grid; place-items: center; aspect-ratio: 1; background: #fff; border-radius: var(--pc-radijus);
	box-shadow: 0 2px 4px rgba(24, 23, 23, .04), 0 14px 30px rgba(24, 23, 23, .1);
}
.lista-zaglavlje__slika:nth-child(2) { transform: translateY(-.9rem) scale(1.06); }
.lista-zaglavlje__slika img { width: 80%; height: 80%; object-fit: contain; }
@media (max-width: 900px) {
	.lista-zaglavlje--grupa .lista-zaglavlje__panel { grid-template-columns: 1fr; gap: 1.25rem; min-height: 0; }
	.lista-zaglavlje__izlog { max-width: 22rem; }
	.lista-zaglavlje__slika:nth-child(2) { transform: none; }
}

/* Kartice proizvoda: senka umesto ivice, bela podloga slike, blago uvećanje i „Detaljnije“ na prelaz mišem */
.woocommerce ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	border-color: transparent; box-shadow: 0 1px 2px rgba(24, 23, 23, .05), 0 6px 20px rgba(24, 23, 23, .06);
	transition: box-shadow .3s, transform .3s;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 2px 6px rgba(24, 23, 23, .06), 0 22px 44px rgba(24, 23, 23, .13); }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { position: relative; }
.woocommerce ul.products li.product a img { background: #fff; padding: .75rem; }
.woocommerce ul.products li.product a img { transition: transform .45s ease, opacity .5s ease; }
.woocommerce ul.products li.product:hover a img { transform: scale(1.04); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { letter-spacing: -.01em; }
.kartica__oznaka { z-index: 2; }
@media (hover: hover) {
	.woocommerce ul.products li.product .button { opacity: 0; transform: translateY(6px); transition: opacity .25s, transform .25s, background-color .2s; }
	.woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product .button:focus-visible { opacity: 1; transform: none; }
}

/* Svi nadnaslovi (osim naslovne) sa kratkom linijom ispred */
.nadnaslov:not(.naslovni__nadnaslov) { display: flex; align-items: center; gap: .65rem; }
.nadnaslov:not(.naslovni__nadnaslov)::before { content: ""; flex: none; width: 1.75rem; height: 2px; background: currentColor; border-radius: 2px; }
.blok__naslovi .nadnaslov, .lista-zaglavlje__nadnaslov { display: inline-flex; }

/* Fotografije se blago pojavljuju kad se učitaju (klasu js-slike postavlja tema.js, bez JS-a su odmah vidljive) */
.js-slike ul.products li.product a img,
.js-slike .grupa-p__slika img,
.js-slike .lista-zaglavlje__slika img { opacity: 0; transition: opacity .5s ease, transform .3s; }
.js-slike ul.products li.product a img.je-ucitana,
.js-slike .grupa-p__slika img.je-ucitana,
.js-slike .lista-zaglavlje__slika img.je-ucitana { opacity: 1; }

/* Kartice grupa: velika fotografija, podgrupe kao tekst, ton grupe samo kao akcenat (--ton-jak) */
.ton-1 { --ton-jak: #e5615b; } .ton-2 { --ton-jak: #3fa6a6; } .ton-3 { --ton-jak: #d9ab1f; }
.ton-4 { --ton-jak: #4f82e8; } .ton-5 { --ton-jak: #d95c9d; } .ton-6 { --ton-jak: #3fa56c; }
.ton-7 { --ton-jak: #8db431; } .ton-8 { --ton-jak: #7d5ed8; } .ton-9 { --ton-jak: #e8843c; }
.grupe-premijum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
.grupa-p__link {
	position: relative; display: flex; flex-direction: column; height: 100%; overflow: hidden; color: var(--pc-crna); text-decoration: none;
	background: #fff; border-radius: calc(var(--pc-radijus) * 1.25);
	box-shadow: 0 1px 2px rgba(24, 23, 23, .05), 0 8px 26px rgba(24, 23, 23, .07); transition: transform .3s, box-shadow .3s;
}
.grupa-p__link::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 3px; background: var(--ton-jak); }
.grupa-p__link:hover { transform: translateY(-4px); box-shadow: 0 2px 6px rgba(24, 23, 23, .06), 0 24px 48px rgba(24, 23, 23, .13); }
.grupa-p__slika { display: grid; place-items: center; aspect-ratio: 4 / 3; background: #fff; border-bottom: 1px solid rgba(24, 23, 23, .06); overflow: hidden; }
.grupa-p__slika img { width: 62%; height: 78%; object-fit: contain; transition: transform .45s ease; }
.grupa-p__link:hover .grupa-p__slika img { transform: scale(1.06); }
.grupa-p__telo { position: relative; display: flex; flex-direction: column; gap: .2rem; padding: 1.25rem 4.5rem 1.4rem 1.5rem; }
.grupa-p__naziv { font-family: var(--pc-font-naslov); font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; }
.grupa-p__broj { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ton-jak); }
.grupa-p__pod { margin-top: .45rem; font-size: .88rem; color: var(--pc-siva); }
.grupa-p__strelica {
	position: absolute; right: 1.5rem; top: 50%; display: grid; place-items: center; width: 2.6rem; height: 2.6rem; margin-top: -1.3rem;
	color: var(--ton-jak); background: var(--ton); border-radius: 50%; transition: background-color .25s, color .25s, transform .25s;
}
.grupa-p__strelica svg { width: 1.1rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.grupa-p__link:hover .grupa-p__strelica { color: #fff; background: var(--ton-jak); transform: translateX(3px); }
@media (max-width: 1000px) { .grupe-premijum { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.grupe-premijum { gap: .75rem; }
	.grupa-p__telo { padding: .85rem .9rem 1rem; }
	.grupa-p__naziv { font-size: 1.05rem; }
	.grupa-p__pod, .grupa-p__strelica { display: none; }
}
/* Sjaj u boji grupe iza proizvoda na prelaz mišem */
.grupa-p__slika { position: relative; }
.grupa-p__slika::before {
	content: ""; position: absolute; inset: 12% 18%; border-radius: 50%;
	background: radial-gradient(closest-side, var(--ton), rgba(255, 255, 255, 0)); opacity: 0; transition: opacity .45s;
}
.grupa-p__link:hover .grupa-p__slika::before { opacity: 1; }
.grupa-p__slika img { position: relative; }
/* Kartice se pojavljuju jedna za drugom pri skrolovanju (klasa iz tema.js; bez JS-a odmah vidljive) */
.js-pojava .grupa-p { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; transition-delay: calc(var(--red, 0) * 70ms); }
.js-pojava .grupa-p.je-vidljiva { opacity: 1; transform: none; }

/* Proizvod: sličice boja (fotografija + količina) i tabela veličina za izabranu boju */
.woocommerce div.product form.cart table.variations tr.je-skriven { display: none; }
.izbor { margin: 0 0 1.25rem; }
.izbor__naslov { margin: 0 0 .65rem; font-size: .9rem; color: var(--pc-siva); }
.izbor__naslov strong { color: var(--pc-crna); }
.izbor__boje { display: flex; flex-wrap: wrap; gap: .65rem; }
.izbor__boja { display: flex; flex-direction: column; align-items: center; gap: .3rem; padding: 0; font: inherit; background: none; border: 0; cursor: pointer; }
.izbor__slika {
	display: grid; place-items: center; width: 4.25rem; height: 4.25rem; overflow: hidden; background: #fff;
	border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); transition: border-color .2s, box-shadow .2s;
}
.izbor__slika img { width: 92%; height: 92%; object-fit: contain; }
.izbor__boja:hover .izbor__slika { border-color: var(--pc-crna); }
.izbor__boja[aria-pressed="true"] .izbor__slika { border-color: var(--pc-crvena); box-shadow: 0 0 0 1px var(--pc-crvena), 0 6px 16px rgba(229, 50, 44, .15); }
.izbor__kolicina { font-size: .75rem; font-weight: 700; color: var(--pc-tekst); }
.izbor__kolicina.je-prazno { font-weight: 500; color: var(--pc-siva); }
.izbor__velicine { margin-top: 1.25rem; overflow: hidden; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); }
.woocommerce div.product form.cart table.izbor__tabela { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: .9rem; }
.izbor__tabela th { padding: .6rem 1rem; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-align: left; text-transform: uppercase; color: var(--pc-siva); background: var(--pc-svetla); }
.izbor__tabela td { padding: .65rem 1rem; border-top: 1px solid var(--pc-linija); }
.izbor__tabela th:last-child, .izbor__tabela td:last-child { text-align: right; }
.izbor__tabela td:first-child { font-weight: 700; color: var(--pc-crna); }
.izbor__tabela td:nth-child(2) { font-size: .85rem; color: var(--pc-siva); }
.izbor__tabela td:last-child { font-weight: 600; }
.izbor__red { cursor: pointer; transition: background-color .15s; }
.izbor__red:hover, .izbor__red:focus-visible { background: var(--pc-svetla); outline: none; }
.izbor__red.je-izabran { background: #fdecea; }
.izbor__red.je-izabran td:first-child { color: var(--pc-crvena); }
.izbor__red.je-prazno td:last-child { color: var(--pc-siva); font-weight: 500; }
.izbor__krug { width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--pc-boja, #d8d5d2); box-shadow: inset 0 0 0 1px rgba(24, 23, 23, .14); }
.woocommerce div.product form.cart table.izbor__tabela th, .woocommerce div.product form.cart table.izbor__tabela td { padding: .65rem 1rem; }
/* Izbor: „+uskoro“ ispod sličice, legenda, kolona „Uskoro“ i zbir u tabeli */
.izbor__uskoro { margin-top: -.2rem; font-size: .68rem; font-weight: 600; color: #b26a00; }
.izbor__legenda { margin: .6rem 0 0; font-size: .75rem; color: var(--pc-siva); }
.izbor__legenda-odmah { font-weight: 700; color: var(--pc-tekst); }
.izbor__legenda-uskoro { font-weight: 700; color: #b26a00; }
.izbor__tabela th:nth-child(3), .izbor__tabela td:nth-child(3) { text-align: right; }
.izbor__tabela td:nth-child(3) { font-weight: 600; }
.izbor__tabela td:last-child { font-weight: 500; color: #b26a00; }
.izbor__tabela tfoot th { padding: .65rem 1rem; font-size: .8rem; letter-spacing: .06em; color: var(--pc-crna); background: var(--pc-svetla); border-top: 1px solid var(--pc-linija); }
.izbor__tabela tfoot th[data-pc-izbor-odmah], .izbor__tabela tfoot th[data-pc-izbor-uskoro] { text-align: right; font-size: .9rem; letter-spacing: 0; }
.izbor__tabela tfoot th[data-pc-izbor-uskoro] { color: #b26a00; }
.woocommerce div.product form.cart table.izbor__tabela tfoot th { padding: .65rem 1rem; }
.izbor__red.je-prazno td:nth-child(3) { font-weight: 500; color: var(--pc-siva); }
/* Jednostavan proizvod: šifra, boja i dva polja stanja */
.izbor__stanje { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.izbor__stanje-polje { display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem; background: var(--pc-svetla); border-radius: var(--pc-radijus-mali); }
.izbor__stanje-polje span { font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pc-siva); }
.izbor__stanje-polje strong { font-family: var(--pc-font-naslov); font-size: 1.35rem; font-weight: 800; color: var(--pc-crna); }
.izbor__stanje-polje--uskoro strong { color: #b26a00; }

/* Proizvod: opis i karakteristike levo ispod galerije (forma desno zauzima obe visine); na telefonu posle forme */
.woocommerce div.product .opis-proizvoda { grid-column: 1; margin-top: .5rem; }
@media (min-width: 901px) {
	.woocommerce div.product .summary, .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { grid-row: 1 / span 2; }
	.woocommerce div.product .pc-galerija, .woocommerce div.product .woocommerce-product-gallery { grid-row: 1; }
	.woocommerce div.product .opis-proizvoda { grid-row: 2; }
}
@media (max-width: 900px) {
	.woocommerce div.product .opis-proizvoda { margin-top: 1rem; }
}
.opis-proizvoda__deo + .opis-proizvoda__deo { margin-top: 2.25rem; padding-top: 2rem; border-top: 1px solid var(--pc-linija); }
.opis-proizvoda__naslov { display: flex; align-items: center; gap: .65rem; margin: 0 0 1rem; font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; }
.opis-proizvoda__naslov::before { content: ""; width: 1.25rem; height: 2px; background: var(--pc-crvena); border-radius: 2px; }
.opis-proizvoda__deo--description p { color: var(--pc-tekst); line-height: 1.7; }

/* LED ekrani
   ========================================================================== */
.led-osnovno { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0 0 2.5rem; padding: 0; list-style: none; }
.led-osnovno li { display: flex; flex-direction: column; gap: .2rem; padding: 1.25rem 1.5rem; background: var(--pc-svetla); border-radius: var(--pc-radijus); }
.led-osnovno strong { font-family: var(--pc-font-naslov); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; line-height: 1.1; color: var(--pc-crna); }
.led-osnovno span { font-size: .85rem; color: var(--pc-siva); }

.led-pregled { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.led-pregled__kartica { display: flex; flex-direction: column; height: 100%; overflow: hidden; color: var(--pc-crna); text-decoration: none; background: #fff; border-radius: var(--pc-radijus); box-shadow: var(--pc-senka); transition: box-shadow .2s, transform .2s; }
.led-pregled__kartica:hover { box-shadow: var(--pc-senka-jaka); transform: translateY(-2px); }
.led-pregled__kartica img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.led-pregled__broj { margin: 1rem 1.25rem 0; font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pc-crvena); }
.led-pregled__naziv { margin: .25rem 1.25rem 0; font-family: var(--pc-font-naslov); font-size: 1.2rem; font-weight: 800; }
.led-pregled__vise { margin: auto 1.25rem 1.25rem; padding-top: .75rem; font-size: .9rem; color: var(--pc-siva); }

.led-lokacija { scroll-margin-top: var(--zaglavlje-h, 6rem); }
.led-lokacija__mreza { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.led-lokacija__naslov { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; margin: 0 0 1rem; }
.led-lokacija__opis > p { color: var(--pc-tekst); }
.led-lokacija__napomena { font-size: .9rem; color: var(--pc-siva); }

.led-galerija__glavna { margin: 0; }
/* Stalna razmera 16:10 – strana se ne pomera pri promeni fotografije; slika ceo (mape i natpisi se ne seku),
   višak prostora popunjava ista fotografija zamućena */
.led-galerija__okvir { position: relative; overflow: hidden; aspect-ratio: 16 / 10; border-radius: var(--pc-radijus); background: var(--pc-crna); }
.led-galerija__senka { position: absolute; inset: -8%; width: 116%; height: 116%; object-fit: cover; filter: blur(22px) brightness(.55); }
.led-galerija__slika { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; }
.led-galerija__glavna figcaption { min-height: 2.6em; margin-top: .6rem; font-size: .85rem; line-height: 1.3; color: var(--pc-siva); }
.led-galerija__slicice { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.led-galerija__dugme { display: block; width: 100%; padding: 0; overflow: hidden; background: none; border: 2px solid transparent; border-radius: var(--pc-radijus-mali); cursor: pointer; opacity: .7; transition: opacity .2s, border-color .2s; }
.led-galerija__dugme:hover { opacity: 1; }
.led-galerija__dugme[aria-pressed="true"] { opacity: 1; border-color: var(--pc-crvena); }
.led-galerija__dugme img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.led-podaci { display: grid; gap: 0; margin: 1.5rem 0; border-top: 1px solid var(--pc-linija); }
.led-podaci div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--pc-linija); }
.led-podaci dt { font-size: .8rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--pc-siva); }
.led-podaci dd { margin: 0; font-weight: 600; color: var(--pc-crna); }


.podnozje__led a { font-weight: 600; }

@media (max-width: 900px) {
	.led-lokacija__mreza { grid-template-columns: 1fr; }
	.led-pregled { grid-template-columns: 1fr; }
	.led-pregled__kartica { display: grid; grid-template-columns: 7.5rem 1fr; align-content: center; }
	.led-pregled__kartica img { grid-row: 1 / span 3; height: 100%; aspect-ratio: auto; }
	.led-pregled__broj { margin: .85rem 1rem 0; }
	.led-pregled__naziv { margin: .1rem 1rem 0; font-size: 1.05rem; }
	.led-pregled__vise { margin: .2rem 1rem .85rem; padding-top: 0; }
}
@media (max-width: 760px) {
	.led-osnovno { gap: .5rem; }
	.led-osnovno li { padding: .9rem; }
	.led-osnovno span { font-size: .75rem; }
	.led-galerija__slicice { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.led-podaci div { grid-template-columns: 7rem 1fr; }
}

/* Naslovna: slajder (1 = promo proizvodi, 2 = LED ekrani). Slajdovi su u istoj ćeliji mreže i pretapaju se;
   pozadina svakog slajda ostaje vezana za ceo .naslovni (slajd nije pozicioniran), kao i do sada. */
.naslovni__slajdovi { display: grid; }
.naslovni__slajd { grid-area: 1 / 1; min-width: 0; transition: opacity .8s ease, visibility .8s; }
.naslovni__slajd:not(.je-aktivan) { opacity: 0; visibility: hidden; }
.naslovni__dugmad { margin-bottom: 0; }

.dugme--providno { color: #fff; background: transparent; border-color: rgba(255, 255, 255, .55); }
.dugme--providno:hover { color: var(--pc-crna); background: #fff; border-color: #fff; }

.naslovni__kontrole { position: relative; height: 0; }
.naslovni__tacke { position: absolute; left: var(--pc-razmak); bottom: 1.5rem; display: flex; gap: .25rem; }
.naslovni__tacka { display: flex; align-items: center; padding: .9rem .3rem; background: none; border: 0; cursor: pointer; }
.naslovni__tacka::before { content: ""; width: .6rem; height: .6rem; background: rgba(255, 255, 255, .45); border-radius: 999px; transition: width .3s, background-color .3s; }
.naslovni__tacka:hover::before { background: rgba(255, 255, 255, .8); }
.naslovni__tacka[aria-current="true"]::before { width: 2rem; background: var(--pc-crvena); }

/* Slajd LED: cela fotografija trga desno u punoj visini (isti raspored kao slajd 1), ekran u njenom desnom delu */
.naslovni__slajd--led .naslovni__pozadina img { object-position: 100% 50%; }
@media (max-width: 900px) {
	.naslovni__slajd--led .naslovni__pozadina img { object-position: 82% 50%; }
}
/* Ekran je visoko u kadru: na računaru fotografija počinje ispod reda sa telefonom u zaglavlju, gornja ivica se utapa */
@media (min-width: 901px) {
	.naslovni__slajd--led .naslovni__pozadina img {
		top: 5.5rem; height: calc(100% - 5.5rem);
		-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 5rem);
		mask-image: linear-gradient(180deg, transparent 0, #000 5rem);
	}
}
@media (min-width: 1921px) {
	.naslovni__slajd--led .naslovni__pozadina img {
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 45%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 5rem);
		-webkit-mask-composite: source-in;
		mask-image: linear-gradient(90deg, transparent 0, #000 45%, #000 82%, transparent 100%), linear-gradient(180deg, transparent 0, #000 5rem);
		mask-composite: intersect;
	}
}
/* Telefon: fotografija bi pala iza naslova (natpis na zgradi, poruka na ekranu) → na oba slajda fotografija u traci
   stalne visine ispod zaglavlja (cela i svetla), tekst počinje ispod nje na tamnom, bez dužeg opisa */
@media (max-width: 900px) {
	.home .naslovni { padding-top: calc(var(--zaglavlje-h) + 12.75rem); }
	.naslovni__slajd .naslovni__opis { display: none; }
	.naslovni__slajd .naslovni__naslov { margin-bottom: 1.25rem; }
	.naslovni__slajd .naslovni__pozadina img {
		top: var(--zaglavlje-h); height: 14rem;
		-webkit-mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
		mask-image: linear-gradient(180deg, #000 80%, transparent 100%);
	}
	.naslovni__slajd .naslovni__pozadina::after {
		background: linear-gradient(180deg, rgba(24, 23, 23, .35) 0, rgba(24, 23, 23, 0) calc(var(--zaglavlje-h) + 1rem),
			rgba(24, 23, 23, 0) calc(var(--zaglavlje-h) + 10.5rem), rgba(24, 23, 23, .9) calc(var(--zaglavlje-h) + 12.75rem), rgb(24, 23, 23) calc(var(--zaglavlje-h) + 14rem));
	}
	.naslovni__slajd:not(.naslovni__slajd--led) .naslovni__pozadina img { object-position: 50% 60%; }
	.naslovni__slajd--led .naslovni__pozadina img { left: auto; right: 0; width: 140%; object-position: 100% 18%; }
}
/* Telefoni: SRB i CG broj – u meniju (računar) i u traci iznad logoa (samo telefon) */
.meni__zemlja, .zaglavlje__zemlja { margin-right: .35rem; font-size: .78rem; font-weight: 500; color: #ff6b63; }
.zaglavlje__telefoni svg { flex: none; width: .95rem; height: .95rem; margin-right: .35rem; align-self: center; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.zaglavlje__telefoni { display: none; }
@media (min-width: 761px) {
	.meni__info { gap: 1.25rem; }
}
@media (max-width: 760px) {
	.zaglavlje__telefoni { display: block; border-bottom: 1px solid rgba(255, 255, 255, .08); }
	.zaglavlje__telefoni-okvir { display: flex; justify-content: center; flex-wrap: wrap; gap: .2rem 1.5rem; padding-top: .4rem; padding-bottom: .4rem; }
	.zaglavlje__telefoni a { display: inline-flex; align-items: baseline; font-size: .85rem; font-weight: 700; color: #fff; text-decoration: none; white-space: nowrap; }
	.zaglavlje__zemlja { color: #ff6b63; }
	.meni__info { flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: flex-start; }
}
/* Do 1240 px dva broja sa nazivima zemalja ne staju u red sa menijem („Kontakt“ bi pao u drugi red) → i tu idu u traku iznad logoa */
@media (min-width: 761px) and (max-width: 1240px) {
	.meni__info { display: none; }
	.zaglavlje__telefoni { display: block; border-bottom: 1px solid rgba(255, 255, 255, .08); }
	.zaglavlje__telefoni-okvir { display: flex; justify-content: flex-end; gap: 1.75rem; padding-top: .35rem; padding-bottom: .35rem; }
	.zaglavlje__telefoni a { display: inline-flex; align-items: baseline; font-size: .85rem; font-weight: 700; color: #fff; text-decoration: none; }
	.zaglavlje__zemlja { color: #ff6b63; }
}

/* Treći nivo kategorija (npr. Radna odeća → Radne jakne): u stablu još jedno uvlačenje, na telefonu drugi red čipova */
.stablo__pod .stablo__otvori { font-weight: 600; font-size: .88rem; }
.stablo__pod .stablo__pod { margin-top: .1rem; margin-bottom: .35rem; }
.stablo__pod .stablo__pod .stablo__veza { font-size: .85rem; }
.grupe--pod { margin-top: -.35rem; }
.grupe--pod .grupe__stavka { padding: .35rem .8rem; font-size: .82rem; font-weight: 500; background: var(--pc-svetla); border-color: transparent; }
.grupe--pod .grupe__stavka:hover { border-color: var(--pc-crna); }
.grupe--pod .grupe__stavka.je-izabrana { background: var(--pc-crvena); border-color: var(--pc-crvena); color: #fff; }
/* Uski telefoni (do 420 px): manja slova i razmak, da oba broja sa nazivima zemalja stanu u jedan red */
@media (max-width: 420px) {
	.zaglavlje__telefoni-okvir { gap: .2rem .7rem; padding-left: .5rem; padding-right: .5rem; }
	.zaglavlje__telefoni a { font-size: .72rem; }
	.zaglavlje__zemlja { margin-right: .22rem; font-size: .68rem; }
	.zaglavlje__telefoni svg { width: .75rem; height: .75rem; margin-right: .2rem; }
}

/* Sakriveno dugme za deljenje (hidden) – inače ga display: inline-flex iz .podeli__dugme ipak prikaže */
.podeli__dugme[hidden] { display: none; }

/* Kartica: boje kao sličice proizvoda u toj boji (jača pravila od onih za glavnu sliku kartice) */
.kartica__boje--slike { gap: .35rem; min-height: 2.75rem; }
.kartica__boja-slika { width: 2.75rem; height: 2.75rem; flex: none; overflow: hidden; background: #fff; border: 1px solid var(--pc-linija); border-radius: var(--pc-radijus-mali); transition: border-color .2s; }
.kartica__boja-slika:hover { border-color: var(--pc-crna); }
.woocommerce ul.products li.product a .kartica__boja-slika img,
.woocommerce ul.products li.product:hover a .kartica__boja-slika img {
	display: block; width: 100%; height: 100%; margin: 0; padding: .15rem; aspect-ratio: 1; object-fit: contain;
	background: #fff; border-radius: 0; transform: none;
}
.kartica__boje--slike .kartica__jos { margin-left: .15rem; font-size: .75rem; font-weight: 600; color: var(--pc-siva); white-space: nowrap; }
@media (max-width: 760px) {
	.kartica__boje--slike { gap: .25rem; min-height: 2.1rem; }
	.kartica__boja-slika { width: 2.1rem; height: 2.1rem; }
	.kartica__boje--slike .kartica__jos { font-size: .68rem; }
}
.kartica__jos-usko { display: none; }
@media (max-width: 760px) {
	.kartica__boje--slike > li:nth-child(4):not(.kartica__jos) { display: none; }
	.kartica__jos-siroko { display: none; }
	.kartica__jos-usko { display: inline; }
}

/* Katalozi (strana i naslovna): 6 kataloga → na računaru 3 u redu, dva puna reda */
@media (min-width: 901px) {
	.katalozi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Katalozi kao korice (strana Katalozi, naslovna, meni) – template-parts/katalozi-korice.php */
.korice { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2rem 1.5rem; margin: 0; padding: 0; list-style: none; }
.korica { display: flex; flex-direction: column; gap: .2rem; height: 100%; color: var(--pc-crna); text-decoration: none; }
.korica__slika {
	position: relative; display: block; margin-bottom: .75rem; overflow: hidden; aspect-ratio: 300 / 420;
	background: var(--pc-svetla); border-radius: 6px;
	box-shadow: 0 1px 2px rgba(24, 23, 23, .08), 0 10px 24px -6px rgba(24, 23, 23, .28);
	transition: transform .3s ease, box-shadow .3s ease;
}
.korica__slika img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.korica__slika::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 6px; background: linear-gradient(90deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, 0)); } /* hrbat */
.korica:hover .korica__slika, .korica:focus-visible .korica__slika { transform: translateY(-6px); box-shadow: 0 2px 4px rgba(24, 23, 23, .1), 0 22px 38px -10px rgba(24, 23, 23, .4); }
.korica__oznaka { display: inline-block; margin-right: .3rem; padding: .05rem .35rem; font-size: .62rem; vertical-align: .08em; font-weight: 800; letter-spacing: .06em; color: #fff; background: var(--pc-crvena); border-radius: 4px; }
.korica__naziv { font-family: var(--pc-font-naslov); font-size: .95rem; font-weight: 700; line-height: 1.3; }
.korica:hover .korica__naziv { color: var(--pc-crvena); }
.korica__strane { font-size: .8rem; color: var(--pc-siva); }

.korice--tamna .korica { color: #fff; }
.korice--tamna .korica:hover .korica__naziv { color: #ff6b63; }
.korice--tamna .korica__strane { color: rgba(255, 255, 255, .55); }
.korice--tamna .korica__slika { box-shadow: 0 14px 30px -8px rgba(0, 0, 0, .7); }

/* Meni „Katalozi“: manje korice u jednom redu, ispod dokument i „Svi katalozi“ */
.korice--meni { gap: 1.25rem; }
.korice--meni .korica { color: inherit; }
.korice--meni .korica__naziv { font-size: .85rem; }
.korice--meni .korica__strane { font-size: .75rem; }
.korice--meni .korica__slika { margin-bottom: .6rem; }
.meni-panel__dno { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 2rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--pc-linija); }
.meni-panel__dno .meni-panel__sve { margin-top: 0; }
.meni-panel__dokument { display: inline-flex; align-items: baseline; gap: .5rem; font-weight: 600; color: inherit; text-decoration: none; }
.meni-panel__dokument:hover { color: var(--pc-crvena); }

@media (max-width: 1100px) {
	.korice { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.meni-panel__dno { border-top-color: rgba(127, 127, 127, .2); }
}
@media (max-width: 600px) {
	.korice:not(.korice--meni) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
	.korica__naziv { font-size: .88rem; }
}
/* Meni na računaru je bela ploča ispod tamnog zaglavlja – tamna slova (na manjim ekranima ploča je tamna i slova ostaju svetla) */
@media (min-width: 1101px) {
	.korice--meni .korica, .meni-panel__dno .meni-panel__dokument { color: var(--pc-crna); }
}
@media (max-width: 1100px) {
	/* red korica se prevlači unutar ekrana – ne sme da raširi stavku menija (inače „Svi katalozi“ ode van ekrana) */
	.meni__stavka--panel, .meni-panel, .meni-panel__okvir { min-width: 0; max-width: 100%; }
	.korice--meni { max-width: 100%; }
}

/* 7 kataloga: računar 7 u redu (strana, naslovna, meni); tablet 4 (4 + 3); telefon 2 na strani, u meniju 4 male korice –
   svi katalozi vidljivi odjednom, bez prevlačenja */
@media (min-width: 1101px) {
	.korice { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2rem 1.25rem; }
	.korice--meni { gap: 1.1rem; }
}
@media (min-width: 761px) and (max-width: 1100px) {
	.korice { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.korice--meni { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .8rem; }
	.korice--meni .korica__strane { display: none; }
}
@media (max-width: 760px) {
	.korice--meni { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem .6rem; }
	.korice--meni .korica__slika { margin-bottom: .4rem; }
	.korice--meni .korica__naziv { font-size: .72rem; line-height: 1.25; }
	.korice--meni .korica__strane { display: none; }
}

/* Traka pri dnu (telefon): izbor broja iznad trake – Srbija / Crna Gora */
.mob-traka__brojevi[hidden] { display: none; }
@media (max-width: 760px) {
	.mob-traka__brojevi {
		position: absolute; left: var(--pc-razmak); right: var(--pc-razmak); bottom: calc(100% + .5rem);
		display: grid; gap: .5rem; padding: 1rem; background: #fff; border-radius: var(--pc-radijus); box-shadow: var(--pc-senka-jaka);
	}
	.mob-traka__brojevi-naslov { margin: 0 0 .15rem; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--pc-siva); }
	.mob-traka__broj {
		display: flex; align-items: center; gap: .6rem; min-height: 3rem; padding: .5rem .9rem;
		color: var(--pc-crna); text-decoration: none; background: var(--pc-svetla); border-radius: var(--pc-radijus-mali);
	}
	.mob-traka__broj:active { background: var(--pc-linija); }
	.mob-traka__broj svg { flex: none; width: 1.1rem; fill: none; stroke: var(--pc-crvena); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
	.mob-traka__zemlja { font-size: .85rem; color: var(--pc-siva); }
	.mob-traka__broj strong { margin-left: auto; font-size: 1rem; }
	.mob-traka__tel[aria-expanded="true"] { color: #fff; background: var(--pc-crna); border-color: var(--pc-crna); }
}
/* Naslovna, providno zaglavlje preko fotografije (nebo): oznake zemalja bele, crvena se ne čita na svetloj pozadini */
.home.zaglavlje-tamno:not(.meni-otvoren) .zaglavlje:not(.je-skrolovano) .meni__zemlja { color: rgba(255, 255, 255, .8); }

/* Podnožje: politika privatnosti i potpis izrade sajta */
.podnozje__linkovi { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.5rem; }
.podnozje__izrada { color: #85817e; }
.podnozje__izrada a { color: #a9a5a2; }

/* Lista: uvodni tekst glavne grupe (SEO + objašnjenje grupe) */
.lista-zaglavlje__uvod { max-width: 38rem; margin: .9rem 0 0; font-size: .98rem; line-height: 1.6; color: var(--pc-tekst); }
@media (max-width: 760px) {
	.lista-zaglavlje__uvod { font-size: .9rem; }
}

/* Kontrast (pristupačnost, najmanje 4,5:1 za sitan tekst):
   - sitan crveni tekst na obojenim/sivim podlogama – tamnija crvena; na tamnim blokovima – svetla crvena
   - broj modela na karticama grupa – tamnija nijansa boje grupe (linije i strelice ostaju u --ton-jak) */
.lista-zaglavlje--grupa .nadnaslov, .blok--siv .nadnaslov, .blok--siv .blok__link { color: var(--pc-crvena-tamna); }
.blok--tamni .blok__link, .blok--tamni .nadnaslov:not(.naslovni__nadnaslov) { color: #ff6b63; }
.ton-1 { --ton-tekst: #c0514c; } .ton-2 { --ton-tekst: #318080; } .ton-3 { --ton-tekst: #8f7114; }
.ton-4 { --ton-tekst: #4672cc; } .ton-5 { --ton-tekst: #b84e85; } .ton-6 { --ton-tekst: #328255; }
.ton-7 { --ton-tekst: #637e22; } .ton-8 { --ton-tekst: #7d5ed8; } .ton-9 { --ton-tekst: #ac622c; }
.grupa-p__broj { color: var(--ton-tekst, var(--ton-jak)); }

/* Proizvod: dugme „Tabela mera“ / „Dimenzije“ u uglu galerije i prozor sa tehničkom slikom */
.pc-galerija__glavna { position: relative; }
.pc-galerija__teh {
	position: absolute; top: .75rem; left: .75rem; z-index: 2;
	display: inline-flex; align-items: center; gap: .45rem; min-height: 2.4rem; padding: .35rem .9rem;
	font: 700 .85rem/1 var(--pc-font); color: var(--pc-crna); cursor: pointer;
	background: #fff; border: 1px solid var(--pc-linija); border-radius: 999px; box-shadow: var(--pc-senka);
	transition: border-color .2s, color .2s;
}
.pc-galerija__teh:hover { color: var(--pc-crvena); border-color: var(--pc-crvena); }
.pc-galerija__teh svg { width: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pc-teh { width: min(92vw, 820px); max-height: 92vh; padding: 0; border: 0; border-radius: var(--pc-radijus); box-shadow: var(--pc-senka-jaka); background: #fff; }
.pc-teh::backdrop { background: rgba(24, 23, 23, .7); }
.pc-teh img { display: block; width: 100%; height: auto; max-height: 92vh; object-fit: contain; }
.pc-teh__zatvori {
	position: absolute; top: .5rem; right: .5rem; width: 2.5rem; height: 2.5rem;
	font-size: 1.6rem; line-height: 1; color: var(--pc-crna); cursor: pointer;
	background: #fff; border: 1px solid var(--pc-linija); border-radius: 50%;
}
.pc-teh__zatvori:hover { color: #fff; background: var(--pc-crna); }