/* ===== SECTION: Post Intro - Start ===== */
.post-intro {
	padding: 40px 0 80px;
}

.post-intro-inner {
	max-width: 800px;
}

.post-intro .h2 {
	max-width: 1200px;
	margin: 0 auto;
}

.post-category-badge {
	display: inline-block;
	width: fit-content;
	margin: 0 auto 25px;
	padding: 8px 24px;
	background: var(--white);
	color: var(--primary);
	border-radius: var(--radius-small);
}

.post-intro .post-description {
	color: #595959;
}
/* ===== SECTION: Post Intro - End ===== */

/* ===== SECTION: Post Hero Image - Start ===== */
.post-hero-image {
	margin-bottom: 60px;
}

.post-hero-image .hero-image {
	width: 100%;
	height: auto;
	min-height: 330px;
	max-height: 500px;
	object-fit: cover;
	border-radius: var(--radius-large);
}
/* ===== SECTION: Post Hero Image - End ===== */

/* ===== SECTION: Post Main - Start ===== */
.post-main {
	padding-bottom: 120px;
}

/* Post Grid — 3 колонки */
.post-grid {
	display: grid;
	grid-template-columns: 250px 1fr 300px;
	gap: var(--blocks-indent);
	align-items: start;
}

/* Share Sidebar */
.post-share-sidebar .sticky-block {
	position: sticky;
	top: calc(var(--header-height) + 20px);
}

.post-share-sidebar .h5 {
	margin-bottom: 15px;
}

.post-share-sidebar .share-divider {
	border: none;
	border-top: 1px solid var(--border);
	margin: 0 0 20px;
}

.post-share-sidebar .share-link .icon,
.post-share-mobile .share-link .icon {
	filter: var(--primary-filter-match);
}

/* Content Area */
.post-content-area .post-content h2,
.post-content-area .post-content h3,
.post-content-area .post-content h4,
.post-content-area .post-content h5,
.post-content-area .post-content h6 {
	color: var(--black);
	margin: 30px 0 15px;
}

.post-content-area .post-content p {
	margin-bottom: 20px;
}

.post-content-area .post-content img {
	max-width: 100%;
	height: auto;
	margin: 20px 0;
	border-radius: var(--radius-small);
}

.post-content-area .post-content ul,
.post-content-area .post-content ol {
	margin-bottom: 20px;
	padding-left: 20px;
}

.post-content-area .post-content li {
	margin-bottom: 8px;
}

.post-content-area .post-content blockquote {
	margin: 30px 0;
	padding: 20px 30px;
	background: var(--light-gray);
	border-left: 4px solid var(--primary);
	border-radius: var(--radius-small);
}

/* Share Mobile */
.post-share-mobile {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid var(--border);
}

.post-share-mobile .h5 {
	margin-bottom: 15px;
}

/* Related Sidebar */
.post-related-sidebar .sticky-block {
	position: sticky;
	top: calc(var(--header-height) + 20px);
}

.post-related-sidebar .h5 {
	margin-bottom: 0;
}

.post-related-sidebar .related-posts-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
}
/* ===== SECTION: Post Main - End ===== */

/* ===== Adaptive 1680px ===== */
@media (max-width: 1680px) {
	.post-main {
		padding-bottom: 90px;
	}
}

/* ===== Adaptive 1279px ===== */
@media (max-width: 1279px) {
	.post-intro {
		padding: 25px 0 40px;
	}

	.post-category-badge {
		margin-bottom: 20px;
	}

	.post-category-badge {
		margin-bottom: 0;
	}

	.post-hero-image {
		margin-bottom: 30px;
	}

	.post-hero-image .hero-image {
		max-height: 300px;
	}

	.post-main {
		padding-bottom: 60px;
	}

	.post-grid {
		grid-template-columns: 1fr;
	}

	.post-related-sidebar {
		margin-top: 60px;
	}

	.post-related-sidebar .sticky-block {
		position: static;
	}

	.post-related-sidebar .h5 {
		margin-top: 10px;
	}

	.post-share-mobile {
		margin-top: 30px;
		padding-top: 25px;
	}

	.post-content-area .post-content h2,
	.post-content-area .post-content h3,
	.post-content-area .post-content h4 {
		margin: 25px 0 12px;
	}
}