/* Boutique del Vino - stilovi teme. */

:root {
	--bdv-krem: #F7F2E9;
	--bdv-krem-svijetli: #FBF8F1;
	--bdv-zelena: #26332C;
	--bdv-zelena-blijeda: #4A5750;
	--bdv-vinska: #5A1E27;
	--bdv-zlatna: #B08C4A;
	--bdv-zalfija: #9AAE9B;
	--bdv-siva: #6E685B; /* 28.09: bilo #8C8577 (kontrast 3.3:1 na kremu), sad 5.0:1 — WCAG AA */
	--bdv-linija: #E2DACB;
	--bdv-linija-jaca: #C9C1B2;

	/* Didot je iz Patrickovog briefa (16.08) i potvrdjen 04.09: „the agreed
	   font Didot... everywhere". GFS Didot je jedina prava Didot koja se
	   slobodno moze koristiti na vebu; ima samo jednu debljinu, pa se razlika
	   izmedju naslova i teksta pravi velicinom i razmakom slova, ne debljinom.
	   `--bdv-sans` je ostalo ime iz ranije verzije da se ne dira 200 mjesta. */
	--bdv-sans: 'GFS Didot', 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;
	--bdv-serif: 'GFS Didot', 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;

	--bdv-margina: clamp(20px, 4.4vw, 64px);
}

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

