/**
 * Similar Posts Styles
 * Стили для блока похожих постов
 */

 .similar-posts-block {
	margin: 40px 0;

}

.similar-posts-container {

}

.similar-posts-title {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}
.similar-posts-tags{
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.similar-posts-tags a{
	color: #fff;
	font-size: 14px;
	padding: 2px 8px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}
.similar-posts-tags a:hover{
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}
/* Специфичные стили для similar-posts */
/* Стили уже вынесены в глобальный cards.css */

/* Мобильные устройства */
@media (max-width: 768px) {
.section-title {
	font-size: 24px;
	margin: 30px 0 15px 0;
}
.category-title {
	font-size: 22px;
	margin-bottom: 15px;
}
.tag-description {
	padding: 20px;
}
.tag-description h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
}

/* Маленькие мобильные устройства */
@media (max-width: 480px) {
.load-more-btn {
	width: 180px;
	padding: 10px 20px;
	font-size: 13px;
}
.section-title {
	font-size: 20px;
}
.category-title {
	font-size: 18px;
}
}
.category-section {
margin: 40px 0;
}
.category-title {
font-size: 28px;
font-weight: 700;
color: #40f3f7;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #40f3f7;
}
.section-title {
font-size: 32px;
font-weight: 700;
color: #fff;
margin: 40px 0 20px 0;
text-align: center;
}
.load-more-btn {
display: block;
width: 200px;
margin: 30px auto 0;
padding: 12px 24px;
background: #3d4e73;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 6px;
font-weight: 600;
font-size: 14px;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.load-more-btn:hover {
background: #40f3f7;
color: #0f1b32;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(64, 243, 247, 0.3);
}
.load-more-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
}