/* ==========================================================================
   Бранко - новости (почетна блога, архиве, претрага, појединачни чланак)
   ========================================================================== */

.bn-main { background: var(--b-parchment); }
.bn-wrap {
	width: 100%;
	max-width: 1264px;
	margin: 0 auto;
	padding: 0 32px;
	box-sizing: border-box;
}
.bn-eyebrow {
	margin: 0;
	font: 600 12px/1.2 var(--b-body);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--b-gold-dark);
}
.bn-crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	font: 13px/1.4 var(--b-body);
	color: #A89A82;
}
.bn-crumbs a { color: inherit; text-decoration: none; }
.bn-crumbs a:hover { color: var(--b-gold-pale); }
.bn-link {
	font: 600 20px/1.2 var(--b-serif);
	color: var(--b-burgundy);
	text-decoration: none;
	white-space: nowrap;
}
.bn-link:hover { color: var(--b-gold-dark); }

/* ---------- Заглавље листе ---------- */
.bn-hero {
	position: relative;
	background: var(--b-dark);
	color: #E6DCC8;
	overflow: hidden;
}
.bn-hero::before {
	content: "";
	position: absolute;
	right: -80px;
	top: 50%;
	width: 520px;
	height: 520px;
	margin-top: -260px;
	border: 1px solid rgba(168, 139, 85, .18);
	transform: rotate(45deg);
	pointer-events: none;
}
.bn-hero::after {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	width: 280px;
	height: 280px;
	margin-top: -140px;
	border: 1px solid rgba(168, 139, 85, .12);
	transform: rotate(45deg);
	pointer-events: none;
}
.bn-hero__inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 48px;
	padding-top: 88px;
	padding-bottom: 80px;
}
.bn-hero__text { display: flex; flex-direction: column; gap: 18px; max-width: 720px; }
.bn-hero .bn-eyebrow { color: var(--b-gold-light); display: flex; align-items: center; gap: 14px; }
.bn-hero .bn-eyebrow::before { content: ""; width: 34px; height: 1px; background: var(--b-gold); }
.bn-hero__title {
	margin: 0;
	font: 600 clamp(44px, 6vw, 72px)/1.02 var(--b-serif);
	color: #F3EDE1;
	letter-spacing: -.01em;
}
.bn-hero__lead { margin: 0; font: italic 400 22px/1.45 var(--b-serif); color: var(--b-gold-pale); }

.bn-search {
	display: flex;
	flex: 0 0 340px;
	border-bottom: 1px solid rgba(216, 189, 132, .5);
}
.bn-search input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: 12px 4px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #F3EDE1;
	font: 16px var(--b-body);
	outline: none;
}
.bn-search input::placeholder { color: #8F826C; }
.bn-search button,
.bn-search button:hover,
.bn-search button:focus {
	padding: 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--b-gold-pale);
	cursor: pointer;
}
.bn-search:focus-within { border-bottom-color: var(--b-gold-pale); }