body {
	margin: 0;
	background: var(--bdv-krem);
	color: var(--bdv-zelena);
	font-family: var(--bdv-serif);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

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

a { color: var(--bdv-vinska); text-decoration: none; }
a:hover { color: var(--bdv-zlatna); }

.bdv-preskoci {
	position: absolute;
	left: -9999px;
}
.bdv-preskoci:focus {
	left: var(--bdv-margina);
	top: 12px;
	z-index: 99;
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
	padding: 10px 18px;
}

/* ---------- Zaglavlje ---------- */

.bdv-zaglavlje {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 12px var(--bdv-margina);
	border-bottom: 1px solid var(--bdv-linija);
	flex-wrap: wrap;
	position: sticky;
	top: 0;
	z-index: 40;
	background: var(--bdv-krem);
}

.bdv-logo {
	display: flex;
	align-items: center;
	gap: 13px;
	color: var(--bdv-zelena);
}
.bdv-logo:hover { color: var(--bdv-zelena); }
.bdv-logo__tekst { display: block; line-height: 1.05; }
.bdv-logo__ime {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 16px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.bdv-logo__pod {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.42em;
	text-transform: uppercase;
	color: #55603A;
}

.bdv-meni__lista {
	display: flex;
	gap: clamp(16px, 2.4vw, 38px);
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.bdv-meni__lista a { color: var(--bdv-zelena); }
.bdv-meni__lista a:hover,
.bdv-meni__lista .current-menu-item > a {
	color: var(--bdv-zelena);
	border-bottom: 1px solid var(--bdv-zelena);
	padding-bottom: 3px;
}

.bdv-zaglavlje__desno {
	display: flex;
	align-items: center;
	gap: 16px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.14em;
}
.bdv-jezik { display: flex; gap: 7px; color: var(--bdv-siva); }
.bdv-jezik strong { font-weight: 400; color: var(--bdv-zelena); }

.bdv-upit-dugme {
	display: flex;
	align-items: center;
	gap: 9px;
	border: 1px solid var(--bdv-zelena);
	padding: 10px 18px;
	color: var(--bdv-zelena);
	text-transform: uppercase;
}
.bdv-upit-dugme:hover { background: var(--bdv-zelena); color: var(--bdv-krem); }
.bdv-upit-dugme__broj { color: #86662A; } /* 28.09: tamnije zlatna — ista nijansa, kontrast 4.8:1 na kremu (bilo 2.8:1) */
.bdv-upit-dugme:hover .bdv-upit-dugme__broj { color: #86662A; }

/* ---------- Zajedničko ---------- */

.bdv-naslov {
	font-family: var(--bdv-sans);
	font-weight: 300;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.05;
	margin: 0 0 18px;
	font-size: clamp(30px, 3.6vw, 46px);
}
.bdv-naslov--veliki { font-size: clamp(34px, 4.6vw, 54px); }

.bdv-podnaslov {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(22px, 2.4vw, 30px);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin: 0 0 22px;
}

.bdv-nadnaslov {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin: 0 0 14px;
}

.bdv-uvod {
	font-size: 18px;
	line-height: 1.6;
	color: var(--bdv-zelena-blijeda);
	margin: 0;
	max-width: 56ch;
	text-wrap: pretty;
}

.bdv-dugme {
	display: inline-block;
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 16px 34px;
	border: 1px solid var(--bdv-zelena);
	cursor: pointer;
	min-height: 48px;
}
.bdv-dugme:hover { background: var(--bdv-vinska); border-color: var(--bdv-vinska); color: var(--bdv-krem); }
.bdv-dugme--obrub { background: transparent; color: var(--bdv-zelena); }
.bdv-dugme--obrub:hover { background: var(--bdv-zelena); color: var(--bdv-krem); }
.bdv-dugme--vino { background: var(--bdv-vinska); border-color: var(--bdv-vinska); flex-grow: 1; }

.bdv-linija {
	display: block;
	flex-grow: 1;
	height: 1px;
	background: var(--bdv-linija-jaca);
	position: relative;
}
.bdv-linija::after {
	content: '';
	position: absolute;
	right: 0;
	top: -3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--bdv-zelena);
}
.bdv-linija--puna { max-width: 300px; margin-bottom: 58px; }

.bdv-bez-cijene {
	font-family: var(--bdv-serif);
	font-style: italic;
	color: var(--bdv-siva);
}

/* ---------- Hero ---------- */

body.bdv-naslovna { min-height: 100svh; display: flex; flex-direction: column; }
body.bdv-naslovna .bdv-glavno { flex: 1 0 auto; display: flex; flex-direction: column; }

.bdv-hero {
	position: relative;
	padding: clamp(20px, 3vw, 48px) var(--bdv-margina) 0;
	overflow: hidden;
}
/* Na naslovnoj hero puni ekran, pa su crtice i strelice uvijek vidljive. */
body.bdv-naslovna .bdv-hero {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
body.bdv-naslovna .bdv-hero__mreza { flex: 1 1 auto; min-height: 0; }

.bdv-hero__mreza {
	display: grid;
	grid-template-columns: minmax(280px, 380px) minmax(520px, 1fr);
	gap: 40px;
	align-items: start;
}

.bdv-hero__naslov {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(38px, 4.6vw, 62px);
	line-height: 0.98;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	margin: 0 0 clamp(28px, 4vw, 54px);
}

.bdv-hero__tekst { display: none; }
.bdv-hero__tekst.je-aktivan {
	display: block;
	/* Bez `both`: tekst je vidljiv i kad animacija ne krene (zamrznuta
	   animacija, ugasen JS, alat za snimke). Animacija samo dodaje pokret. */
	animation: bdv-tekst-ulazi 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Samo pomjeraj, bez prozirnosti: dok animacija traje racunar uzima
   vrijednosti iz kadrova, pa bi `opacity: 0` na pocetku sakrio tekst svuda
   gdje je sat animacije zaustavljen (alati za snimke, stedljivi rezimi).
   Ovako tekst ne moze nestati - najgore sto se desi je da ne klizne. */
@keyframes bdv-tekst-ulazi {
	from { transform: translateY(14px); }
	to { transform: translateY(0); }
}

.bdv-hero__ime {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(28px, 3.2vw, 40px);
	line-height: 1.08;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 20px;
}

.bdv-hero__opis {
	color: var(--bdv-zelena-blijeda);
	margin: 0 0 26px;
	max-width: 42ch;
	text-wrap: pretty;
}

.bdv-hero__cijena {
	display: flex;
	align-items: baseline;
	gap: 12px;
	font-family: var(--bdv-sans);
	font-size: 26px;
	margin: 0 0 30px;
}
.bdv-hero__format {
	font-family: var(--bdv-serif);
	font-size: 15px;
	font-style: italic;
	color: var(--bdv-siva);
}

.bdv-hero__akcija {
	display: flex;
	align-items: center;
	gap: 26px;
	margin: 0;
}

/* Scena: sve je vezano za JEDNU mjeru - visinu flaše u sredini.
   Iz nje se računaju luk, zlatni polukrug i bočne flaše, pa je sve
   centrirano na istoj osi i svaka flaša istog mjesta ima istu veličinu. */

.bdv-hero__scena {
	--bdv-h: clamp(320px, 54vh, 560px);
	/* Packshotovi stoje na platnu 2:3 sa ~14% praznog prostora oko flase
	   (vidi materijal/normalizuj-flase.py). Bez ove nadoknade flasa bi se
	   crtala manjom nego prije ujednacavanja. */
	--bdv-flasa-skala: 1.32;
	position: relative;
	min-height: calc(var(--bdv-h) * var(--bdv-flasa-skala) + 40px);
	cursor: grab;
	touch-action: pan-y;
}
.bdv-hero.se-vuce .bdv-hero__scena { cursor: grabbing; }

.bdv-hero__traka {
	position: absolute;
	inset: 0;
	pointer-events: none;
	touch-action: pan-y;
}

/* Luk i polukrug sjede na istoj osi kao flaša u sredini. */



/* Flaša: uvijek okomito centrirana, visina zadata mjestom na traci. */

.bdv-flasa {
	position: absolute;
	top: 50%;
	left: 112%;
	/* Sirina po slici. Sa fiksnom sirinom uzom od packshota slika je
	   prelijevala desno, pa flasa nije sjedala na osu luka. */
	width: max-content;
	transform: translate(calc(-50% + var(--bdv-pomak, 0px)), -50%);
	display: block;
	text-align: center;
	color: var(--bdv-zelena);
	opacity: 1;
	pointer-events: none;
	transition:
		left 780ms cubic-bezier(0.4, 0.85, 0.35, 1),
		opacity 780ms ease;
	will-change: left, opacity;
}
.bdv-flasa:hover { color: var(--bdv-zelena); }

.bdv-flasa__slika { display: block; }
.bdv-flasa img {
	width: auto;
	max-width: none;
	margin: 0 auto;
	height: calc(var(--bdv-h) * 0.46 * var(--bdv-flasa-skala));
	filter: drop-shadow(0 14px 20px rgba(91, 31, 35, 0.22));
	transition: height 780ms cubic-bezier(0.4, 0.85, 0.35, 1), filter 780ms ease;
}

/* Natpis visi ispod flaše i ne pomjera je iz centra. */
.bdv-flasa__natpis {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: calc(var(--bdv-h) * 0.46);
	padding-top: 16px;
	opacity: 0;
	transition: opacity 420ms ease;
	text-wrap: balance;
}
.bdv-flasa__ime {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.bdv-flasa__apelacija {
	display: block;
	font-size: 14px;
	font-style: italic;
	color: var(--bdv-siva);
	margin-top: 5px;
}

/* Vraćanje iz kadra u pripremu je skok preko ekrana - mora biti trenutno. */
.bdv-flasa.bez-prelaza,
.bdv-flasa.bez-prelaza img { transition: none; }

/* Sredina - velika flaša, tačno na osi luka i polukruga. */
.bdv-flasa[data-bdv-mjesto="sredina"] {
	left: 31%;
	opacity: 1;
	z-index: 3;
}
.bdv-flasa[data-bdv-mjesto="sredina"] img {
	height: calc(var(--bdv-h) * var(--bdv-flasa-skala));
	filter: drop-shadow(0 26px 34px rgba(91, 31, 35, 0.30));
}

/* Sljedeće dvije - manje, desno, sa natpisom. */
.bdv-flasa[data-bdv-mjesto="prva"] { left: 63%; opacity: 1; pointer-events: auto; z-index: 2; }
.bdv-flasa[data-bdv-mjesto="druga"] { left: 84%; opacity: 1; pointer-events: auto; z-index: 1; }
.bdv-flasa[data-bdv-mjesto="prva"] .bdv-flasa__natpis,
.bdv-flasa[data-bdv-mjesto="druga"] .bdv-flasa__natpis { opacity: 1; }
.bdv-flasa[data-bdv-mjesto="prva"]:hover img,
.bdv-flasa[data-bdv-mjesto="druga"]:hover img { filter: drop-shadow(0 18px 26px rgba(91, 31, 35, 0.30)); }

/* Izlazi lijevo iz kadra, u istoj veličini kao u sredini. */
.bdv-flasa[data-bdv-mjesto="odlazi"] { left: -22%; opacity: 0; z-index: 0; }
.bdv-flasa[data-bdv-mjesto="odlazi"] img { height: calc(var(--bdv-h) * var(--bdv-flasa-skala)); }

/* Čeka desno izvan kadra. */
.bdv-flasa[data-bdv-mjesto="park"] { left: 112%; opacity: 0; z-index: 0; }

.bdv-hero__kontrole {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 26px;
	padding: 42px 0 44px;
}

.bdv-strelica {
	width: 46px;
	height: 46px;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid var(--bdv-linija-jaca);
	border-radius: 50%;
	background: transparent;
	color: var(--bdv-zelena);
	cursor: pointer;
	transition: background 260ms ease, border-color 260ms ease, color 260ms ease;
}
.bdv-strelica svg { width: 17px; height: 17px; }
.bdv-strelica:hover {
	background: var(--bdv-zelena);
	border-color: var(--bdv-zelena);
	color: var(--bdv-krem);
}
.bdv-strelica:focus-visible {
	outline: 2px solid var(--bdv-zlatna);
	outline-offset: 3px;
}
.bdv-strelica:active { transform: scale(0.94); }

.bdv-hero__crtice {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* Crtica je široko dugme (lako se pogodi), a vidi se samo tanka linija. */
.bdv-crtica {
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.bdv-crtica span {
	display: block;
	width: 16px;
	height: 2px;
	background: var(--bdv-linija-jaca);
	transition: width 420ms cubic-bezier(0.33, 0.9, 0.28, 1), background 300ms ease;
}
.bdv-crtica:hover span { background: var(--bdv-siva); }
.bdv-crtica:focus-visible { outline: 2px solid var(--bdv-zlatna); outline-offset: 2px; }
.bdv-crtica.je-aktivan span { width: 36px; background: var(--bdv-zelena); }

@media (prefers-reduced-motion: reduce) {
	.bdv-flasa,
	.bdv-flasa img { transition: none; }
	.bdv-hero__tekst.je-aktivan { animation: none; }
}

/* Niski ekrani: hero se sabija da crtice i strelice ostanu vidljive. */
@media (max-height: 900px) and (min-width: 861px) {
	.bdv-hero__naslov { font-size: clamp(30px, 3.4vw, 44px); margin-bottom: clamp(22px, 3.4vh, 40px); }
	.bdv-hero__ime { font-size: clamp(24px, 2.6vw, 34px); margin-bottom: 12px; }
	.bdv-hero__opis {
		margin-bottom: 16px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.bdv-hero__cijena { font-size: 22px; margin-bottom: 18px; }
	.bdv-dugme { padding: 13px 28px; min-height: 44px; }
	.bdv-nadnaslov { margin-bottom: 10px; }
	.bdv-hero__kontrole { padding: 20px 0 24px; }
}

@media (max-height: 740px) and (min-width: 861px) {
	.bdv-hero__opis { -webkit-line-clamp: 3; line-clamp: 3; }
	.bdv-hero__naslov { font-size: clamp(26px, 2.8vw, 36px); }
	.bdv-hero__kontrole { padding: 14px 0 18px; }
}

/* Stari „pojas o proizvodjacu" je 05.09. zamijenjen novim sekcijama naslovne
   (`.bdv-pojas--svijetli` / `--tamni` na kraju fajla). Ostalo je samo ono sto
   te sekcije i dalje koriste; grid i visina slike su tamo, ne ovdje. */
.bdv-pojas__tekst p { max-width: 52ch; text-wrap: pretty; }
.bdv-pojas__tekst .bdv-dugme { margin-top: 14px; }

/* ---------- Katalog ---------- */

.bdv-katalog { padding: clamp(34px, 5vw, 56px) var(--bdv-margina) clamp(50px, 7vw, 80px); }
.bdv-katalog__vrh { margin-bottom: 34px; }

.bdv-filteri {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 40px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.bdv-filter {
	border: 1px solid var(--bdv-linija-jaca);
	padding: 11px 22px;
	color: var(--bdv-zelena);
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}
.bdv-filter:hover { border-color: var(--bdv-zelena); color: var(--bdv-zelena); }
.bdv-filter.je-aktivan { background: var(--bdv-zelena); color: var(--bdv-krem); border-color: var(--bdv-zelena); }

.bdv-mreza-vina {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 30px;
}

/* Kartica je kolona: naslov moze da ide u dva reda, a cijena i „Details"
   svejedno ostaju poravnati sa susjednim karticama u redu. */
.bdv-kartica {
	margin: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.bdv-kartica__slika {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bdv-krem-svijetli);
	/* 27.09: kartica je flex kolona, pa se okvir slike razvlacio ili skupljao
	   prema duzini teksta ispod — 7.0 nema apelaciju, pa je njegova flasa
	   izgledala krupnija od ostalih (Patrick je to javio). Fiksno, bez
	   skupljanja i rastezanja. */
	flex: 0 0 420px;
	height: 420px;
	margin-bottom: 20px;
}
.bdv-kartica__slika img {
	height: 370px;
	width: auto;
	object-fit: contain;
}
.bdv-oznaka {
	position: absolute;
	top: 16px;
	left: 16px;
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 6px 12px;
}
.bdv-oznaka--riserva { background: var(--bdv-vinska); color: var(--bdv-krem); }

.bdv-kartica__proizvodjac {
	font-size: 14px;
	font-style: italic;
	color: var(--bdv-siva);
	margin: 0 0 6px;
}
.bdv-kartica__ime {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin: 0 0 8px;
}
.bdv-kartica__ime a { color: var(--bdv-zelena); }
.bdv-kartica__ime a:hover { color: var(--bdv-vinska); }
.bdv-kartica__apelacija { font-size: 15px; color: #55603A; margin: 0 0 14px; flex: 1 1 auto; }
.bdv-kartica__dno {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	/* `auto` gura cijenu i „Details" na dno kartice, pa su poravnati sa
	   susjednim karticama i kad naslov zauzme dva reda. */
	margin: auto 0 0;
	padding-top: 4px;
}
.bdv-kartica__cijena { font-family: var(--bdv-sans); font-size: 17px; }
.bdv-veza-dugme {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--bdv-zelena);
	padding-bottom: 3px;
	color: var(--bdv-zelena);
}
.bdv-veza-dugme:hover { color: var(--bdv-vinska); border-color: var(--bdv-vinska); }

.bdv-paginacija {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 50px;
	font-family: var(--bdv-sans);
	font-size: 13px;
}
.bdv-paginacija .page-numbers {
	border: 1px solid var(--bdv-linija-jaca);
	padding: 10px 16px;
	color: var(--bdv-zelena);
}
.bdv-paginacija .current { background: var(--bdv-zelena); color: var(--bdv-krem); }

/* ---------- Strana vina ---------- */

.bdv-vino { padding: 26px var(--bdv-margina) clamp(50px, 7vw, 90px); }

.bdv-mrvice {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-bottom: 32px;
}
.bdv-mrvice a { color: var(--bdv-siva); }
.bdv-mrvice a:hover { color: var(--bdv-zelena); }
.bdv-mrvice .je-aktivan { color: var(--bdv-zelena); }

.bdv-vino__vrh {
	display: grid;
	grid-template-columns: 96px minmax(280px, 1fr) minmax(320px, 480px);
	gap: 44px;
	align-items: start;
}

.bdv-vino__slicice { display: flex; flex-direction: column; gap: 12px; padding-top: 40px; }
.bdv-slicica {
	border: 1px solid var(--bdv-linija);
	background: var(--bdv-krem-svijetli);
	height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.bdv-slicica.je-aktivan { border-color: var(--bdv-zelena); }
.bdv-slicica img { max-height: 88px; max-width: 76px; width: auto; object-fit: contain; }

.bdv-vino__slika {
	position: relative;
	display: flex;
	justify-content: center;
	padding-top: 24px;
}
.bdv-vino__slika img {
	position: relative;
	/* Uvecano za prazan prostor na platnu packshota, isto kao u herou. */
	height: clamp(440px, 44vw, 620px);
	width: auto;
	filter: drop-shadow(0 26px 34px rgba(91, 31, 35, 0.28));
}

.bdv-vino__podaci { padding-top: 30px; }
.bdv-vino__ime {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(32px, 3.6vw, 46px);
	line-height: 1.05;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 8px;
}
.bdv-vino__apelacija {
	font-size: 19px;
	font-style: italic;
	color: #55603A;
	margin: 0 0 26px;
}
.bdv-vino__cijena {
	display: flex;
	align-items: baseline;
	gap: 14px;
	flex-wrap: wrap;
	font-family: var(--bdv-sans);
	font-size: 30px;
	margin: 0 0 22px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--bdv-linija);
}
.bdv-vino__napomena {
	font-family: var(--bdv-serif);
	font-size: 15px;
	color: var(--bdv-siva);
}
.bdv-vino__uvod { color: var(--bdv-zelena-blijeda); margin-bottom: 28px; }
.bdv-vino__uvod p { margin: 0 0 12px; text-wrap: pretty; }

.bdv-specifikacija {
	display: grid;
	grid-template-columns: 150px 1fr;
	margin: 0 0 34px;
	font-size: 16px;
}
.bdv-specifikacija dt {
	color: var(--bdv-siva);
	padding: 11px 0;
	border-bottom: 1px solid #EDE5D6;
}
.bdv-specifikacija dd {
	margin: 0;
	padding: 11px 0;
	border-bottom: 1px solid #EDE5D6;
}

.bdv-upit { display: flex; align-items: stretch; gap: 14px; margin-bottom: 16px; }
.bdv-kolicina {
	display: flex;
	align-items: center;
	border: 1px solid var(--bdv-zelena);
}
.bdv-kolicina button {
	width: 46px;
	min-height: 52px;
	border: 0;
	background: transparent;
	font-family: var(--bdv-sans);
	font-size: 18px;
	color: var(--bdv-zelena);
	cursor: pointer;
}
.bdv-kolicina input {
	width: 46px;
	border: 0;
	background: transparent;
	text-align: center;
	font-family: var(--bdv-sans);
	font-size: 16px;
	color: var(--bdv-zelena);
	-moz-appearance: textfield;
}
.bdv-kolicina input::-webkit-outer-spin-button,
.bdv-kolicina input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.bdv-vino__objasnjenje {
	font-size: 15px;
	line-height: 1.55;
	color: var(--bdv-siva);
	font-style: italic;
	margin: 0;
}

.bdv-vino__opis { padding-top: clamp(46px, 6vw, 84px); max-width: 76ch; }
.bdv-tekst p { color: var(--bdv-zelena-blijeda); text-wrap: pretty; }
.bdv-tekst h3 {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin: 34px 0 14px;
}

.bdv-teh-list {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
}
.bdv-teh-list th {
	text-align: left;
	font-weight: 400;
	color: var(--bdv-siva);
	width: 190px;
	padding: 11px 16px 11px 0;
	border-bottom: 1px solid #EDE5D6;
	vertical-align: top;
}
.bdv-teh-list td {
	padding: 11px 0;
	border-bottom: 1px solid #EDE5D6;
}

.bdv-srodna { padding-top: clamp(46px, 6vw, 84px); }

/* ---------- Strana i podnožje ---------- */

.bdv-strana { padding: clamp(34px, 5vw, 60px) var(--bdv-margina); max-width: 76ch; }

.bdv-podnozje {
	background: var(--bdv-zelena);
	color: #EDE5D6;
	/* Blok, ne flex: mreza i donji red su dva reda jedan ispod drugog, a
	   njihove unutrasnje sirine drzi `max-width` u njima samima. */
	display: block;
	padding: 0 0 clamp(20px, 2vw, 30px);
}
.bdv-podnozje__slogan {
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}
.bdv-podnozje__adresa { font-size: 15px; color: var(--bdv-zalfija); }

/* ---------- Poruka o dodavanju u upit ---------- */

.bdv-obavjestenje {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 50;
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
	padding: 16px 22px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	max-width: min(360px, calc(100vw - 40px));
}

/* ---------- Uže ---------- */

@media (max-width: 1180px) {
	.bdv-hero__mreza { grid-template-columns: minmax(260px, 340px) 1fr; gap: 24px; }
	.bdv-hero__scena { --bdv-h: clamp(300px, 48vh, 460px); }
	.bdv-hero__luk, .bdv-hero__polukrug { left: 33%; }
	.bdv-flasa[data-bdv-mjesto="sredina"] { left: 33%; }
	.bdv-flasa[data-bdv-mjesto="prva"] { left: 70%; }
	.bdv-flasa[data-bdv-mjesto="druga"] { left: 94%; opacity: 0; }
	.bdv-vino__vrh { grid-template-columns: 80px 1fr; }
	.bdv-vino__podaci { grid-column: 1 / -1; padding-top: 8px; }
}

@media (max-width: 860px) {
	/* Na telefonu: flaša, pa kontrole, pa tekst. Naslov se sklanja. */
	.bdv-hero { padding-top: 14px; display: flex; flex-direction: column; }
	.bdv-hero__mreza { display: contents; }
	.bdv-hero__scena { order: 1; min-height: 0; }
	.bdv-hero__kontrole { order: 2; }
	.bdv-hero__lijevo { order: 3; text-align: center; padding-bottom: 8px; }
	.bdv-hero__opis {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.bdv-hero__naslov { display: none; }
	.bdv-hero__opis { margin-left: auto; margin-right: auto; }
	.bdv-hero__cijena { justify-content: center; }
	.bdv-hero__akcija { justify-content: center; }
	.bdv-hero__akcija .bdv-linija { display: none; }
	.bdv-hero__ime { font-size: 30px; }


	/* Telefon: samo flaša u sredini, centrirana i velika. */
	.bdv-hero__scena { --bdv-h: clamp(280px, 42vh, 420px); }
	.bdv-hero__traka { position: relative; inset: auto; height: calc(var(--bdv-h) + 24px); }
	.bdv-hero__luk, .bdv-hero__polukrug,
	.bdv-flasa[data-bdv-mjesto="sredina"] { left: 50%; }
	.bdv-flasa[data-bdv-mjesto="odlazi"] { left: -40%; }
	.bdv-flasa[data-bdv-mjesto="park"] { left: 140%; }
	.bdv-flasa[data-bdv-mjesto="prva"],
	.bdv-flasa[data-bdv-mjesto="druga"] { opacity: 0; pointer-events: none; left: 140%; }
	.bdv-flasa[data-bdv-mjesto="prva"] .bdv-flasa__natpis,
	.bdv-flasa[data-bdv-mjesto="druga"] .bdv-flasa__natpis { opacity: 0; }

	.bdv-hero__kontrole { padding: 22px 0 28px; gap: 18px; }

	/* Zaglavlje: logo i dugme u istom redu, meni klizi vodoravno ispod. */
	.bdv-zaglavlje { gap: 14px 12px; padding: 18px var(--bdv-margina); }
	.bdv-logo { flex: 0 1 auto; order: 1; }
	.bdv-zaglavlje__desno { order: 2; }
	.bdv-meni { order: 3; }
	.bdv-upit-dugme__rijec { display: none; }
	.bdv-zaglavlje__desno { flex: 0 0 auto; gap: 12px; }
	.bdv-upit-dugme { padding: 9px 14px; }
	.bdv-meni {
		order: 3;
		width: calc(100% + (2 * var(--bdv-margina)));
		margin: 0 calc(-1 * var(--bdv-margina));
	}
	.bdv-meni__lista {
		flex-wrap: nowrap;
		gap: 22px;
		overflow-x: auto;
		padding: 2px var(--bdv-margina) 0;
		scrollbar-width: none;
	}
	.bdv-meni__lista::-webkit-scrollbar { display: none; }
	.bdv-meni__lista li { flex: 0 0 auto; }
	.bdv-pojas { grid-template-columns: 1fr; }
	.bdv-pojas__slika { height: 280px; }
	.bdv-vino__vrh { grid-template-columns: 1fr; }
	.bdv-vino__slicice { flex-direction: row; padding-top: 0; order: 2; }
	.bdv-slicica { width: 84px; height: 84px; }
	.bdv-specifikacija { grid-template-columns: 130px 1fr; }
	.bdv-teh-list th { width: 140px; }
	.bdv-upit { flex-wrap: wrap; }
}

/* ---------- Proizvođači ---------- */

.bdv-strana--siroka { max-width: 1180px; }

.bdv-proizvodjaci {
	display: flex;
	flex-direction: column;
	gap: clamp(30px, 5vw, 56px);
	margin-top: 44px;
}

.bdv-proizvodjac {
	display: grid;
	grid-template-columns: minmax(240px, 460px) 1fr;
	gap: clamp(24px, 4vw, 52px);
	align-items: center;
	padding-bottom: clamp(30px, 5vw, 56px);
	border-bottom: 1px solid var(--bdv-linija);
}
.bdv-proizvodjac:last-child { border-bottom: 0; padding-bottom: 0; }

.bdv-proizvodjac__slika { display: block; height: 320px; overflow: hidden; background: var(--bdv-krem-svijetli); }
.bdv-proizvodjac__slika img { width: 100%; height: 100%; object-fit: cover; }
.bdv-proizvodjac__prazno {
	display: block;
	height: 100%;
	background: linear-gradient(170deg, #EDE7DA 0%, #DCDCCB 100%);
}

.bdv-proizvodjac__ime {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(26px, 3vw, 38px);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0 0 14px;
}
.bdv-proizvodjac__ime a { color: var(--bdv-zelena); }
.bdv-proizvodjac__ime a:hover { color: var(--bdv-vinska); }
.bdv-proizvodjac__uvod { color: var(--bdv-zelena-blijeda); margin: 0 0 16px; max-width: 54ch; text-wrap: pretty; }
.bdv-proizvodjac__brojke {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin: 0 0 18px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bdv-siva);
}
.bdv-proizvodjac__brojke strong { color: var(--bdv-zelena); font-weight: 400; }

/* Strana vinarije */

.bdv-vinarija { padding: 26px var(--bdv-margina) clamp(50px, 7vw, 90px); max-width: 1300px; margin: 0 auto; }
.bdv-vinarija__vrh {
	display: grid;
	grid-template-columns: 1fr minmax(280px, 380px);
	gap: clamp(28px, 5vw, 64px);
	align-items: start;
	margin-bottom: clamp(40px, 6vw, 70px);
}
.bdv-vinarija__prica { max-width: 62ch; }
.bdv-vinarija__kartica { background: var(--bdv-krem-svijetli); padding: 24px; }
.bdv-vinarija__slika { height: 260px; overflow: hidden; margin-bottom: 20px; }
.bdv-vinarija__slika img { width: 100%; height: 100%; object-fit: cover; }
.bdv-vinarija__kartica .bdv-specifikacija { margin-bottom: 0; grid-template-columns: 1fr auto; }
.bdv-vinarija__kartica dd { text-align: right; }

/* ---------- Degustacije ---------- */

.bdv-degustacije { display: flex; flex-direction: column; margin-top: 44px; }

.bdv-degustacija {
	display: grid;
	grid-template-columns: 110px 1fr;
	gap: clamp(20px, 3vw, 40px);
	padding: 30px 0;
	border-bottom: 1px solid var(--bdv-linija);
	align-items: start;
}
.bdv-degustacija__datum {
	text-align: center;
	border: 1px solid var(--bdv-zelena);
	padding: 14px 6px;
}
.bdv-degustacija__dan {
	display: block;
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: 34px;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
.bdv-degustacija__mjesec {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-top: 6px;
}
.bdv-degustacija__ime {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(22px, 2.4vw, 30px);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.bdv-degustacija__ime a { color: var(--bdv-zelena); }
.bdv-degustacija__ime a:hover { color: var(--bdv-vinska); }
.bdv-degustacija__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0 0 12px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--bdv-siva);
}
.bdv-degustacija__uvod { color: var(--bdv-zelena-blijeda); margin: 0 0 14px; max-width: 60ch; text-wrap: pretty; }

.bdv-dogadjaj { padding: 26px var(--bdv-margina) clamp(50px, 7vw, 90px); max-width: 1100px; margin: 0 auto; }
/* 27.09: Patrickova fotografija eventa je 16:9 — traka se drzi tog odnosa,
   da se ne odsijeca ni flasa ni lice. Visoke slike i dalje puni `cover`. */
.bdv-dogadjaj__slika { aspect-ratio: 16 / 9; max-height: 520px; overflow: hidden; margin-top: 28px; }
.bdv-dogadjaj__slika img { width: 100%; height: 100%; object-fit: cover; }
.bdv-dogadjaj__mreza {
	display: grid;
	grid-template-columns: 1fr minmax(260px, 340px);
	gap: clamp(28px, 5vw, 60px);
	margin-top: clamp(30px, 5vw, 54px);
	align-items: start;
}
.bdv-dogadjaj__kartica { background: var(--bdv-krem-svijetli); padding: 24px; }
.bdv-dogadjaj__kartica .bdv-specifikacija { grid-template-columns: 1fr auto; margin-bottom: 20px; }
.bdv-dogadjaj__kartica dd { text-align: right; }
.bdv-dogadjaj__kartica .bdv-dugme { width: 100%; text-align: center; }

/* ---------- Journal ---------- */

.bdv-zapisi {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: clamp(28px, 4vw, 46px);
	margin-top: 44px;
}
.bdv-zapis__slika { display: block; height: 240px; overflow: hidden; margin-bottom: 18px; background: var(--bdv-krem-svijetli); }
.bdv-zapis__slika img { width: 100%; height: 100%; object-fit: cover; }
.bdv-zapis__ime {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 0.03em;
	margin: 0 0 10px;
}
.bdv-zapis__ime a { color: var(--bdv-zelena); }
.bdv-zapis__ime a:hover { color: var(--bdv-vinska); }
.bdv-zapis__uvod { color: var(--bdv-zelena-blijeda); margin: 0 0 14px; text-wrap: pretty; }
.bdv-clanak { max-width: 74ch; }
.bdv-clanak__slika { margin: 28px 0; }

/* ---------- Lista upita ---------- */

.bdv-upit-mreza {
	display: grid;
	grid-template-columns: 1fr minmax(300px, 420px);
	gap: clamp(28px, 5vw, 60px);
	align-items: start;
	margin-top: 36px;
}

.bdv-lista-upita { border-top: 1px solid var(--bdv-linija); }

.bdv-stavka {
	display: grid;
	grid-template-columns: 64px 1fr auto auto;
	gap: 18px;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid var(--bdv-linija);
}
.bdv-stavka__slika { background: var(--bdv-krem-svijetli); height: 84px; display: flex; align-items: center; justify-content: center; }
.bdv-stavka__slika img { max-height: 70px; max-width: 46px; width: auto; object-fit: contain; }
.bdv-stavka__ime {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 14px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.bdv-stavka__apelacija { display: block; font-size: 15px; font-style: italic; color: var(--bdv-siva); margin-top: 4px; }
.bdv-stavka__kolicina { display: flex; align-items: center; border: 1px solid var(--bdv-linija-jaca); }
.bdv-stavka__kolicina button {
	width: 38px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--bdv-zelena);
	font-family: var(--bdv-sans);
	font-size: 16px;
	cursor: pointer;
}
.bdv-stavka__kolicina span {
	min-width: 30px;
	text-align: center;
	font-family: var(--bdv-sans);
	font-variant-numeric: tabular-nums;
}
.bdv-stavka__izbaci {
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	color: var(--bdv-siva);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bdv-stavka__izbaci:hover { color: var(--bdv-vinska); }

.bdv-forma { background: var(--bdv-krem-svijetli); padding: clamp(20px, 3vw, 30px); }
.bdv-polje { margin: 0 0 16px; }
.bdv-polje label {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-bottom: 7px;
}
.bdv-polje input,
.bdv-polje textarea {
	width: 100%;
	border: 1px solid var(--bdv-linija-jaca);
	background: var(--bdv-krem);
	color: var(--bdv-zelena);
	font-family: var(--bdv-serif);
	font-size: 16px;
	padding: 12px 14px;
	min-height: 46px;
}
.bdv-polje textarea { resize: vertical; }
.bdv-polje input:focus,
.bdv-polje textarea:focus { outline: 2px solid var(--bdv-zlatna); outline-offset: 1px; border-color: var(--bdv-zelena); }
.bdv-forma .bdv-dugme { width: 100%; text-align: center; margin-top: 6px; }
.bdv-zamka { position: absolute; left: -9999px; }
.bdv-sitno { font-size: 14px; color: var(--bdv-siva); margin: 12px 0 0; font-style: italic; }

.bdv-poruka {
	padding: 20px 24px;
	margin: 24px 0;
	border-left: 3px solid var(--bdv-zelena);
	background: var(--bdv-krem-svijetli);
}
.bdv-poruka p { margin: 0 0 8px; }
.bdv-poruka p:last-child { margin-bottom: 0; }
.bdv-poruka--lose { border-left-color: var(--bdv-vinska); }

@media (max-width: 900px) {
	.bdv-proizvodjac { grid-template-columns: 1fr; }
	.bdv-proizvodjac__slika { height: 240px; }
	.bdv-vinarija__vrh,
	.bdv-dogadjaj__mreza,
	.bdv-upit-mreza { grid-template-columns: 1fr; }
	.bdv-degustacija { grid-template-columns: 84px 1fr; gap: 18px; }
	.bdv-stavka {
		grid-template-columns: 54px 1fr auto;
		grid-template-areas: 'slika opis izbaci' 'kolicina kolicina kolicina';
	}
	.bdv-stavka__slika { grid-area: slika; height: 70px; }
	.bdv-stavka__opis { grid-area: opis; }
	.bdv-stavka__izbaci { grid-area: izbaci; }
	.bdv-stavka__kolicina { grid-area: kolicina; justify-self: start; }
}

/* ---------------------------------------------------------------
   Logo — slika iz teme ili klijentov iz Prilagođavanja.
   Podloga logotipa je ista krem boja kao zaglavlje, pa se stapa.
   --------------------------------------------------------------- */

.bdv-logo__znak,
.custom-logo {
	display: block;
	width: clamp(74px, 7vw, 92px);
	height: auto;
}

.custom-logo-link { display: block; line-height: 0; }

/* Sekcija „Godina u vinogradu" skinuta 05.09 po Patrickovom spisku;
   stilovi uklonjeni zajedno sa njom. */

/* ===============================================================
   Sekcije dodate 28.08 — koraci, citat, degustacije, objave,
   vijesti, FAQ, prošireno podnožje.
   =============================================================== */

.bdv-vidljivo-citacu {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip-path: inset(50%);
	white-space: nowrap;
}

/* ---------- Kako ide porudžbina ---------- */

.bdv-koraci {
	padding: clamp(56px, 8vw, 100px) var(--bdv-margina);
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.5fr);
	gap: clamp(32px, 5vw, 80px);
	align-items: start;
	max-width: 1420px;
	margin: 0 auto;
}

.bdv-koraci__tekst {
	color: var(--bdv-zelena-blijeda);
	max-width: 40ch;
}

.bdv-koraci__lista {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 3vw, 44px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdv-koraci__stavka {
	border-top: 1px solid var(--bdv-linija-jaca);
	padding-top: 18px;
}

.bdv-koraci__broj {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.24em;
	color: var(--bdv-zlatna);
	margin-bottom: 12px;
}

.bdv-koraci__naslov {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: clamp(16px, 1.5vw, 19px);
	letter-spacing: 0.06em;
	margin: 0 0 10px;
}

.bdv-koraci__stavka p {
	color: var(--bdv-zelena-blijeda);
	margin: 0;
}

/* ---------- Citat ---------- */

.bdv-citat {
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
	padding: clamp(52px, 7vw, 96px) var(--bdv-margina);
	text-align: center;
}

.bdv-citat blockquote {
	margin: 0 auto;
	max-width: 780px;
}

.bdv-citat p {
	font-size: clamp(21px, 2.6vw, 31px);
	line-height: 1.45;
	font-style: italic;
	margin: 0 0 22px;
}

.bdv-citat cite {
	font-family: var(--bdv-sans);
	font-style: normal;
	font-size: 11px;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
}

/* ---------- Degustacije na naslovnoj ---------- */

.bdv-degustacije-pojas {
	padding: clamp(56px, 8vw, 100px) var(--bdv-margina);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	gap: clamp(32px, 5vw, 72px);
	max-width: 1420px;
	margin: 0 auto;
	align-items: center;
}

.bdv-degustacije-pojas__uvod p {
	color: var(--bdv-zelena-blijeda);
	max-width: 44ch;
}

.bdv-degustacije-pojas__uvod .bdv-dugme {
	margin-top: 22px;
}

.bdv-degustacije-pojas__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdv-degustacije-pojas__lista li {
	border-top: 1px solid var(--bdv-linija);
}

.bdv-degustacije-pojas__lista li:last-child {
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-degustacije-pojas__lista a {
	display: grid;
	grid-template-columns: 130px 1fr auto;
	gap: 18px;
	align-items: baseline;
	padding: 22px 4px;
	color: var(--bdv-zelena);
	transition: background 260ms ease, padding-left 260ms ease;
}

.bdv-degustacije-pojas__lista a:hover {
	background: var(--bdv-krem-svijetli);
	padding-left: 14px;
	color: var(--bdv-zelena);
}

.bdv-degustacije-pojas__datum {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
}

.bdv-degustacije-pojas__ime {
	font-size: clamp(17px, 1.7vw, 21px);
}

.bdv-degustacije-pojas__mjesto {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--bdv-siva);
}

/* ---------- Journal na naslovnoj ---------- */

.bdv-objave {
	padding: clamp(56px, 8vw, 100px) var(--bdv-margina);
	background: var(--bdv-krem-svijetli);
	border-top: 1px solid var(--bdv-linija);
}

.bdv-objave__uvod {
	max-width: 620px;
	margin: 0 auto clamp(30px, 4vw, 52px);
	text-align: center;
}

.bdv-objave__lista {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 3vw, 44px);
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 1320px;
}

.bdv-objave__stavka a {
	display: block;
	height: 100%;
	padding: 26px 24px 24px;
	background: var(--bdv-krem);
	border: 1px solid var(--bdv-linija);
	color: var(--bdv-zelena);
	transition: border-color 260ms ease, transform 260ms ease;
}

.bdv-objave__stavka a:hover {
	border-color: var(--bdv-zlatna);
	transform: translateY(-3px);
	color: var(--bdv-zelena);
}

.bdv-objave__datum {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-bottom: 14px;
}

.bdv-objave__naslov {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: clamp(17px, 1.6vw, 20px);
	letter-spacing: 0.04em;
	margin: 0 0 12px;
}

.bdv-objave__stavka p {
	color: var(--bdv-zelena-blijeda);
	margin: 0 0 18px;
}

.bdv-objave__dalje {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bdv-vinska);
	border-bottom: 1px solid currentColor;
	padding-bottom: 3px;
}

/* ---------- Prijava na vijesti ---------- */

.bdv-vijesti {
	padding: clamp(52px, 7vw, 92px) var(--bdv-margina);
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.bdv-vijesti__tekst p {
	color: var(--bdv-zelena-blijeda);
	max-width: 52ch;
	margin-inline: auto;
}

.bdv-vijesti__forma {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 28px auto 12px;
	max-width: 520px;
	flex-wrap: wrap;
}

.bdv-vijesti__forma input {
	flex: 1 1 260px;
	padding: 14px 16px;
	border: 1px solid var(--bdv-linija-jaca);
	background: var(--bdv-krem-svijetli);
	font-family: var(--bdv-serif);
	font-size: 16px;
	color: var(--bdv-zelena);
}

.bdv-vijesti__forma input:focus {
	outline: 2px solid var(--bdv-zlatna);
	outline-offset: 1px;
}

.bdv-vijesti__sitno {
	font-size: 13px;
	color: var(--bdv-siva);
}

/* ---------- FAQ ---------- */

.bdv-strana--faq {
	max-width: 860px;
}

.bdv-faq {
	margin: clamp(28px, 4vw, 44px) 0;
}

.bdv-faq__stavka {
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-faq__pitanje {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 2px;
	cursor: pointer;
	list-style: none;
	font-family: var(--bdv-sans);
	font-size: clamp(15px, 1.5vw, 17px);
	letter-spacing: 0.04em;
	color: var(--bdv-zelena);
}

.bdv-faq__pitanje::-webkit-details-marker {
	display: none;
}

.bdv-faq__pitanje:hover {
	color: var(--bdv-vinska);
}

.bdv-faq__znak {
	width: 18px;
	height: 18px;
	flex: none;
	color: var(--bdv-zlatna);
	transition: transform 260ms ease;
}

.bdv-faq__stavka[open] .bdv-faq__znak {
	transform: rotate(45deg);
}

.bdv-faq__odgovor {
	padding: 0 2px 24px;
	max-width: 68ch;
}

.bdv-faq__odgovor p {
	margin-top: 0;
}

.bdv-faq__jos {
	text-align: center;
	padding: clamp(28px, 4vw, 44px) 0 0;
	border-top: 1px solid var(--bdv-linija);
}

.bdv-faq__jos p {
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-bottom: 16px;
}

/* ---------- Prošireno podnožje ---------- */

.bdv-podnozje__mreza {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.1fr;
	gap: clamp(26px, 3.4vw, 56px);
	padding: clamp(48px, 6vw, 82px) var(--bdv-margina) clamp(30px, 4vw, 48px);
	max-width: 1420px;
	margin: 0 auto;
}

.bdv-podnozje__logo {
	width: 104px;
	height: auto;
	margin-bottom: 16px;
	/* Logo je vinski na krem podlozi - u tamnom podnozju se pretvara u krem
	   siluetu, inace se stopi sa pozadinom. */
	filter: brightness(0) invert(1);
	opacity: 0.86;
}

.bdv-podnozje__slogan {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
	margin: 0 0 14px;
}

.bdv-podnozje__opis {
	color: rgba(244, 241, 235, 0.72);
	max-width: 34ch;
	margin: 0;
}

.bdv-podnozje__naslov {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: 11px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(244, 241, 235, 0.55);
	margin: 0 0 18px;
}

.bdv-podnozje__lista {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdv-podnozje__lista li {
	margin-bottom: 11px;
}

.bdv-podnozje a {
	color: var(--bdv-krem);
}

.bdv-podnozje a:hover {
	color: var(--bdv-zlatna);
}

.bdv-podnozje__adresa {
	color: rgba(244, 241, 235, 0.72);
	margin: 0 0 14px;
}

.bdv-podnozje__kolona--kontakt .bdv-dugme--obrub {
	margin-top: 8px;
	border-color: rgba(244, 241, 235, 0.4);
	color: var(--bdv-krem);
}

.bdv-podnozje__kolona--kontakt .bdv-dugme--obrub:hover {
	border-color: var(--bdv-zlatna);
	color: var(--bdv-zlatna);
}

/* Dno podnozja: pravni red, pa potpis ispod svega — centrirano, u koloni.
   Ranije su tri stavke bile razvucene po cijeloj sirini i citale se kao tri
   nepovezane poruke. */
.bdv-podnozje__rub {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 22px var(--bdv-margina) 6px;
	border-top: 1px solid rgba(244, 241, 235, 0.14);
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(244, 241, 235, 0.55);
	max-width: 1420px;
	margin: 0 auto;
}

.bdv-podnozje__rub p {
	margin: 0;
}

.bdv-podnozje__pravno {
	color: rgba(244, 241, 235, 0.62);
}

.bdv-podnozje__pravno span {
	margin: 0 8px;
	color: rgba(244, 241, 235, 0.3);
}

/* Na telefonu se pravni red lomi u dva, pa tacka izmedju smeta. */
@media (max-width: 560px) {
	.bdv-podnozje__pravno span { display: none; }
	.bdv-podnozje__pravno { line-height: 1.9; }
}

/* Potpis izradjivaca - tise od ostatka reda, da ne otima paznju klijentu. */
.bdv-podnozje__potpis {
	color: rgba(244, 241, 235, 0.38);
	letter-spacing: 0.12em;
	font-size: 10px;
}

.bdv-podnozje__potpis a {
	color: rgba(244, 241, 235, 0.62);
	border-bottom: 1px solid rgba(244, 241, 235, 0.22);
	padding-bottom: 2px;
}

.bdv-podnozje__potpis a:hover {
	color: var(--bdv-zlatna);
	border-bottom-color: var(--bdv-zlatna);
}

/* ---------- Uže širine ---------- */

@media (max-width: 1100px) {
	.bdv-koraci,
	.bdv-degustacije-pojas {
		grid-template-columns: 1fr;
	}

	.bdv-objave__lista {
		grid-template-columns: 1fr 1fr;
	}

	.bdv-podnozje__mreza {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 720px) {
	.bdv-koraci__lista,
	.bdv-objave__lista,
	.bdv-podnozje__mreza {
		grid-template-columns: 1fr;
	}

	.bdv-degustacije-pojas__lista a {
		grid-template-columns: 1fr;
		gap: 6px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bdv-objave__stavka a,
	.bdv-degustacije-pojas__lista a,
	.bdv-faq__znak {
		transition: none;
	}

	.bdv-objave__stavka a:hover {
		transform: none;
	}
}
/* ===============================================================
   Hero: niša iza flaše i kontrole ispod nje (28.08).
   Zamjenjuje raniji luk sa izblijedjelom fotografijom i puni
   zlatni polukrug.
   =============================================================== */

/* Udubljenje: meka svjetlost koja pada odozgo, bez ijedne slike.
   Fotografija je ranije gutala tamnu flašu i čitala se kao mrlja. */
.bdv-hero__luk {
	position: absolute;
	left: 31%;
	top: 50%;
	transform: translate(-50%, calc(-50% - var(--bdv-h) * 0.04));
	/* Nisa se racuna iz iste skale kao flasa - inace ostane mala cim se
	   flasa uveca, pa izgleda kao da flasa stoji ispred tudjeg okvira. */
	width: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.50);
	height: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.90);
	border-radius: 999px 999px 6px 6px;
	overflow: visible;
	background:
		radial-gradient(120% 70% at 50% 14%, #FDFAF4 0%, rgba(253, 250, 244, 0) 62%),
		linear-gradient(178deg, #F4EDDF 0%, #EFE7D6 46%, #E7DCC6 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.7),
		0 30px 60px -40px rgba(91, 31, 35, 0.45);
}

/* Tanka zlatna linija, malo uvučena - daje ivicu bez težine okvira. */
.bdv-hero__luk::before {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(200, 162, 102, 0.34);
	border-radius: 999px 999px 4px 4px;
	pointer-events: none;
}

/* Polica na kojoj flaša stoji: uska zlatna crta pri dnu niše. */
.bdv-hero__luk::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 82%;
	height: 1px;
	background: linear-gradient(
		90deg,
		rgba(200, 162, 102, 0) 0%,
		rgba(200, 162, 102, 0.55) 22%,
		rgba(200, 162, 102, 0.55) 78%,
		rgba(200, 162, 102, 0) 100%
	);
}

/* Bivši zlatni polukrug je sad sjena pod flašom - drži je na tlu
   umjesto da pravi drugi oblik koji se takmiči sa etiketom. */
.bdv-hero__polukrug {
	position: absolute;
	left: 31%;
	top: 50%;
	transform: translate(-50%, calc(-50% + var(--bdv-h) * var(--bdv-flasa-skala) * 0.46));
	width: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.34);
	height: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.06);
	border-radius: 50%;
	background: radial-gradient(
		ellipse at center,
		rgba(91, 31, 35, 0.30) 0%,
		rgba(91, 31, 35, 0.12) 45%,
		rgba(91, 31, 35, 0) 72%
	);
	filter: blur(2px);
}

/* Kontrole sjede u koloni scene i centriraju se na osu flaše (31 %):
   širina 62 % te kolone znači da je sredina tačno na 31 %. */
.bdv-hero__kontrole {
	grid-column: 2;
	width: 62%;
	margin: 0;
}

@media (max-width: 1200px) {
	.bdv-hero__luk {
		width: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.54);
	}
}

@media (max-width: 860px) {
	/* Na telefonu je scena jedna kolona, pa se kontrole vraćaju na sredinu. */
	.bdv-hero__kontrole {
		grid-column: 1;
		width: 100%;
	}

	.bdv-hero__luk {
		width: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.58);
		height: calc(var(--bdv-h) * var(--bdv-flasa-skala) * 0.86);
	}
}

/* Osa niše po širinama ekrana. Ova pravila moraju stajati POSLIJE osnovnih
   (koja su na kraju fajla), inače ih osnovna gaze i niša ostane na 31 %
   i kad je hero jednokolonski. */

@media (max-width: 1180px) {
	.bdv-hero__luk,
	.bdv-hero__polukrug {
		left: 33%;
	}
}

@media (max-width: 860px) {
	.bdv-hero__luk,
	.bdv-hero__polukrug {
		left: 50%;
	}
}

/* ===============================================================
   Hero na naslovnoj staje tacno u jedan ekran (28.08).
   Ranije je bio visi od ekrana pa je paginacija zavisila od visine
   prozora - na nizim ekranima je padala ispod pregiba.
   =============================================================== */

:root {
	/* Visina ljepljivog zaglavlja. Mijenja se u medijskim upitima nize. */
	--bdv-zaglavlje-h: 112px;
}

body.bdv-naslovna .bdv-hero {
	/* `dvh` racuna stvarnu visinu prozora na telefonu, gdje se traka
	   pregledaca skuplja pri skrolovanju; `vh` bi tamo lagao. */
	min-height: calc(100dvh - var(--bdv-zaglavlje-h));
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* Donji dah: crtice nikad ne dodiruju ivicu ekrana. */
	padding-bottom: clamp(14px, 2vh, 30px);
}

body.bdv-naslovna .bdv-hero__mreza {
	flex: 1 1 auto;
	align-content: center;
}

/* Kontrole idu na dno ekrana, sa mirnim razmakom - ne lijepe se za ivicu. */
body.bdv-naslovna .bdv-hero__kontrole {
	padding: clamp(16px, 2.6vh, 38px) 0 clamp(20px, 3.4vh, 46px);
}

/* Flasa se racuna iz visine prozora da bi ispod nje uvijek ostalo mjesta
   za crtice i strelice. 0.5 x visina prozora x 1.2 (skala platna) + kontrole
   staje i u 640 px visok prozor. */
body.bdv-naslovna .bdv-hero__scena {
	--bdv-h: clamp(240px, 46vh, 540px);
}

@media (max-width: 1180px) {
	body.bdv-naslovna .bdv-hero__scena {
		--bdv-h: clamp(230px, 40vh, 440px);
	}
}

@media (max-width: 860px) {
	:root {
		--bdv-zaglavlje-h: 150px;
	}

	/* Na telefonu hero ne mora u jedan ekran - tekst i flasa idu jedno
	   ispod drugog, pa je skrolovanje ocekivano. */
	body.bdv-naslovna .bdv-hero {
		min-height: 0;
		display: block;
	}

	body.bdv-naslovna .bdv-hero__scena {
		--bdv-h: clamp(260px, 42vh, 400px);
	}
}

/* Niski prozori (laptop 1366x640, prozor sa alatkama otvorenim): tekst i
   flasa se stisnu da bi crtice i strelice ostale iznad pregiba. */

@media (min-width: 861px) and (max-height: 800px) {
	body.bdv-naslovna .bdv-hero__scena {
		--bdv-h: clamp(190px, 34vh, 380px);
	}

	body.bdv-naslovna .bdv-hero__naslov {
		font-size: clamp(26px, 3vw, 40px);
		margin-bottom: clamp(14px, 2.4vh, 26px);
	}

	body.bdv-naslovna .bdv-hero__opis {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-bottom: 14px;
	}

	body.bdv-naslovna .bdv-hero__cijena {
		margin-bottom: 14px;
	}
}

@media (min-width: 861px) and (max-height: 680px) {
	body.bdv-naslovna .bdv-hero__scena {
		--bdv-h: clamp(165px, 29vh, 300px);
	}

	body.bdv-naslovna .bdv-hero__opis {
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	body.bdv-naslovna .bdv-hero__kontrole {
		padding: 10px 0 14px;
	}
}

/* ===============================================================
   Mirna paginacija (28.08).
   Opisi vina nisu jednako dugi. Dok su se smjenjivali u toku (jedan
   `display:none`, drugi `display:block`), lijeva kolona je rasla i
   padala pri svakoj smjeni — a paginacija ispod skakala s njom.
   Sad svi opisi stoje jedan preko drugog u istoj ćeliji mreže, pa je
   visina kolone stalna: visina najdužeg opisa.
   =============================================================== */

.bdv-hero__tekstovi {
	display: grid;
}

.bdv-hero__tekst {
	grid-area: 1 / 1;
	display: block;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 420ms ease;
}

.bdv-hero__tekst.je-aktivan {
	display: block;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

/* Opis se ograničava na pet redova - jedno vino sa dugačkim opisom inače
   razvuče cijelu kolonu i pojede prostor paginaciji. */
.bdv-hero__opis {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ===============================================================
   Obicne strane: Our Story, Contact, Delivery, For the trade,
   Terms, Privacy, Impressum (28.08).
   Ranije je to bila gola kolona teksta uz lijevu ivicu, sa
   podrazumijevanim podebljanim naslovima - jedini dio sajta koji
   nije izgledao kao ostatak.
   =============================================================== */

.bdv-strana {
	padding: clamp(40px, 6vw, 88px) var(--bdv-margina) clamp(30px, 4vw, 56px);
	max-width: 1180px;
	margin: 0 auto;
}

/* Zaglavlje strane: nadnaslov, naslov, uvodni pasus. */
.bdv-strana__vrh {
	max-width: 780px;
	padding-bottom: clamp(26px, 3.4vw, 44px);
	margin-bottom: clamp(30px, 4vw, 52px);
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-strana__uvod {
	font-size: clamp(19px, 1.9vw, 23px);
	line-height: 1.6;
	color: var(--bdv-zelena-blijeda);
	margin: 18px 0 0;
	max-width: 62ch;
}

/* Tekst strane: mjera od oko 68 znakova, da red ne bude predugacak. */
.bdv-strana__sadrzaj {
	max-width: 68ch;
}

.bdv-strana__sadrzaj > *:first-child {
	margin-top: 0;
}

/* Naslovi u sadrzaju idu u markinom pismu, ne u podrazumijevanom serifu. */
.bdv-tekst h2 {
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(21px, 2.1vw, 27px);
	letter-spacing: 0.06em;
	line-height: 1.25;
	margin: clamp(38px, 4.4vw, 58px) 0 14px;
	padding-top: clamp(18px, 2vw, 26px);
	border-top: 1px solid var(--bdv-linija);
}

.bdv-tekst h3 {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: clamp(16px, 1.6vw, 19px);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: clamp(26px, 3vw, 38px) 0 10px;
	color: var(--bdv-zelena);
}

.bdv-tekst p {
	font-size: 17px;
	line-height: 1.75;
	margin: 0 0 18px;
	color: var(--bdv-zelena-blijeda);
}

.bdv-tekst strong {
	color: var(--bdv-zelena);
	font-weight: 500;
}

.bdv-tekst em {
	color: var(--bdv-siva);
}

.bdv-tekst a {
	border-bottom: 1px solid rgba(90, 30, 39, 0.35);
	padding-bottom: 1px;
}

.bdv-tekst a:hover {
	border-bottom-color: var(--bdv-zlatna);
}

.bdv-tekst ul,
.bdv-tekst ol {
	margin: 0 0 20px;
	padding-left: 20px;
	color: var(--bdv-zelena-blijeda);
}

.bdv-tekst li {
	margin-bottom: 8px;
	line-height: 1.7;
}

/* Dno strane: ista ponuda pomoci na svakoj strani. */
.bdv-strana__dno {
	margin-top: clamp(44px, 6vw, 82px);
	padding-top: clamp(26px, 3.4vw, 42px);
	border-top: 1px solid var(--bdv-linija);
	max-width: 68ch;
}

.bdv-strana__dno-naslov {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
	margin: 0 0 10px;
}

.bdv-strana__dno-tekst {
	color: var(--bdv-zelena-blijeda);
	margin: 0 0 22px;
	max-width: 52ch;
}

.bdv-strana__dno-veze {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0;
}

/* FAQ ima svoj sablon, ali dijeli zaglavlje i dno. */
.bdv-strana--faq {
	max-width: 960px;
}

.bdv-strana--faq .bdv-faq {
	max-width: 780px;
}

/* ===============================================================
   Journal i Contact (28.08).
   =============================================================== */

/* ---------- Spisak zapisa ---------- */

.bdv-zapisi {
	margin-top: clamp(30px, 4vw, 50px);
}

.bdv-zapis__slika {
	height: 260px;
	border: 1px solid var(--bdv-linija);
}

.bdv-zapis__slika img {
	transition: transform 700ms ease;
}

.bdv-zapis:hover .bdv-zapis__slika img {
	transform: scale(1.03);
}

/* ---------- Jedan zapis ---------- */

.bdv-clanak {
	max-width: 1180px;
}

.bdv-clanak__vrh {
	max-width: 74ch;
	margin-bottom: clamp(24px, 3vw, 36px);
}

.bdv-clanak__slika {
	margin: 0 0 clamp(28px, 3.6vw, 46px);
	max-width: 980px;
}

.bdv-clanak__slika img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--bdv-linija);
}

.bdv-clanak__slika figcaption {
	font-size: 13px;
	color: var(--bdv-siva);
	padding-top: 10px;
}

.bdv-clanak__tekst {
	max-width: 68ch;
}

.bdv-clanak__dno {
	margin-top: clamp(44px, 6vw, 80px);
	max-width: 980px;
}

.bdv-clanak__susjedi {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 22px 0;
	border-top: 1px solid var(--bdv-linija);
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-clanak__susjed {
	max-width: 46%;
	color: var(--bdv-zelena);
}

.bdv-clanak__susjed--desno {
	text-align: right;
	margin-left: auto;
}

.bdv-clanak__smjer {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
	margin-bottom: 6px;
}

.bdv-clanak__susjed-ime {
	display: block;
	font-size: 17px;
	line-height: 1.4;
}

.bdv-clanak__susjed:hover .bdv-clanak__susjed-ime {
	color: var(--bdv-vinska);
}

.bdv-clanak__poziv {
	padding-top: clamp(26px, 3.4vw, 40px);
}

/* ---------- Contact ---------- */

.bdv-kontakt {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
	gap: clamp(28px, 4vw, 64px);
	align-items: start;
}

.bdv-kontakt__tekst {
	max-width: 62ch;
}

.bdv-kontakt__kartica {
	background: var(--bdv-krem-svijetli);
	border: 1px solid var(--bdv-linija);
	padding: clamp(24px, 2.6vw, 34px);
	position: sticky;
	top: 130px;
}

.bdv-kontakt__naslov {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin: 0 0 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-kontakt__lista {
	margin: 0 0 24px;
}

.bdv-kontakt__lista dt {
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bdv-siva);
	margin-bottom: 4px;
}

.bdv-kontakt__lista dd {
	margin: 0 0 16px;
	color: var(--bdv-zelena);
	line-height: 1.6;
}

.bdv-kontakt__prazno {
	font-size: 14px;
	color: var(--bdv-siva);
	border-left: 2px solid var(--bdv-zlatna);
	padding-left: 12px;
	margin: 0 0 22px;
}

.bdv-kontakt__akcije {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.bdv-kontakt__akcije .bdv-dugme {
	text-align: center;
}

.bdv-kontakt__uzrast {
	margin: 20px 0 0;
	font-size: 13px;
	color: var(--bdv-siva);
}

@media (max-width: 900px) {
	.bdv-kontakt {
		grid-template-columns: 1fr;
	}

	.bdv-kontakt__kartica {
		position: static;
	}

	.bdv-clanak__susjed {
		max-width: 100%;
	}
}

/* ===============================================================
   Cetiri koraka i rok naredne posiljke (31.08, po Patrickovom tekstu).
   =============================================================== */

.bdv-koraci__lista--cetiri {
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 2.2vw, 32px);
}

/* Rok posiljke - jedini podatak na naslovnoj koji zastarijeva, pa stoji
   uokviren da se vidi da je „ziv". Mijenja se u opcijama, ne u kodu. */
.bdv-rok {
	display: inline-flex;
	align-items: baseline;
	gap: 12px;
	flex-wrap: wrap;
	margin: 22px 0 0;
	padding: 12px 16px;
	background: var(--bdv-krem-svijetli);
	border-left: 2px solid var(--bdv-zlatna);
}

.bdv-rok__oznaka {
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
}

.bdv-rok__datum {
	font-size: 16px;
	color: var(--bdv-zelena);
}

@media (max-width: 1100px) {
	.bdv-koraci__lista--cetiri {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 720px) {
	.bdv-koraci__lista--cetiri {
		grid-template-columns: 1fr;
	}
}

/* ===============================================================
   Izjava marke, teaseri vinarija, dostupnost, Instagram (31.08).
   =============================================================== */

/* ---------- Izjava marke ispod heroa ---------- */

.bdv-izjava {
	padding: clamp(48px, 7vw, 96px) var(--bdv-margina);
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid var(--bdv-linija);
}

.bdv-izjava__glavno {
	font-size: clamp(21px, 2.4vw, 30px);
	line-height: 1.45;
	color: var(--bdv-zelena);
	margin: 0 0 20px;
	text-wrap: balance;
}

.bdv-izjava__dodatno {
	font-size: 17px;
	line-height: 1.75;
	color: var(--bdv-zelena-blijeda);
	max-width: 62ch;
	margin: 0 auto;
}

/* ---------- Dostupnost ---------- */

.bdv-dostupnost {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0 0 18px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.1em;
}

.bdv-dostupnost__tacka {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	/* Siva tacka: vino stize sa narednom posiljkom. Zelena: na lageru. */
	background: var(--bdv-siva);
	flex: none;
}

.bdv-dostupnost__tacka.je-na-lageru {
	background: #55603A;
}

.bdv-dostupnost__rijec {
	color: var(--bdv-zelena);
}

.bdv-dostupnost__rok {
	color: var(--bdv-siva);
	letter-spacing: 0.04em;
}

.bdv-dostupnost--kratka {
	margin: 0 0 12px;
	font-size: 11px;
}

.bdv-kartica__stanje {
	margin: 0 0 10px;
}

/* ---------- Instagram u podnozju ---------- */

.bdv-podnozje__drustvene {
	margin: 16px 0 0;
}

.bdv-podnozje__drustvene a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--bdv-sans);
	font-size: 12px;
	letter-spacing: 0.08em;
	color: rgba(244, 241, 235, 0.72);
}

.bdv-podnozje__drustvene a:hover {
	color: var(--bdv-zlatna);
}

@media (max-width: 700px) {
	.bdv-vinarije__uvod {
		grid-template-columns: 1fr;
		align-items: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bdv-vinarija__slika img {
		transition: none;
	}

	.bdv-vinarija a:hover .bdv-vinarija__slika img {
		transform: none;
	}
}



/* ---------- Siroka fotografija ispod heroa ---------- */

.bdv-traka {
	position: relative;
	overflow: hidden;
}

.bdv-traka img {
	display: block;
	width: 100%;
	height: clamp(280px, 42vh, 520px);
	object-fit: cover;
}

.bdv-traka__natpis {
	position: absolute;
	left: var(--bdv-margina);
	bottom: clamp(20px, 3vw, 38px);
	color: var(--bdv-krem);
	text-shadow: 0 1px 18px rgba(91, 31, 35, 0.55);
}

.bdv-traka__natpis .bdv-nadnaslov {
	color: rgba(244, 241, 235, 0.82);
	margin-bottom: 6px;
}

.bdv-traka__tekst {
	font-size: clamp(18px, 2vw, 26px);
	font-style: italic;
	margin: 0;
}

/* ===============================================================
   Teaseri vinarija — prepravljeno 31.08.
   Ranije: tri kartice razlicite visine, fotografije razlicitog kadra,
   prazan okvir kod vinarije bez slike. Sad: isti kadar 4:3 za sve, ime
   preko fotografije, tekst ispod poravnat, a vinarija bez slike dobija
   svoj krem panel umjesto rupe.
   =============================================================== */

.bdv-vinarije__lista {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: clamp(20px, 2.4vw, 34px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bdv-vinarija a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: var(--bdv-zelena);
}

/* ---------- Fotografija sa imenom preko nje ---------- */

.bdv-vinarija__okvir {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--bdv-krem-svijetli);
}

.bdv-vinarija__okvir img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 800ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.bdv-vinarija a:hover .bdv-vinarija__okvir img {
	transform: scale(1.04);
}

/* Zatamnjenje samo pri dnu, da se ime cita a fotografija ostane fotografija. */
.bdv-vinarija__okvir::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 62%;
	background: linear-gradient(180deg, rgba(91, 31, 35, 0) 0%, rgba(91, 31, 35, 0.72) 100%);
	pointer-events: none;
}

.bdv-vinarija__preko {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 20px 22px;
	color: var(--bdv-krem);
}

.bdv-vinarija__mjesto {
	display: block;
	font-family: var(--bdv-sans);
	font-size: 10px;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(244, 241, 235, 0.75);
	margin-bottom: 7px;
}

.bdv-vinarija__ime {
	display: block;
	font-family: var(--bdv-sans);
	font-weight: 300;
	font-size: clamp(18px, 1.8vw, 22px);
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-wrap: balance;
}

/* ---------- Vinarija bez fotografije ---------- */

.bdv-vinarija--bez-slike .bdv-vinarija__okvir {
	background:
		radial-gradient(120% 90% at 50% 0%, #FBF7EE 0%, rgba(251, 247, 238, 0) 60%),
		linear-gradient(180deg, #F1E9DA 0%, #E7DCC6 100%);
	box-shadow: inset 0 0 0 1px var(--bdv-linija);
}

/* Bez fotografije nema ni zatamnjenja — ime ide tamno na krem. */
.bdv-vinarija--bez-slike .bdv-vinarija__okvir::after {
	display: none;
}

.bdv-vinarija--bez-slike .bdv-vinarija__preko {
	color: var(--bdv-zelena);
}

.bdv-vinarija--bez-slike .bdv-vinarija__mjesto {
	color: var(--bdv-zlatna);
}

/* Tanka linija u praznom panelu, da ne bude sasvim prazan. */
.bdv-vinarija--bez-slike .bdv-vinarija__okvir::before {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	top: 50%;
	height: 1px;
	background: linear-gradient(90deg, rgba(200, 162, 102, 0.5), rgba(200, 162, 102, 0));
}

/* ---------- Tekst ispod ---------- */

.bdv-vinarija__tekst {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 18px 2px 0;
}

.bdv-vinarija__uvod {
	display: block;
	color: var(--bdv-zelena-blijeda);
	line-height: 1.65;
	margin-bottom: 18px;
}

.bdv-vinarija__dno {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	/* `auto` drzi dno poravnato i kad su uvodi razlicite duzine. */
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid var(--bdv-linija);
}

.bdv-vinarija__broj {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--bdv-siva);
}

.bdv-vinarija__strelica {
	color: var(--bdv-zlatna);
	transition: transform 300ms ease;
}

.bdv-vinarija a:hover .bdv-vinarija__strelica {
	transform: translateX(4px);
}

.bdv-vinarija a:hover .bdv-vinarija__broj {
	color: var(--bdv-vinska);
}

@media (prefers-reduced-motion: reduce) {
	.bdv-vinarija__okvir img,
	.bdv-vinarija__strelica {
		transition: none;
	}

	.bdv-vinarija a:hover .bdv-vinarija__okvir img,
	.bdv-vinarija a:hover .bdv-vinarija__strelica {
		transform: none;
	}
}

/* ---------------------------------------------------------------
   Izbor velicine flase (vino koje dolazi i u magnumu).
   WooCommerce ima svoj padajuci izbornik, ali on povlaci korpu —
   V1 je nema, pa su ovdje dugmad koja samo mijenjaju prikaz.
   --------------------------------------------------------------- */

.bdv-velicine {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0 0 22px;
}

.bdv-velicina {
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 11px 18px;
	background: transparent;
	border: 1px solid var(--bdv-linija-jaca);
	cursor: pointer;
	text-align: left;
	transition: border-color 200ms ease, background 200ms ease;
}

.bdv-velicina:hover {
	border-color: var(--bdv-zlatna);
}

.bdv-velicina.je-aktivan {
	border-color: var(--bdv-zelena);
	background: var(--bdv-krem-svijetli);
}

.bdv-velicina__mjera {
	font-family: var(--bdv-sans);
	font-size: 13px;
	letter-spacing: 0.1em;
	color: var(--bdv-zelena);
}

.bdv-velicina__berba {
	font-family: var(--bdv-sans);
	font-size: 11px;
	letter-spacing: 0.14em;
	color: var(--bdv-siva);
}

.bdv-velicina.je-aktivan .bdv-velicina__berba {
	color: #86662A; /* 28.09: tamnije zlatna, kontrast 4.8:1 (bilo 2.9:1) */
}

/* ===============================================================
   Naslovna, verzija 05.09 — po Patrickovom spisku i referenci
   auwtaelse.nl: velika slika, malo tema, harmonike, smjena
   svijetlih i tamnih pojaseva, ljepljivo dugme na vina.
   =============================================================== */

/* ---------- Veliki hero ---------- */

.bdv-veliki-hero {
	position: relative;
	overflow: hidden;
}

.bdv-veliki-hero img {
	display: block;
	width: 100%;
	height: clamp(420px, calc(100dvh - var(--bdv-zaglavlje-h, 112px)), 900px);
	object-fit: cover;
}

/* Zatamnjenje pri dnu, da se izjava marke cita preko fotografije. */
.bdv-veliki-hero::after {
	content: "";
	position: absolute;
	/* 28.09: iste vrijednosti kao konacne u editorial.css. Ranije je ovdje
	   stajalo `height: 60%` pri dnu, pa je sloj pri ucitavanju skakao preko
	   cijele slike — Lighthouse CLS 0.37 („::after", 426 -> 768 px). */
	inset: 0;
	height: auto;
	background: linear-gradient(180deg, transparent 16%, rgb(35 24 19 / 12%) 40%, rgb(35 24 19 / 78%) 100%);
	pointer-events: none;
}

.bdv-veliki-hero__preko {
	position: absolute;
	left: 0;
	right: 0;
	bottom: clamp(28px, 5vw, 72px);
	z-index: 1;
	padding: 0 var(--bdv-margina);
	text-align: center;
}

.bdv-veliki-hero__izjava {
	max-width: 30ch;
	margin: 0 auto;
	color: var(--bdv-krem);
	font-size: clamp(20px, 2.6vw, 34px);
	line-height: 1.4;
	text-wrap: balance;
	text-shadow: 0 1px 24px rgba(91, 31, 35, 0.5);
}

/* ---------- Pojasevi: smjena svijetlog i tamnog ---------- */

.bdv-pojas {
	padding: clamp(56px, 8vw, 110px) var(--bdv-margina);
}

.bdv-pojas--svijetli {
	background: var(--bdv-krem);
	color: var(--bdv-zelena);
}

.bdv-pojas--tamni {
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
}

.bdv-pojas--tamni p {
	color: rgba(244, 241, 235, 0.82);
}

.bdv-pojas__mreza {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(28px, 5vw, 80px);
	align-items: center;
	max-width: 1320px;
	margin: 0 auto;
}

/* Slika s druge strane, da se sekcije ne nizu jednako. */
.bdv-pojas__mreza--obrnuto .bdv-pojas__tekst {
	order: -1;
}

.bdv-pojas__slika img {
	display: block;
	width: 100%;
	height: clamp(280px, 40vw, 520px);
	object-fit: cover;
}

.bdv-pojas__uvod {
	max-width: 720px;
	margin: 0 auto clamp(30px, 4vw, 52px);
	text-align: center;
}

/* ---------- Naslovi sekcija ---------- */

.bdv-naslov-sekcije {
	font-family: var(--bdv-sans);
	font-weight: 400;
	font-size: clamp(28px, 4vw, 50px);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.1;
	margin: 0 0 10px;
}

/* Mala kurzivna podlinija ispod naslova, kao na referenci. */
.bdv-pod-naslov {
	font-style: italic;
	font-size: clamp(15px, 1.6vw, 19px);
	color: var(--bdv-zlatna);
	margin: 0 0 24px;
}

.bdv-pojas--tamni .bdv-pod-naslov {
	color: var(--bdv-zlatna);
}

/* ---------- Harmonika ---------- */

.bdv-harmonika {
	max-width: 880px;
	margin: 0 auto;
}

.bdv-harmonika__stavka {
	border-top: 1px solid currentColor;
}

.bdv-harmonika__stavka:last-child {
	border-bottom: 1px solid currentColor;
}

/* Linija je ista boja kao tekst, ali mnogo tisa. */
.bdv-pojas--svijetli .bdv-harmonika__stavka {
	border-color: var(--bdv-linija);
}

.bdv-pojas--tamni .bdv-harmonika__stavka {
	border-color: rgba(244, 241, 235, 0.22);
}

.bdv-harmonika__vrh {
	display: flex;
	align-items: baseline;
	gap: 16px;
	padding: clamp(18px, 2.2vw, 26px) 2px;
	cursor: pointer;
	list-style: none;
}

.bdv-harmonika__vrh::-webkit-details-marker {
	display: none;
}

.bdv-harmonika__broj {
	font-size: 12px;
	letter-spacing: 0.24em;
	color: var(--bdv-zlatna);
	flex: none;
}

.bdv-harmonika__naslov {
	font-size: clamp(17px, 2vw, 24px);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	flex: 1 1 auto;
}

.bdv-harmonika__sitno {
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.65;
}

/* Znak plus koji se pri otvaranju okrene u minus. */
.bdv-harmonika__znak {
	position: relative;
	width: 14px;
	height: 14px;
	flex: none;
	align-self: center;
}

.bdv-harmonika__znak::before,
.bdv-harmonika__znak::after {
	content: "";
	position: absolute;
	inset: 50% 0 auto 0;
	height: 1px;
	background: var(--bdv-zlatna);
	transition: transform 260ms ease;
}

.bdv-harmonika__znak::after {
	transform: rotate(90deg);
}

.bdv-harmonika__stavka[open] .bdv-harmonika__znak::after {
	transform: rotate(0deg);
}

.bdv-harmonika__sadrzaj {
	padding: 0 2px clamp(20px, 2.6vw, 30px);
	max-width: 62ch;
}

.bdv-harmonika__sadrzaj p {
	margin: 0 0 14px;
	line-height: 1.7;
}

.bdv-harmonika__sadrzaj--vinarija {
	display: grid;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	max-width: none;
}

.bdv-harmonika__slika img {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
}

.bdv-harmonika__veze {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	margin: 0;
}

.bdv-pojas--tamni .bdv-veza-dugme {
	color: var(--bdv-krem);
	border-bottom-color: var(--bdv-krem);
}

/* ---------- Rok isporuke na tamnom ---------- */

.bdv-rok--tamni {
	background: rgba(244, 241, 235, 0.06);
	border-left-color: var(--bdv-zlatna);
	margin-inline: auto;
	margin-top: clamp(26px, 3vw, 40px);
	display: flex;
	max-width: 880px;
}

.bdv-rok--tamni .bdv-rok__datum {
	color: var(--bdv-krem);
}

/* ---------- Događaj ---------- */

.bdv-dogadjaj {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 22px 0;
	padding: 16px 18px;
	border: 1px solid rgba(244, 241, 235, 0.22);
}

.bdv-dogadjaj__datum {
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--bdv-zlatna);
}

.bdv-dogadjaj__ime {
	font-size: 18px;
}

/* ---------- Prati nas ---------- */

.bdv-prati {
	text-align: center;
}

.bdv-prati__tekst {
	max-width: 52ch;
	margin: 0 auto 26px;
}

.bdv-prati__instagram {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 18px;
}

/* ---------- Ljepljivo dugme na vina ---------- */

.bdv-na-vina {
	position: fixed;
	right: clamp(16px, 3vw, 40px);
	bottom: clamp(16px, 3vw, 40px);
	z-index: 60;
	padding: 15px 26px;
	background: var(--bdv-vinska);
	color: var(--bdv-krem);
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	box-shadow: 0 14px 34px -14px rgba(38, 51, 44, 0.6);
	transition: background 240ms ease, transform 240ms ease;
}

.bdv-na-vina:hover {
	background: var(--bdv-zelena);
	color: var(--bdv-krem);
	transform: translateY(-2px);
}

@media (max-width: 900px) {
	.bdv-pojas__mreza {
		grid-template-columns: 1fr;
	}

	/* Na uskom ekranu slika uvijek ide iznad teksta. */
	.bdv-pojas__mreza--obrnuto .bdv-pojas__tekst {
		order: 0;
	}

	.bdv-harmonika__sadrzaj--vinarija {
		grid-template-columns: 1fr;
	}

	.bdv-na-vina {
		left: var(--bdv-margina);
		right: var(--bdv-margina);
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bdv-harmonika__znak::before,
	.bdv-harmonika__znak::after,
	.bdv-na-vina {
		transition: none;
	}
}

/* ===============================================================
   Pokret pri skrolovanju (05.09)

   Naslovna je po Patrickovom spisku svedena na niz pojaseva i bez
   ijednog pokreta se citala jednolicno. Ovdje su dvije stvari:
   sekcije koje se tiho pojave kad dodju na ekran, i fotografije
   koje klize sporije od strane.

   Sve radi `assets/js/pokret.js`. Bez JavaScripta nema `.bdv-otkrij`
   klase, pa je sadrzaj vidljiv od pocetka — nikad se ne desi da
   strana ostane prazna.
   =============================================================== */

.bdv-otkrij {
	opacity: 0;
	transform: translate3d(0, 26px, 0);
	transition:
		opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition-delay: var(--bdv-kasnjenje, 0ms);
}

.bdv-otkrij.je-vidljiv {
	opacity: 1;
	transform: none;
}

/* Slike u pojasevima klize u okviru koji ih sijece. Visina je veca od
   okvira, da pri pomjeranju ne osvane praznina ni na jednom kraju. */
.bdv-pojas__slika {
	overflow: hidden;
}

.bdv-pojas__slika img[data-bdv-paralaks] {
	/* Domet je 70px u svaku stranu (vidi `data-bdv-paralaks` na fotografiji),
	   pa okvir mora da ima 80px viska gore i dolje — inace pri kraju pomjeranja
	   osvane praznina. */
	height: calc(clamp(280px, 40vw, 520px) + 160px);
	margin-block: -80px;
	will-change: transform;
}

/* Hero: fotografija u sopstvenom sloju, sekcija drzi visinu. */
.bdv-veliki-hero {
	height: clamp(420px, calc(100dvh - var(--bdv-zaglavlje-h, 112px)), 900px);
}

.bdv-veliki-hero__sloj {
	position: absolute;
	/* Domet paralaksa je 90px, visak je 100px. U procentima bi na niskim
	   ekranima ispao manji od dometa. */
	inset: -100px 0;
	will-change: transform;
}

.bdv-veliki-hero__sloj picture {
	/* 29.09: <picture> oko fotografije (uspravna za telefon) mora imati punu visinu. */
	display: block;
	height: 100%;
}

.bdv-veliki-hero__sloj img {
	height: 100%;
}

/* ---------- Siroka traka sa citatom ---------- */

.bdv-traka {
	position: relative;
	overflow: hidden;
	height: clamp(340px, 56vw, 560px);
	display: grid;
	place-items: center;
	padding: 0 var(--bdv-margina);
}

.bdv-traka__sloj {
	position: absolute;
	inset: -90px 0;
	will-change: transform;
}

.bdv-traka__sloj img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Fotografija je svijetla u gornjem dijelu, pa citat bez ovoga ne bi imao
   dovoljan kontrast. */
.bdv-traka::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(91, 31, 35, 0.42);
	pointer-events: none;
}

.bdv-traka__citat {
	position: relative;
	z-index: 1;
	margin: 0;
	/* `ch` je u Didotu vrlo usko — `24ch` je davalo 234px i osam prelomljenih
	   redova. Zato mjera u pikselima. */
	width: min(760px, 84vw);
	text-align: center;
}

.bdv-traka__citat p {
	margin: 0;
	color: var(--bdv-krem);
	font-size: clamp(21px, 3vw, 40px);
	line-height: 1.35;
	text-wrap: balance;
	text-shadow: 0 1px 24px rgba(91, 31, 35, 0.45);
}

/* Ko je iskljucio animacije u sistemu, dobija sve odmah i bez pomjeranja. */
.bdv-bez-pokreta .bdv-otkrij {
	opacity: 1;
	transform: none;
	transition: none;
}

@media (prefers-reduced-motion: reduce) {
	.bdv-otkrij {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

@media (max-width: 860px) {
	/* Na telefonu nema paralaksa (vidi `pokret.js`), pa slike idu na normalnu
	   visinu — inace bi ostale isjecene bez razloga. */
	.bdv-pojas__slika img[data-bdv-paralaks] {
		height: clamp(280px, 40vw, 520px);
		margin-block: 0;
	}

	.bdv-veliki-hero__sloj,
	.bdv-traka__sloj {
		inset: 0;
	}
}

/* Na telefonu se paralaks gasi (vidi `pokret.js`), pa visak visine nema svrhu. */
@media (max-width: 860px) {
	.bdv-veliki-hero__sloj,
	.bdv-traka__sloj {
		inset: 0;
	}
}

/* ===============================================================
   Monferrato traka — 21.09 Patrick: tekst ispod slike, u kurzivu.
   Ranije je citat stajao preko fotografije (.bdv-traka).
   =============================================================== */

.bdv-monferrato {
	margin: 0;
	padding: 0 0 clamp(28px, 4vw, 52px);
	background: var(--bdv-krem);
}

.bdv-monferrato__slika {
	overflow: hidden;
}

.bdv-monferrato__slika img {
	display: block;
	width: 100%;
	height: clamp(300px, 46vw, 560px);
	object-fit: cover;
}

.bdv-monferrato__tekst {
	width: min(760px, 84vw);
	margin: clamp(18px, 2.4vw, 32px) auto 0;
	text-align: center;
	font-style: italic;
	font-size: clamp(17px, 1.7vw, 23px);
	line-height: 1.6;
	color: var(--bdv-zelena, #26332C);
}