/* WP archives reuse /carti/ list-hero pattern (subset). */

body.has-bn-wp-nav:has(.bn-list-hero) .bn-wp-nav__offset {
	display: none;
	height: 0 !important;
}

body.has-bn-wp-nav:has(.bn-list-hero) .bn-wp-nav {
	border-bottom-color: transparent;
	box-shadow: none;
}

.bn-list-hero {
	--bn-hero-pad-y: 2.25rem;
	/* Visible band below the nav (not including nav/padding clearance). */
	--bn-hero-min-h: clamp(15rem, 38vh, 20rem);
	--bn-hero-nav-clear: 0px;
	position: relative;
	isolation: isolate;
	/* visible so filter dropdowns are not clipped */
	overflow: visible;
	/* keep open panels above following main content */
	z-index: 30;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	box-sizing: border-box;
	/* border-box: add pads back into min-height or the band collapses into a strip */
	min-height: calc(var(--bn-hero-min-h) + var(--bn-hero-nav-clear) + (2 * var(--bn-hero-pad-y)));
	margin-top: 0;
	padding: var(--bn-hero-pad-y) 0;
	text-align: center;
	color: #fff;
	/* match veil bottom — any subpixel leak must not show lighter #3e4a64 or raw image */
	background: #222a3a;
	box-shadow: inset 0 -4px 0 0 #222a3a;
}

.bn-site-main.bn-archive {
	position: relative;
	z-index: 1;
}

body.has-bn-wp-nav .bn-list-hero {
	margin-top: -1px;
	/*
	 * Fixed nav clearance — do NOT bind to JS --bn-wp-nav-offset.
	 * fonts.ready / load used to rewrite that var and push the page down on every F5.
	 * Content pad above equals pad below.
	 */
	--bn-hero-nav-clear: calc(4.35rem + 1px);
	padding: calc(var(--bn-hero-nav-clear) + var(--bn-hero-pad-y)) 0 var(--bn-hero-pad-y);
}

.bn-list-hero__media,
.bn-list-hero__veil {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	pointer-events: none;
}

.bn-list-hero__media {
	bottom: 0;
	z-index: -2;
	overflow: hidden;
	border-radius: inherit;
	background-color: #222a3a;
	background-image: var(--bn-hero-image, url("/assets/img/heroes/hero-carti.jpg?v=2"));
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* no scale() — it bled un-veiled image past the hero edge on some widths */
}

.bn-list-hero__veil {
	/* 1px past media so fractional bottoms never leave an unveiled image row */
	bottom: -1px;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(34, 42, 58, 0.82) 0%, rgba(34, 42, 58, 0.62) 28%, rgba(34, 42, 58, 0.72) 55%, rgba(34, 42, 58, 0.92) 88%, #222a3a 100%),
		radial-gradient(ellipse 70% 55% at 50% 35%, rgba(191, 93, 84, 0.16), transparent 62%);
}

/* Solid seam at hero bottom — hides subpixel naked-image strips on some widths */
.bn-list-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 5px;
	background: #222a3a;
	z-index: 0;
	pointer-events: none;
}

.bn-list-hero--recenzii,
.bn-list-hero--archive {
	--bn-hero-image: url("/assets/img/heroes/hero-carti.jpg?v=2");
}

.bn-list-hero--autori,
.bn-list-hero--author {
	--bn-hero-image: url("/assets/img/heroes/hero-autori.jpg?v=2");
}

/* Redactor profile archive — profile lives in the hero */
.bn-list-hero--author {
	--bn-hero-min-h: clamp(17rem, 42vh, 23rem);
	--bn-hero-pad-y: 2.5rem;
}

.bn-list-hero--author .bn-list-hero__inner {
	max-width: 40rem;
}

.bn-author-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.bn-author-hero__avatar {
	width: 5.5rem;
	height: 5.5rem;
	margin: 0 0 1rem;
	overflow: hidden;
	border-radius: 50%;
	box-shadow:
		0 0 0 3px rgba(255, 255, 255, 0.22),
		0 12px 28px rgba(0, 0, 0, 0.28);
	background: rgba(255, 255, 255, 0.12);
}

.bn-author-hero__photo,
.bn-author-hero__avatar img {
	display: block;
	width: 5.5rem;
	height: 5.5rem;
	max-width: 5.5rem;
	object-fit: cover;
	border-radius: 50%;
}