/* ---------- Листа ---------- */
.bn-list { padding: 56px 0 120px; }
.bn-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 48px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--b-line);
}
.bn-filters ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bn-filters a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border: 1px solid var(--b-line-2);
	background: transparent;
	font: 13px/1 var(--b-body);
	letter-spacing: .06em;
	color: var(--b-ink);
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.bn-filters a:hover { border-color: var(--b-gold); background: var(--b-ivory); }
.bn-filters a[aria-current] { background: var(--b-burgundy); border-color: var(--b-burgundy); color: #FBF6EC; }
.bn-filters__n { font-size: 11px; opacity: .6; }
.bn-count { margin: 0; font: italic 18px var(--b-serif); color: var(--b-muted); white-space: nowrap; }

/* ---------- Картице ---------- */
.bn-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px 32px;
}
.bn-card { display: flex; flex-direction: column; margin: 0; }
.bn-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 11;
	overflow: hidden;
	background: var(--b-line);
}
.bn-card__media .bn-img,
.bn-card__media img.bn-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}
.bn-card:hover .bn-card__media img.bn-img { transform: scale(1.04); }
.bn-img--empty {
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--b-dark-2);
	background-image: repeating-linear-gradient(45deg, rgba(168, 139, 85, .07) 0 1px, transparent 1px 18px);
}
.bn-img--empty img { width: 92px; height: auto; opacity: .8; }
.bn-date {
	position: absolute;
	left: 18px;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 64px;
	padding: 12px 8px 10px;
	background: var(--b-ivory);
	color: var(--b-ink);
	text-align: center;
	box-shadow: 0 10px 24px -14px rgba(0, 0, 0, .6);
}
.bn-date::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 11px;
	height: 11px;
	margin-left: -5.5px;
	background: var(--b-ivory);
	transform: rotate(45deg);
}
.bn-date__day { font: 600 30px/1 var(--b-serif); color: var(--b-burgundy); }
.bn-date__mon { margin-top: 4px; font: 600 11px/1 var(--b-body); letter-spacing: .18em; text-transform: uppercase; }
.bn-date__year { margin-top: 3px; font: 11px/1 var(--b-body); color: var(--b-muted); }

