/* =========================================================
   Organska Farma 1.11.0 – zaglavlje podstranica „Kao početna“
   Slika preko cijele širine, providni header preko nje, veliki naslov lijevo,
   dugme; ispod: naslov stranice između dvije linije sa tačkicama.
   ========================================================= */

.of-pz {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	min-height: var(--pz-h, 440px);
	overflow: hidden;
	background: var(--pz-bg, #2b1b13);
	color: #fff;
}
.of-pz-bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100% !important;
	height: 100% !important; /* WooCommerce stranice inače daju slikama height:auto */
	max-width: none !important;
	object-fit: cover;
}
.of-pz-ov {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, var(--pz-ov) 0%, var(--pz-ov) 25%, transparent 78%),
		linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, transparent 32%);
}
.of-pz-unutra {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 24px;
}
body.of-hdr-providan .of-pz-unutra { padding-top: 140px; }

.of-pz-naslov {
	margin: 0 0 14px;
	padding: 0;
	max-width: 760px;
	font-family: var(--pz-font, var(--of-font-naslov));
	font-size: var(--pz-vel, 62px);
	font-weight: 700;
	line-height: 1.05;
	color: #fff;
	text-shadow: 0 2px 16px rgba(0, 0, 0, .45);
	text-wrap: balance;
}
.of-pz--velika .of-pz-naslov { text-transform: uppercase; letter-spacing: .02em; }
.of-pz-opis {
	margin: 0 0 26px;
	padding: 0;
	max-width: 460px;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	opacity: .95;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .4);
}
.of-pz-mrvice { justify-content: flex-start; color: #fff; }
.of-pz-dugmad { display: flex; flex-wrap: wrap; gap: 14px; }
.of-pz .of-rc-trazi { margin: 0 0 22px; max-width: 560px; }

/* Naslov sa linijama ispod banera */
.of-pz-linije {
	--b-naslov: var(--of-tekst, #2b1b13);
	--b-pod: color-mix(in srgb, var(--of-tekst, #2b1b13) 70%, transparent);
	padding: 56px 24px 8px;
	background: var(--of-krem, #f4eadb);
}
.of-pz-linije .of-nsl { margin: 0 auto; max-width: 820px; }
.of-pz-linije .of-nsl-naslov { font-size: clamp(30px, 4vw, 44px); }
.of-pz-linije .of-nsl-pod { font-size: 19px; }

@media (max-width: 980px) {
	.of-pz-naslov { font-size: calc(var(--pz-vel, 62px) * .78); }
	body.of-hdr-providan .of-pz-unutra { padding-top: 110px; }
}
@media (max-width: 767px) {
	.of-pz { min-height: var(--pz-hm, 320px); }
	.of-pz-unutra { padding: 32px 16px; }
	body.of-hdr-providan .of-pz-unutra { padding-top: 96px; }
	.of-pz-naslov { font-size: calc(var(--pz-vel, 62px) * .6); }
	.of-pz-opis { font-size: 15px; margin-bottom: 20px; }
	.of-pz-ov { background: linear-gradient(90deg, var(--pz-ov) 0%, var(--pz-ov) 45%, transparent 100%), linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, transparent 35%); }
	.of-pz-linije { padding: 40px 16px 4px; }
}