.bn-author-hero__role {
	margin: 0 0 0.35rem;
	color: rgba(255, 255, 255, 0.72);
	font: 600 0.72rem/1.3 "Open Sans", sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.bn-author-hero__name {
	margin: 0 0 0.65rem;
	color: #fff;
	font: italic 800 clamp(2.05rem, 4vw, 2.85rem)/1.12 "Sansita", sans-serif;
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.bn-author-hero__lead {
	max-width: 34rem;
	margin: 0 auto 0.95rem;
	color: rgba(255, 255, 255, 0.9);
	font: 400 1.02rem/1.6 "Open Sans", sans-serif;
}

.bn-author-hero__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.35rem 0.55rem;
	margin: 0 0 1rem;
	color: rgba(255, 255, 255, 0.78);
	font: 400 0.88rem/1.4 "Open Sans", sans-serif;
}

.bn-author-hero__meta-sep {
	opacity: 0.45;
}

.bn-author-hero__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.75rem 1rem;
}

.bn-author-hero__social {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.45rem;
}

.bn-author-hero__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.28);
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font-size: 0.85rem;
	line-height: 1;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.bn-author-hero__social-link:hover {
	background: #bf5d54;
	border-color: #bf5d54;
	color: #fff;
	transform: translateY(-1px);
}

.bn-author-hero__blog {
	color: rgba(255, 255, 255, 0.88);
	font: 500 0.88rem/1.4 "Open Sans", sans-serif;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.bn-author-hero__blog:hover {
	color: #fff;
	border-bottom-color: rgba(255, 255, 255, 0.75);
}

@media (max-width: 560px) {
	.bn-list-hero--author {
		--bn-hero-pad-y: 2rem;
	}

	.bn-author-hero__avatar,
	.bn-author-hero__photo,
	.bn-author-hero__avatar img {
		width: 4.5rem;
		height: 4.5rem;
		max-width: 4.5rem;
	}

	.bn-author-hero__lead {
		font-size: 0.95rem;
	}
}

.bn-list-hero--tag {
	--bn-hero-image: url("/assets/img/heroes/hero-edituri.jpg?v=2");
}

.bn-list-hero--topcarti {
	--bn-hero-image: url("/assets/img/heroes/hero-carti.jpg?v=2");
}

.bn-list-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 44rem;
	margin: 0 auto;
	padding: 0 1rem;
	box-sizing: border-box;
}