.bn-card__body { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding-top: 26px; flex: 1; }
.bn-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bn-cat {
	display: inline-block;
	padding: 5px 10px 4px;
	background: rgba(168, 139, 85, .14);
	font: 600 10px/1.2 var(--b-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--b-gold-dark);
	text-decoration: none;
}
a.bn-cat:hover { background: var(--b-gold); color: #fff; }
.bn-cat--najave { background: rgba(110, 34, 48, .1); color: var(--b-burgundy); }
.bn-card__title { margin: 0; font: 600 26px/1.15 var(--b-serif); color: var(--b-ink); }
.bn-card__title a { color: inherit; text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .4s ease, color .2s ease; }
.bn-card__title a:hover { color: var(--b-burgundy); background-size: 100% 1px; }
.bn-card__excerpt {
	margin: 0;
	font: 15px/1.7 var(--b-body);
	color: var(--b-muted);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.bn-card__meta { margin: 0; font: 13px var(--b-body); color: #8F826C; display: flex; gap: 8px; flex-wrap: wrap; }
.bn-card--card .bn-card__meta time { display: none; }
.bn-card--card .bn-card__meta span[aria-hidden] { display: none; }
.bn-more {
	margin-top: auto;
	padding-top: 4px;
	font: 600 12px/1 var(--b-body);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--b-burgundy);
	text-decoration: none;
	display: inline-flex;
	gap: 8px;
}
.bn-more span[aria-hidden] { transition: transform .25s ease; }
.bn-more:hover span[aria-hidden] { transform: translateX(4px); }

/* истакнути (најновији) чланак */
.bn-card--feature {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	margin-bottom: 72px;
	background: var(--b-ivory);
	border: 1px solid var(--b-line);
}
.bn-card--feature .bn-card__media { aspect-ratio: auto; min-height: 460px; }
.bn-card--feature .bn-date { left: 28px; min-width: 76px; }
.bn-card--feature .bn-date__day { font-size: 38px; }
.bn-card--feature .bn-card__body { justify-content: center; gap: 18px; padding: 56px 56px 52px; }
.bn-card__kicker {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	font: 600 12px/1 var(--b-body);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--b-burgundy);
}
.bn-card__kicker::before { content: ""; width: 8px; height: 8px; background: var(--b-burgundy); transform: rotate(45deg); }
.bn-card--feature .bn-card__title { font-size: clamp(30px, 3vw, 42px); line-height: 1.08; }
.bn-card--feature .bn-card__excerpt { font-size: 16px; -webkit-line-clamp: 5; }
.bn-card--feature .bn-more { margin-top: 8px; }

/* ---------- Пагинација ---------- */
.bn-pagination { margin-top: 72px; }
.bn-pagination ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bn-pagination li > a,
.bn-pagination li > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 46px;
	height: 46px;
	padding: 0 14px;
	box-sizing: border-box;
	border: 1px solid var(--b-line-2);
	font: 600 20px/1 var(--b-serif);
	color: var(--b-ink);
	text-decoration: none;
}
.bn-pagination li > a:hover { background: var(--b-ivory); border-color: var(--b-gold); }
.bn-pagination .current { background: var(--b-burgundy); border-color: var(--b-burgundy); color: #FBF6EC; }
.bn-pagination .dots { border-color: transparent; }
.bn-pg__label { font: 600 12px var(--b-body); letter-spacing: .16em; text-transform: uppercase; }

.bn-empty { padding: 80px 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.bn-empty h2 { margin: 0; font: 600 40px/1.1 var(--b-serif); }
.bn-empty p { margin: 0; font: 17px/1.7 var(--b-body); color: var(--b-muted); }
.bn-empty a { color: var(--b-burgundy); }

/* ---------- Појединачни чланак ---------- */
.bn-single__head { background: var(--b-dark); color: #E6DCC8; }
.bn-single__headinner {
	max-width: 960px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding-top: 72px;
	padding-bottom: 180px;
	text-align: center;
}
.bn-single__head .bn-crumbs { justify-content: center; }
.bn-single__head .bn-cat { background: rgba(216, 189, 132, .14); color: var(--b-gold-pale); }
.bn-single__head a.bn-cat:hover { background: var(--b-gold-pale); color: var(--b-dark); }
.bn-single__title {
	margin: 0;
	font: 600 clamp(34px, 4.6vw, 60px)/1.08 var(--b-serif);
	color: #F3EDE1;
	text-wrap: balance;
}
.bn-single__meta { margin: 0; display: flex; gap: 10px; font: italic 19px var(--b-serif); color: var(--b-gold-light); }

.bn-single__figure {
	position: relative;
	max-width: 1120px;
	margin: -132px auto 0;
	padding: 0 32px;
	box-sizing: border-box;
}
.bn-single__figure::before {
	content: "";
	position: absolute;
	left: 56px;
	right: 8px;
	top: 24px;
	bottom: -24px;
	border: 1px solid var(--b-gold);
	pointer-events: none;
}
.bn-single__img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-height: 680px;
	object-fit: cover;
}
.bn-single__figure figcaption { position: relative; margin-top: 36px; text-align: center; font: italic 16px var(--b-serif); color: var(--b-muted); }
.bn-single:not(:has(.bn-single__figure)) .bn-single__headinner { padding-bottom: 80px; }

.bn-single__body { max-width: 760px; margin: 0 auto; padding: 88px 32px 40px; box-sizing: border-box; }

.bn-content { font: 18px/1.85 var(--b-body); color: var(--b-ink); }
.bn-content > * { margin-top: 0; margin-bottom: 1.3em; }
.bn-content > p:first-child::first-letter {
	float: left;
	margin: .06em .12em 0 0;
	font: 600 4.3em/.82 var(--b-serif);
	color: var(--b-burgundy);
}
.bn-content h2,
.bn-content h3,
.bn-content h4 { margin-top: 1.8em; margin-bottom: .5em; font-family: var(--b-serif); font-weight: 600; line-height: 1.15; color: var(--b-ink); }
.bn-content h2 { font-size: 36px; }
.bn-content h3 { font-size: 29px; }
.bn-content h4 { font-size: 23px; }
.bn-content h3:empty, .bn-content p:empty { display: none; }
.bn-content a { color: var(--b-burgundy); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.bn-content strong { font-weight: 600; }
.bn-content blockquote {
	margin: 2em 0;
	padding: 6px 0 6px 32px;
	border-left: 2px solid var(--b-burgundy);
	font: italic 500 25px/1.45 var(--b-serif);
	color: var(--b-ink);
}
.bn-content blockquote p { margin: 0 0 .6em; }
.bn-content blockquote p:last-child { margin: 0; }
.bn-content ul, .bn-content ol { padding-left: 1.3em; }
.bn-content li { margin-bottom: .4em; }
.bn-content li::marker { color: var(--b-gold); }
.bn-content hr { border: 0; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='12'%3E%3Cpath d='M24 6h-24M60 6H36' stroke='%23CDBB94'/%3E%3Cpath d='M30 1l5 5-5 5-5-5z' fill='%23A88B55'/%3E%3C/svg%3E") center/60px 12px no-repeat; margin: 2.4em 0; }
.bn-content figure { margin-left: 0; margin-right: 0; }
.bn-content img { max-width: 100%; height: auto; display: block; }
.bn-content .wp-block-image { margin: 2em 0; }
.bn-content .wp-block-image.alignwide,
.bn-content .wp-block-image.size-large,
.bn-content .wp-block-image.size-full { margin-left: -60px; margin-right: -60px; }
.bn-content figcaption,
.bn-content .wp-element-caption { margin-top: 10px; text-align: center; font: italic 15px var(--b-serif); color: var(--b-muted); }
.bn-content .wp-block-gallery {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px !important;
	margin: 2em -60px;
}
.bn-content .wp-block-gallery > figure { width: auto !important; margin: 0 !important; }
.bn-content .wp-block-gallery > figure:first-child:nth-last-child(odd) { grid-column: span 2; }
.bn-content .wp-block-gallery img { width: 100%; height: 100% !important; aspect-ratio: 3 / 2; object-fit: cover; }
.bn-content .wp-block-gallery > figure:first-child:nth-last-child(odd) img { aspect-ratio: 16 / 8; }
.bn-content iframe { max-width: 100%; }
.bn-content .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.bn-content .wp-block-embed__wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.bn-content .b-lb-thumb:hover { filter: brightness(1.05); }

.bn-single__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 56px;
	padding-top: 28px;
	border-top: 1px solid var(--b-line);
}
.bn-tags { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.bn-tags a { font: italic 17px var(--b-serif); color: var(--b-gold-dark); text-decoration: none; }
.bn-share { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.bn-share__label { margin-right: 6px; font: 600 11px var(--b-body); letter-spacing: .2em; text-transform: uppercase; color: var(--b-muted); }
.bn-share .bn-share__btn,
.bn-share button.bn-share__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--b-line-2);
	border-radius: 50%;
	background: transparent;
	color: var(--b-gold-dark);
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.bn-share .bn-share__btn:hover,
.bn-share button.bn-share__btn:focus-visible { background: var(--b-burgundy); border-color: var(--b-burgundy); color: #fff; }
.bn-share button.bn-share__btn:focus:not(:focus-visible) { background: transparent; color: var(--b-gold-dark); border-color: var(--b-line-2); }
.bn-share__copy.is-copied,
.bn-share button.bn-share__copy.is-copied { background: var(--b-gold); border-color: var(--b-gold); color: #fff; }
.bn-share__done {
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	padding: 5px 9px;
	background: var(--b-dark);
	color: #E6DCC8;
	font: 12px var(--b-body);
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease;
}
.is-copied .bn-share__done { opacity: 1; }

.bn-adjacent { border-top: 1px solid var(--b-line); border-bottom: 1px solid var(--b-line); background: var(--b-ivory); margin-top: 64px; }
.bn-adjacent__inner { display: grid; grid-template-columns: 1fr 1fr; }
.bn-adjacent__link {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 40px 48px 40px 0;
	text-decoration: none;
	color: var(--b-ink);
}
.bn-adjacent__link--next { padding: 40px 0 40px 48px; text-align: right; border-left: 1px solid var(--b-line); grid-column: 2; }
.bn-adjacent__dir { font: 600 11px var(--b-body); letter-spacing: .2em; text-transform: uppercase; color: var(--b-gold-dark); }
.bn-adjacent__title { font: 600 24px/1.2 var(--b-serif); transition: color .2s ease; }
.bn-adjacent__link:hover .bn-adjacent__title { color: var(--b-burgundy); }

.bn-related { padding: 100px 0 120px; }
.bn-related__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 44px; }
.bn-related__head > div { display: flex; flex-direction: column; gap: 12px; }
.bn-related__title { margin: 0; font: 600 48px/1.05 var(--b-serif); }

/* кратки код на насловној */
.bn-grid--embed { width: 100%; }

/* ---------- Прилагођавање ---------- */
@media (max-width: 1024px) {
	.bn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 24px; }
	.bn-card--feature { grid-template-columns: minmax(0, 1fr); }
	.bn-card--feature .bn-card__media { min-height: 0; aspect-ratio: 16 / 9; }
	.bn-card--feature .bn-card__body { padding: 36px 36px 40px; }
	.bn-hero__inner { flex-direction: column; align-items: flex-start; }
	.bn-search { flex-basis: auto; width: 100%; max-width: 420px; }
	.bn-content .wp-block-image.size-large,
	.bn-content .wp-block-image.size-full,
	.bn-content .wp-block-image.alignwide,
	.bn-content .wp-block-gallery { margin-left: 0; margin-right: 0; }
}
@media (max-width: 767px) {
	.bn-wrap { padding: 0 16px; }
	.bn-hero::before { width: 300px; height: 300px; right: -160px; margin-top: -150px; }
	.bn-hero::after { display: none; }
	.bn-hero__inner { gap: 28px; padding-top: 48px; padding-bottom: 44px; }
	.bn-hero__lead { font-size: 19px; }
	.bn-list { padding: 28px 0 72px; }
	.bn-toolbar { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 32px; padding-bottom: 0; border-bottom: 0; }
	.bn-filters { margin: 0 -16px; }
	.bn-filters ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 16px 6px;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
		mask-image: linear-gradient(to right, #000 calc(100% - 36px), transparent);
	}
	.bn-filters ul::-webkit-scrollbar { display: none; }
	.bn-count { font-size: 16px; }
	.bn-grid { grid-template-columns: minmax(0, 1fr); gap: 44px; }
	.bn-card--feature { margin-bottom: 48px; margin-left: -16px; margin-right: -16px; border-left: 0; border-right: 0; }
	.bn-card--feature .bn-card__body { padding: 28px 16px 32px; }
	.bn-card--feature .bn-date { left: 16px; }
	.bn-card__title { font-size: 25px; }
	.bn-pagination { margin-top: 48px; }
	.bn-pg__label { display: none; }
	.bn-single__headinner { padding-top: 40px; padding-bottom: 110px; gap: 16px; }
	.bn-single__meta { font-size: 17px; }
	.bn-single__figure { margin-top: -80px; padding: 0 16px; }
	.bn-single__figure::before { left: 28px; right: 4px; top: 12px; bottom: -12px; }
	.bn-single__body { padding: 56px 16px 24px; }
	.bn-content { font-size: 17px; line-height: 1.8; }
	.bn-content blockquote { padding-left: 20px; font-size: 22px; }
	.bn-content .wp-block-gallery { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px !important; }
	.bn-single__foot { flex-direction: column; align-items: flex-start; }
	.bn-share { margin-left: 0; }
	.bn-adjacent__inner { grid-template-columns: minmax(0, 1fr); }
	.bn-adjacent__link { padding: 28px 0; }
	.bn-adjacent__link--next { grid-column: 1; padding: 28px 0; border-left: 0; border-top: 1px solid var(--b-line); text-align: left; }
	.bn-adjacent__title { font-size: 21px; }
	.bn-related { padding: 64px 0 80px; }
	.bn-related__head { flex-direction: column; align-items: flex-start; margin-bottom: 32px; }
	.bn-related__title { font-size: 38px; }
}

/* Истакнути чланак: слика на тамној „сцени“ (галеријски), текст десно.
   Слика се никад не сече, а празнине око ње су део сцене - ради за сваки облик слике. */
.bn-card__head, .bn-card__rest { display: contents; }
.bn-card--feature { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); margin-bottom: 56px; }
.bn-card--feature .bn-card__media {
	display: flex; align-items: center; justify-content: center;
	min-height: 380px; aspect-ratio: auto; padding: 36px 40px;
	background: radial-gradient(60% 70% at 50% 45%, rgba(168, 139, 85, .22), transparent 70%), var(--b-dark, #1F1812);
}
.bn-card--feature .bn-card__media img.bn-img {
	position: relative; width: auto; height: auto; max-width: 100%; max-height: 440px;
	object-fit: contain; box-shadow: 0 22px 50px rgba(0, 0, 0, .45);
}
.bn-card--feature:hover .bn-card__media img.bn-img { transform: scale(1.02); }
.bn-card--feature .bn-date { z-index: 2; }
.bn-card--feature .bn-card__body { justify-content: center; gap: 16px; padding: 44px 48px; }
.bn-card--feature .bn-card__title { font-size: clamp(26px, 2.3vw, 32px); line-height: 1.12; }
.bn-card--feature .bn-card__excerpt { font-size: 15px; -webkit-line-clamp: 3; }
.bn-card--noimg { grid-template-columns: minmax(0, 1fr); }
.bn-card--noimg .bn-card__media { display: none; }

@media (max-width: 1024px) {
	.bn-card--feature { grid-template-columns: minmax(0, 1fr); }
	.bn-card--feature .bn-card__media { min-height: 0; padding: 28px 20px; }
	.bn-card--feature .bn-card__media img.bn-img { max-height: 420px; }
	.bn-card--feature .bn-card__body { padding: 30px 26px 34px; }
}

/* Истакнути чланак: слика 3:2 попуњава цео простор, са украсним златним оквиром (1.24.6) */
.bn-card--feature .bn-card__media { position: relative; display: block; padding: 0; min-height: 0; aspect-ratio: 3 / 2; background: var(--b-dark, #1F1812); overflow: hidden; }
.bn-card--feature .bn-card__media img.bn-img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; box-shadow: none; }
.bn-card--feature .bn-card__media::after { content: ""; position: absolute; inset: 14px; z-index: 1; border: 1px solid rgba(232, 214, 170, .75); box-shadow: inset 0 0 0 5px rgba(31, 24, 18, .18), inset 0 0 0 6px rgba(232, 214, 170, .4); pointer-events: none; }
.bn-card--feature .bn-card__media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(31, 24, 18, .18), transparent 30%, transparent 75%, rgba(31, 24, 18, .22)); pointer-events: none; }
.bn-card--feature .bn-date { z-index: 3; left: 36px; }
.bn-card--feature:hover .bn-card__media img.bn-img { transform: scale(1.03); }
@media (max-width: 1024px) {
	.bn-card--feature .bn-card__media { padding: 0; }
	.bn-card--feature .bn-card__media::after { inset: 10px; }
	.bn-card--feature .bn-date { left: 24px; }
}

/* Насловна слика чланка: 3:2 преко целе ширине, са украсним златним оквиром (као истакнути чланак) */
.bn-single__frame { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--b-dark, #1F1812); box-shadow: 0 30px 60px rgba(31, 24, 18, .18); }
.bn-single__frame .bn-single__img { position: absolute; inset: 0; width: 100%; height: 100%; max-height: none; object-fit: cover; }
.bn-single__frame::after { content: ""; position: absolute; inset: 18px; z-index: 1; border: 1px solid rgba(232, 214, 170, .75); box-shadow: inset 0 0 0 6px rgba(31, 24, 18, .18), inset 0 0 0 7px rgba(232, 214, 170, .4); pointer-events: none; }
@media (max-width: 767px) {
	.bn-single__frame::after { inset: 10px; box-shadow: inset 0 0 0 4px rgba(31, 24, 18, .18), inset 0 0 0 5px rgba(232, 214, 170, .4); }
}
.bn-single__figure:has(.bn-single__frame)::before { display: none; }

/* Све картице новости (насловна, листа, сродни чланци): слика 3:2, иста као истакнута */
.bn-card:not(.bn-card--feature) .bn-card__media { aspect-ratio: 3 / 2; }