/*
 * Book detail pages (Srce, Vinjete, Kardio kuvar).
 */

.zj-book-hero {
	padding: clamp(64px, 8vw, 120px) 0 clamp(40px, 6vw, 96px);
	background: linear-gradient(180deg, var(--paper-2) 0, var(--paper) 100%);
	border-bottom: 1px solid var(--line);
}
.zj-book-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--s-8);
	align-items: center;
}
@media (min-width: 860px) {
	.zj-book-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--s-10); }
}
.zj-book-hero__title {
	font-size: clamp(2.4rem, 5.5vw, 4.6rem);
	font-weight: 350;
	line-height: 1.02;
	letter-spacing: -0.025em;
	margin: var(--s-3) 0 var(--s-4);
	font-variation-settings: "opsz" 144;
	max-width: 14ch;
}
.zj-book-hero__sub {
	font-size: clamp(1.1rem, 1.5vw, 1.3rem);
	color: var(--ink-soft);
	max-width: 50ch;
	margin: 0 0 var(--s-4);
	font-style: italic;
	font-family: var(--font-body);
}
.zj-book-hero__meta {
	font-family: var(--font-sans);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ink-muted);
	margin: 0 0 var(--s-6);
	padding-top: var(--s-4);
	border-top: 1px solid var(--line);
}
.zj-book-hero__actions { display: flex; flex-wrap: wrap; gap: var(--s-3); }

.zj-book-hero__cover {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.zj-book-hero__cover::after {
	content: "";
	position: absolute;
	left: 10%; right: 10%; bottom: -8px;
	height: 18px;
	background: rgba(20,24,33,0.25);
	filter: blur(16px);
	border-radius: 50%;
	z-index: 0;
}
.zj-book-hero__cover img {
	width: 100%;
	max-width: 440px;
	position: relative;
	z-index: 1;
	transform: rotate(-1.2deg);
	box-shadow: 0 50px 80px -32px rgba(20,24,33,0.4);
	border-radius: 3px;
}

/* Body */
.zj-book-body__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--s-8);
}
@media (min-width: 900px) {
	.zj-book-body__grid {
		grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
		gap: var(--s-9);
	}
}
.zj-book-body__grid .zj-prose h2 {
	font-size: clamp(1.6rem, 2.4vw, 2rem);
	margin-top: 0;
	margin-bottom: var(--s-4);
}

/* Facts aside */
.zj-book-facts {
	background: var(--paper-2);
	padding: var(--s-6);
	border: 1px solid var(--line);
	border-radius: 2px;
	position: sticky;
	top: 120px;
	align-self: start;
}
.zj-book-facts__title {
	font-family: var(--font-sans);
	font-size: 0.72rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--oxblood);
	margin: 0 0 var(--s-4);
	padding-bottom: var(--s-3);
	border-bottom: 1px solid var(--line);
}
.zj-book-facts__list {
	display: flex; flex-direction: column;
	margin: 0 0 var(--s-5);
}
.zj-book-facts__list > div {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2px;
	padding: 10px 0;
	border-bottom: 1px dashed var(--line);
}
.zj-book-facts__list > div:last-child { border-bottom: 0; }
.zj-book-facts__list dt {
	font-family: var(--font-sans);
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink-muted);
	font-weight: 500;
}
.zj-book-facts__list dd {
	font-family: var(--font-body);
	font-size: 1rem;
	color: var(--ink);
	margin: 0;
	line-height: 1.4;
}