.bn-list-hero h1 {
	margin: 0 0 0.75rem;
	color: #fff;
	font: italic 800 clamp(2.15rem, 4.2vw, 2.95rem)/1.15 "Sansita", sans-serif;
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.bn-list-hero .bn-carti-lead {
	max-width: 38rem;
	margin: 0 auto 1rem;
	font: 400 1.05rem/1.65 "Open Sans", sans-serif;
	color: rgba(255, 255, 255, 0.9);
}

.bn-list-hero .bn-carti-search {
	display: flex;
	max-width: 32rem;
	width: 100%;
	margin: 1.35rem auto 0;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

.bn-list-hero .bn-carti-search input[type="text"],
.bn-list-hero .bn-carti-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	border: 0 !important;
	outline: none;
	box-shadow: none !important;
	padding: 0.85rem 1.1rem;
	font: 400 1rem/1.4 "Open Sans", sans-serif;
	color: #3e4a64;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.bn-list-hero .bn-carti-search button {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 3.1rem;
	border: 0;
	padding: 0 1.15rem;
	background: #bf5d54;
	color: #fff;
	cursor: pointer;
	transition: background 0.2s ease;
}

.bn-list-hero .bn-carti-search button:hover {
	background: #3e4a64;
}

.bn-list-hero .bn-carti-search__icon {
	display: block;
	width: 1.15rem;
	height: 1.15rem;
}

.bn-list-hero .bn-carti-search__clear {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: 1.55rem;
	height: 1.55rem;
	margin: 0 0.15rem 0 0;
	border-radius: 999px;
	color: #5a6478;
	font: 600 1.15rem/1 "Open Sans", sans-serif;
	text-decoration: none;
	background: transparent;
	transition: color 0.15s ease, background 0.15s ease;
}

.bn-list-hero .bn-carti-search__clear:hover,
.bn-list-hero .bn-carti-search__clear:focus {
	color: #3E4A64;
	background: rgba(62, 74, 100, 0.08);
	outline: none;
}

.bn-list-hero .bn-carti-search--has-clear input[type="search"] {
	padding-right: 0.35rem;
}

.bn-list-hero .bn-topcarti-kw-active {
	margin: 0.75rem 0 0;
	color: rgba(255, 255, 255, 0.88);
	font: 400 0.95rem/1.4 "Open Sans", sans-serif;
}

/* Compact category search above filters */
.bn-list-hero__search {
	position: relative;
	z-index: 41;
	width: min(28rem, calc(100% - 1.5rem));
	margin: 0.85rem auto 0;
	box-sizing: border-box;
}

.bn-list-hero__search-form {
	margin: 0;
	padding: 0;
}

.bn-list-hero .bn-carti-search--compact {
	max-width: none;
	width: 100%;
	margin: 0;
	height: 2.45rem;
	min-height: 2.45rem;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.bn-list-hero .bn-carti-search--compact input[type="text"],
.bn-list-hero .bn-carti-search--compact input[type="search"] {
	padding: 0 0.95rem;
	font-size: 0.9rem;
	line-height: 1.2;
	height: 100%;
}

.bn-list-hero .bn-carti-search--compact button {
	min-width: 2.55rem;
	padding: 0 0.9rem;
	height: 100%;
}

.bn-list-hero .bn-carti-search--compact .bn-carti-search__icon {
	width: 1.05rem;
	height: 1.05rem;
}

/* Review filters / subnav docked in hero */
.bn-list-hero__tools {
	position: relative;
	z-index: 40;
	width: min(1120px, calc(100% - 1.5rem));
	margin: 0.75rem auto 0;
	box-sizing: border-box;
	text-align: left;
	overflow: visible;
}

.bn-list-hero__tools .bn-review-filters {
	--bn-rf-fs: 0.82rem;
	--bn-rf-fs-label: 0.62rem;
	--bn-rf-fs-chip: 0.72rem;
	--bn-rf-pad-y: 0.42rem;
	--bn-rf-pad-x: 0.7rem;
	--bn-rf-min-h: 2.2rem;
	width: 100%;
	margin: 0;
	overflow: visible;
	z-index: 40;
}

.bn-list-hero__tools .bn-review-filters__sticky {
	position: relative;
	top: auto;
	background: transparent;
	padding: 0;
	overflow: visible;
	z-index: 40;
}

.bn-list-hero__tools .bn-review-filters .bn-cat-picker,
.bn-list-hero__tools .bn-review-filters .bn-review-filters__control,
.bn-list-hero__tools .bn-review-filters__more {
	overflow: visible;
}

/* Content-sized pills — override plugin ≤1100 1fr/1fr grid that stretched Gen */
.bn-list-hero__tools .bn-review-filters__bar {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	align-items: flex-start !important; /* avoid giant stretched Sort when Gen opens */
	gap: 0.4rem;
	overflow: visible;
	grid-template-columns: none !important;
}

/* Hero: force overlay dropdowns (plugin had in-flow panels ≤1100) */
.bn-list-hero__tools .bn-review-filters__control .bn-cat-picker__panel,
.bn-list-hero__tools .bn-cat-picker__panel,
.bn-list-hero__tools .bn-review-filters__panel {
	position: absolute !important;
	top: calc(100% + 0.35rem) !important;
	margin-top: 0 !important;
	width: min(22rem, calc(100vw - 2rem)) !important;
	max-width: calc(100vw - 2rem) !important;
	z-index: 130 !important;
}

.bn-list-hero__tools .bn-review-filters__control .bn-cat-picker__panel,
.bn-list-hero__tools .bn-review-filters__control--gen .bn-cat-picker__panel {
	left: 0 !important;
	right: auto !important;
}

.bn-list-hero__tools .bn-review-filters__control--sort .bn-cat-picker__panel {
	left: auto !important;
	right: 0 !important;
}

.bn-list-hero__tools .bn-review-filters__panel {
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%);
}

.bn-list-hero__tools .bn-review-filters .bn-cat-picker,
.bn-list-hero__tools .bn-review-filters .bn-review-filters__control,
.bn-list-hero__tools .bn-review-filters__more {
	flex: 0 1 auto !important;
	width: max-content !important;
	max-width: min(100%, 20rem) !important;
	min-width: 0 !important;
	grid-column: auto !important;
}

.bn-list-hero__tools .bn-review-filters__control--sort {
	max-width: 11.5rem !important;
}

/* Dropdown text matches filter button size */
.bn-list-hero__tools .bn-cat-picker__panel,
.bn-list-hero__tools .bn-review-filters__panel {
	font-size: var(--bn-rf-fs);
}

.bn-list-hero__tools .bn-cat-picker__option,
.bn-list-hero__tools .bn-cat-picker__option-name,
.bn-list-hero__tools .bn-cat-picker__option-count,
.bn-list-hero__tools .bn-cat-picker__search,
.bn-list-hero__tools .bn-review-filters__field label,
.bn-list-hero__tools .bn-review-filters__field-label,
.bn-list-hero__tools .bn-review-filters__field input,
.bn-list-hero__tools .bn-review-filters__field select,
.bn-list-hero__tools .bn-review-filters__nota-manual-label,
.bn-list-hero__tools .bn-review-filters__nota-chip,
.bn-list-hero__tools .bn-review-filters__suggest-option,
.bn-list-hero__tools .bn-review-filters__suggest-name,
.bn-list-hero__tools .bn-review-filters__apply,
.bn-list-hero__tools .bn-review-filters__reset-more {
	font-size: var(--bn-rf-fs) !important;
}

.bn-list-hero__tools .bn-cat-subnav {
	border-top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.bn-list-hero__tools .bn-review-filters .bn-cat-picker__toggle,
.bn-list-hero__tools .bn-review-filters__more-toggle {
	width: auto !important;
	max-width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	color: #3e4a64;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
	font-size: var(--bn-rf-fs);
}

.bn-list-hero__tools .bn-review-filters .bn-cat-picker__toggle:hover,
.bn-list-hero__tools .bn-review-filters__more-toggle:hover,
.bn-list-hero__tools .bn-review-filters__more[open] > .bn-review-filters__more-toggle {
	background: #fff;
	border-color: rgba(255, 255, 255, 0.55);
}

.bn-list-hero__tools .bn-review-filters .bn-cat-picker.is-open,
.bn-list-hero__tools .bn-review-filters .bn-review-filters__control.is-open,
.bn-list-hero__tools .bn-review-filters .bn-cat-picker:has(> .bn-cat-picker__details[open]),
.bn-list-hero__tools .bn-review-filters .bn-review-filters__control:has(> .bn-cat-picker__details[open]),
.bn-list-hero__tools .bn-review-filters__more[open],
.bn-list-hero__tools .bn-review-filters__more.is-open {
	z-index: 120;
}

.bn-list-hero__tools .bn-review-filters__control .bn-cat-picker__panel,
.bn-list-hero__tools .bn-review-filters__panel,
.bn-list-hero__tools .bn-cat-picker__panel {
	z-index: 130 !important;
}

.bn-list-hero__tools .bn-review-filters__chips {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-items: center;
	gap: 0.4rem;
	width: 100%;
	margin: 0.65rem auto 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}

.bn-list-hero__tools .bn-review-filters__chip,
.bn-list-hero__tools .bn-review-filters__clear {
	/* !important — base booknation.css uses dark !important colors */
	background: rgba(255, 255, 255, 0.18) !important;
	border-color: rgba(255, 255, 255, 0.42) !important;
	color: #fff !important;
	font-size: var(--bn-rf-fs-chip);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.bn-list-hero__tools .bn-review-filters__chip:hover,
.bn-list-hero__tools .bn-review-filters__clear:hover {
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}

.bn-list-hero__tools .bn-review-filters__clear {
	margin-left: 0;
	text-decoration: underline !important;
	text-underline-offset: 0.12em;
}

.bn-list-hero__desc {
	position: relative;
	z-index: 1;
	width: min(44rem, calc(100% - 1.5rem));
	margin: 1rem auto 0;
	padding: 0;
	box-sizing: border-box;
	color: rgba(255, 255, 255, 0.9);
	font: 400 0.95rem/1.6 "Open Sans", sans-serif;
	text-align: center;
}

.bn-list-hero__desc p {
	margin: 0 0 0.65rem;
}

.bn-list-hero__desc p:last-child {
	margin-bottom: 0;
}

.bn-list-hero__desc a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

.bn-list-hero__desc a:hover {
	color: #f3d0cc;
}

.bn-list-hero__cta {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	margin: 1.15rem auto 0.15rem;
	padding: 0 0.75rem;
}

@media (min-width: 768px) {
	.bn-list-hero {
		--bn-hero-min-h: clamp(17rem, 40vh, 22rem);
	}
}

@media (min-width: 992px) {
	.bn-list-hero {
		--bn-hero-min-h: clamp(18rem, 42vh, 24rem);
	}
}

@media (max-width: 991px) {
	.bn-list-hero {
		--bn-hero-pad-y: 2rem;
	}

	body.has-bn-wp-nav .bn-list-hero {
		--bn-hero-nav-clear: calc(3.85rem + 1px);
		padding: calc(var(--bn-hero-nav-clear) + var(--bn-hero-pad-y)) 0 var(--bn-hero-pad-y);
	}
}

@media (max-width: 767px) {
	.bn-list-hero {
		--bn-hero-pad-y: 1.85rem;
		--bn-hero-min-h: clamp(14rem, 40vh, 18rem);
		padding: var(--bn-hero-pad-y) 0;
	}

	body.has-bn-wp-nav .bn-list-hero {
		--bn-hero-nav-clear: calc(3.85rem + 1px);
		padding: calc(var(--bn-hero-nav-clear) + var(--bn-hero-pad-y)) 0 var(--bn-hero-pad-y);
	}
}

/* —— Single article heroes (same band as categories / promo) —— */
.bn-list-hero--review,
.bn-list-hero--carte {
	--bn-hero-image: url("/assets/img/heroes/hero-carti.jpg?v=2");
	--bn-hero-min-h: clamp(16rem, 40vh, 22rem);
	text-align: left;
}

/* Vertical only — keep Bootstrap .container left/right padding for readable gutters */
.page-carte .bn-carte-prices {
	padding-top: 1.25rem;
	padding-bottom: 0.5rem;
}

.page-carte .container.bn-carte-prices {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

/* Hash links to comparator must clear the sticky WP nav */
html:has(body.page-carte) {
	scroll-padding-top: calc(var(--bn-wp-nav-offset, 3.75rem) + 0.85rem);
}

html:has(body.page-carte.admin-bar) {
	scroll-padding-top: calc(
		var(--bn-wp-nav-offset, 3.75rem) + var(--wp-admin--admin-bar--height, 32px) + 0.85rem
	);
}

@media screen and (max-width: 782px) {
	html:has(body.page-carte.admin-bar) {
		scroll-padding-top: calc(
			var(--bn-wp-nav-offset, 3.75rem) + var(--wp-admin--admin-bar--height, 46px) + 0.85rem
		);
	}
}

.page-carte #celmaimicpret,
.page-carte #preturile,
.bn-list-hero--carte .bn-single-hero__prices {
	scroll-margin-top: calc(var(--bn-wp-nav-offset, 3.75rem) + 0.85rem);
}

body.admin-bar.page-carte #celmaimicpret,
body.admin-bar.page-carte #preturile,
body.admin-bar .bn-list-hero--carte .bn-single-hero__prices {
	scroll-margin-top: calc(
		var(--bn-wp-nav-offset, 3.75rem) + var(--wp-admin--admin-bar--height, 32px) + 0.85rem
	);
}

@media screen and (max-width: 782px) {
	body.admin-bar.page-carte #celmaimicpret,
	body.admin-bar.page-carte #preturile,
	body.admin-bar .bn-list-hero--carte .bn-single-hero__prices {
		scroll-margin-top: calc(
			var(--bn-wp-nav-offset, 3.75rem) + var(--wp-admin--admin-bar--height, 46px) + 0.85rem
		);
	}
}

/* /carti/ detail: facts left + cover right (like reviews); comparator below */
.bn-list-hero--carte {
	--bn-hero-min-h: 0;
	--bn-hero-pad-y: 1.75rem;
}

/* Author / publisher detail: same band height whether or not a cover/logo is present. */
body.page-autor .bn-list-hero.bn-list-hero--carte,
body.page-editura .bn-list-hero.bn-list-hero--carte {
	--bn-hero-min-h: 11.5rem;
	--bn-hero-pad-y: 2.35rem;
	text-align: left;
	overflow: visible;
}

body.has-bn-wp-nav.page-autor .bn-list-hero.bn-list-hero--carte,
body.has-bn-wp-nav.page-editura .bn-list-hero.bn-list-hero--carte {
	--bn-hero-nav-clear: calc(4.35rem + 1px);
	margin-top: -1px;
	padding: calc(var(--bn-hero-nav-clear) + var(--bn-hero-pad-y)) 0 var(--bn-hero-pad-y);
}

body.page-autor .bn-list-hero--carte {
	--bn-hero-image: url("/assets/img/heroes/hero-autori.jpg?v=2");
}

body.page-editura .bn-list-hero--carte {
	--bn-hero-image: url("/assets/img/heroes/hero-edituri.jpg?v=2");
}

.bn-list-hero--carte .bn-single-hero__inner {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
	align-items: stretch;
	width: min(1120px, calc(100% - 1.5rem));
}

.bn-list-hero--carte .bn-single-hero__top {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: center;
}

.bn-list-hero--carte .bn-single-hero__cover {
	margin: 0;
	justify-self: center;
	max-width: min(160px, 42vw);
	width: auto;
	overflow: visible;
	line-height: 0;
	background: transparent;
}

.bn-list-hero--carte .bn-single-hero__cover img {
	display: block;
	width: auto;
	height: auto;
	max-width: min(160px, 42vw);
	max-height: min(240px, 42vh);
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.32));
}

.bn-list-hero--carte .bn-single-hero__title {
	font-size: clamp(1.45rem, 3.2vw, 2.1rem);
}

.bn-list-hero--carte .bn-single-hero__sublink {
	margin: 0.35rem 0 0;
	font: 600 0.82rem/1.4 "Open Sans", sans-serif;
}

.bn-list-hero--carte .bn-single-hero__sublink a {
	color: rgba(255, 255, 255, 0.88) !important;
	text-decoration: none !important;
}

.bn-list-hero--carte .bn-single-hero__sublink a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

/* /carti/.../pdf/: hero focused on PDF CTA click (comparator + print link below) */
.bn-list-hero--carte-pdf .bn-single-hero__cta--pdf {
	margin-top: 1rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}

.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf {
	min-height: 3rem;
	padding: 0.7rem 1.45rem;
	font-size: 1.02rem;
	border-radius: 8px;
	background: #fff;
	border-color: rgba(255, 255, 255, 0.55);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.26);
	gap: 0.55rem;
}

.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf .fa-file-pdf {
	font-size: 1.15rem;
	line-height: 1;
	color: #bf5d54;
}

.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf:hover,
.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf:focus-visible {
	background: #fff;
	color: #bf5d54 !important;
	transform: translateY(-1px);
}

.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf:hover .fa-file-pdf,
.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf:focus-visible .fa-file-pdf {
	color: #a74a42;
}

@media (max-width: 767px) {
	.bn-list-hero--carte-pdf .bn-single-hero__cta--pdf {
		align-items: center;
		width: 100%;
	}

	.bn-list-hero--carte-pdf .bn-single-hero__btn--pdf {
		width: 100%;
		max-width: 24rem;
	}
}

.bn-list-hero--carte .bn-single-hero__prices {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 0.85rem 0.95rem 1rem;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
	color: #1d2327;
	box-sizing: border-box;
}

.bn-list-hero--carte .bn-single-hero__prices-label {
	margin: 0 0 0.65rem;
	font: 800 0.95rem/1.3 "Open Sans", sans-serif;
	color: #1d2327;
}

.bn-list-hero--carte .bn-single-hero__prices #preturile {
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	text-align: left;
	overflow-x: hidden;
	box-sizing: border-box;
}

.bn-list-hero--carte .bn-single-hero__prices #preturile > h2 {
	display: none;
}

.bn-list-hero--carte .bn-single-hero__prices .prices-table {
	width: 100%;
	margin: 0 !important;
	border-collapse: separate;
	border-spacing: 0;
}

.bn-list-hero--carte .bn-prices-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	min-height: 4.5rem;
	padding: 0.85rem 0.5rem;
	color: #3e4a64;
	font: 600 0.9rem/1.35 "Open Sans", sans-serif;
}

.bn-list-hero--carte .bn-prices-spinner {
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	border: 2.5px solid rgba(62, 74, 100, 0.18);
	border-top-color: #bf5d54;
	border-radius: 50%;
	animation: bn-prices-spin 0.7s linear infinite;
	flex: 0 0 auto;
}

@keyframes bn-prices-spin {
	to { transform: rotate(360deg); }
}

.bn-list-hero--carte .bn-prices-error {
	margin: 0.5rem 0;
	color: #b32d2e;
	font: 600 0.9rem/1.4 "Open Sans", sans-serif;
	text-align: center;
}

@media (min-width: 768px) {
	.bn-list-hero--carte .bn-single-hero__prices .prices-table .small_td {
		padding-right: 0.85rem !important;
	}

	.bn-list-hero--carte .bn-single-hero__prices .prices-table tr {
		gap: 0.85rem;
	}
}

@media (max-width: 767px) {
	.bn-list-hero--carte .bn-single-hero__prices #preturile {
		padding: 0 !important;
	}

	.bn-list-hero--carte .bn-single-hero__prices .prices-table .book-title,
	.bn-list-hero--carte .bn-single-hero__prices .prices-table .book-title a {
		font-size: 0.72rem !important;
		line-height: 1.25 !important;
	}
}

@media (min-width: 768px) {
	.bn-list-hero--carte.bn-single-hero--has-cover .bn-single-hero__top {
		grid-template-columns: minmax(0, 1fr) 180px;
		gap: 1.5rem;
		align-items: center;
	}

	.bn-list-hero--carte .bn-single-hero__cover {
		justify-self: center;
		max-width: 160px;
	}

	.bn-list-hero--carte .bn-single-hero__cover img {
		width: auto;
		height: auto;
		max-width: 160px;
		max-height: 240px;
		object-fit: contain;
	}
}

@media (max-width: 767px) {
	.bn-list-hero--carte .bn-single-hero__top {
		justify-items: center;
		text-align: center;
	}

	.bn-list-hero--carte .bn-single-hero__cover {
		justify-self: center;
		max-width: 130px;
	}

	.bn-list-hero--carte .bn-single-hero__cover img {
		width: auto;
		height: auto;
		max-width: 130px;
		max-height: 195px;
		object-fit: contain;
	}

	.bn-list-hero--carte .bn-single-hero__chips {
		justify-content: center;
	}
}

.bn-list-hero--lumea,
.bn-list-hero--interview {
	--bn-hero-image: url("/assets/img/heroes/hero-autori.jpg?v=2");
	--bn-hero-min-h: clamp(16rem, 40vh, 22rem);
	text-align: left;
}

.bn-single-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 1.5rem;
	align-items: center;
	width: min(1120px, calc(100% - 1.5rem));
	margin: 0 auto;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.bn-single-hero--has-cover .bn-single-hero__inner {
		grid-template-columns: 1.2fr 0.8fr;
		gap: 2rem;
	}

	/* Reviews: tight cover column like prezentări /carte. */
	.bn-list-hero--review.bn-single-hero--has-cover .bn-single-hero__inner {
		grid-template-columns: minmax(0, 1fr) 180px;
		gap: 1.5rem;
		align-items: center;
	}

	/* /carti/: keep column flex (top + prices); do not use review 2-col grid */
	.bn-list-hero--carte.bn-single-hero--has-cover .bn-single-hero__inner {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		gap: 1.15rem;
	}
}

.bn-single-hero__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 0.65rem;
}

.bn-single-hero__badges .bn-single-hero__badge {
	margin: 0;
}

.bn-single-hero__badge {
	display: inline-flex;
	align-items: center;
	margin: 0 0 0.65rem;
	padding: 0.22rem 0.65rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	background: rgba(255, 255, 255, 0.12);
	color: rgba(255, 255, 255, 0.92) !important;
	font: 700 0.68rem/1.2 "Open Sans", sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
}

a.bn-single-hero__badge:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}

.bn-single-hero__title {
	margin: 0 0 0.4rem;
	color: #fff;
	font: italic 800 clamp(1.85rem, 4vw, 2.65rem)/1.12 "Sansita", sans-serif;
	text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.bn-single-hero__byline {
	margin: 0 0 0.65rem;
	color: rgba(255, 255, 255, 0.88);
	font: 400 1rem/1.4 "Open Sans", sans-serif;
}

.bn-single-hero__byline a {
	color: #fff !important;
	text-decoration: none !important;
}

.bn-single-hero__byline a:hover {
	text-decoration: underline !important;
}

.bn-single-hero__byline strong {
	font-weight: 700;
	color: #fff;
}

.bn-single-hero__sep {
	color: rgba(255, 255, 255, 0.45);
}

.bn-single-hero__lead {
	margin: 0 0 0.75rem;
	max-width: 38rem;
	color: rgba(255, 255, 255, 0.9);
	font: 400 0.95rem/1.55 "Open Sans", sans-serif;
}

.bn-single-hero__lead a {
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	text-underline-offset: 2px;
}

.bn-single-hero__lead a:hover {
	text-decoration: underline !important;
}

.bn-single-hero__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin: 0 0 0.9rem;
	padding: 0;
	list-style: none;
}

.bn-single-hero__chip {
	display: inline-flex;
	align-items: baseline;
	gap: 0.28rem;
	max-width: 100%;
	padding: 0.18rem 0.5rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	line-height: 1.2;
}

.bn-single-hero__chip-k {
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
	white-space: nowrap;
}

.bn-single-hero__chip-v {
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.bn-single-hero__chip-v a {
	color: #fff !important;
	text-decoration: none !important;
	text-underline-offset: 2px;
}

.bn-single-hero__chip-v a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

.bn-single-hero__byline .bn-single-hero__views {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	vertical-align: -0.12em;
	padding: 0.12rem 0.45rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	white-space: nowrap;
	line-height: 1;
}

.bn-single-hero__views-ico {
	display: block;
	width: 0.9rem;
	height: 0.9rem;
	flex: 0 0 auto;
	opacity: 0.9;
}

.bn-single-hero__views-n {
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
	line-height: 1;
}

.bn-single-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

.bn-single-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.2rem;
	padding: 0.42rem 0.95rem;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 999px;
	box-sizing: border-box;
	font-family: "Open Sans", sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.bn-single-hero__btn--primary {
	background: rgba(255, 255, 255, 0.94);
	color: #3e4a64 !important;
}

.bn-single-hero__btn--primary:hover,
.bn-single-hero__btn--primary:focus-visible {
	background: #fff;
	border-color: rgba(255, 255, 255, 0.55);
	color: #bf5d54 !important;
}

.bn-single-hero__btn--ghost {
	border-color: rgba(255, 255, 255, 0.45);
	color: #fff !important;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}

.bn-single-hero__btn--ghost:hover,
.bn-single-hero__btn--ghost:focus-visible {
	border-color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.2);
	color: #fff !important;
}

.bn-single-hero__cover {
	margin: 0;
	justify-self: center;
	width: auto;
	max-width: min(280px, 55vw);
	background: transparent;
	line-height: 0;
}

.bn-list-hero--review .bn-single-hero__cover {
	max-width: min(160px, 42vw);
	overflow: visible;
}

.bn-single-hero__cover a {
	display: inline-block;
	max-width: 100%;
	text-decoration: none;
	line-height: 0;
}

/* Keep original aspect; constrain only with max sizes (portrait + landscape). */
.bn-single-hero__cover img {
	display: block;
	width: auto;
	height: auto;
	max-width: min(280px, 55vw);
	max-height: min(420px, 58vh);
	object-fit: contain;
	background: transparent;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	filter: drop-shadow(0 14px 28px rgba(0, 0, 0, 0.35));
}

/* Review covers match prezentări /carte size. */
.bn-list-hero--review .bn-single-hero__cover img {
	max-width: min(160px, 42vw);
	max-height: min(240px, 42vh);
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.32));
}

@media (min-width: 768px) {
	.bn-list-hero--review .bn-single-hero__cover {
		max-width: 160px;
	}

	.bn-list-hero--review .bn-single-hero__cover img {
		max-width: 160px;
		max-height: 240px;
	}
}

@media (max-width: 767px) {
	.bn-list-hero--review .bn-single-hero__cover {
		max-width: 130px;
	}

	.bn-list-hero--review .bn-single-hero__cover img {
		max-width: 130px;
		max-height: 195px;
	}
}

@media (max-width: 767px) {
	.bn-single-hero__inner {
		text-align: center;
	}

	.bn-single-hero__badges {
		justify-content: center;
	}

	.bn-single-hero__lead,
	.bn-single-hero__chips {
		margin-left: auto;
		margin-right: auto;
	}

	.bn-single-hero__chips {
		justify-content: center;
	}

	.bn-single-hero__cta {
		justify-content: center;
	}
}