.mc20-home{padding:12px}
.mc20-section{margin-bottom:34px}

.mc20-section-title{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 16px;
	padding-left:10px;
	border-left:5px solid #6cab39;
	font-size:22px;
	font-weight:800;
	text-transform:uppercase;
	color:#5f9f2f;
}
.mc20-section-title a{color:inherit;text-decoration:none}
.mc20-section-title i{
	width:20px;height:20px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#6cab39;
	font-size:18px;
}

.mc20-feature-grid{
	display:grid;
	grid-template-columns:1.15fr 1fr;
	gap:16px;
	margin-bottom:18px;
}
.mc20-feature-side{
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
}

.mc20-post-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}

.mc20-card{
	background:#fff;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 4px 14px rgba(0,0,0,.08);
	transition:transform .18s ease,box-shadow .18s ease;
}
.mc20-card:hover{
	transform:translateY(-3px);
	box-shadow:0 8px 22px rgba(0,0,0,.14);
}

.mc20-card-img{
	position:relative;
	display:block;
	overflow:hidden;
	background:#eee;
	aspect-ratio:16/9;
}
.mc20-card-img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .25s ease;
}
.mc20-card:hover img{transform:scale(1.04)}

.mc20-card-body{padding:11px 12px 13px}

.mc20-card-title,
.mc20-card-big .mc20-card-title,
.mc20-card-small .mc20-card-title{
	display:block;
	color:#222;
	font-size:15px;
	line-height:1.25;
	font-weight:800;
	text-decoration:none;
}
.mc20-card-big .mc20-card-title{font-size:18px}
.mc20-card-title:hover{color:#8b5a36}

.mc20-card-text{
	margin-top:8px;
	font-size:12px;
	line-height:1.35;
	color:#444;
}

.mc20-card-small{
	display:grid;
	grid-template-columns:150px minmax(0,1fr);
	min-height:92px;
	align-items:stretch;
}
.mc20-card-small .mc20-card-img{
	aspect-ratio:auto;
	height:92px;
}
.mc20-card-small .mc20-card-img img{
	width:100%;
	height:92px;
	min-height:0;
	object-fit:cover;
}
.mc20-card-small .mc20-card-body{
	min-width:0;
	padding:9px 10px;
	overflow:hidden;
}
.mc20-card-small .mc20-card-title{
	font-size:13px;
	line-height:1.2;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.mc20-badge{
	position:absolute;
	top:8px;
	left:8px;
	z-index:2;
}
.mc20-badge:empty{display:none}

.short-card__badges{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:9px;
}
.short-card__badges:empty{display:none}

.mc20-card-big .short-card__badges{margin-top:10px}
.mc20-card-big .loader-badge{
	padding:5px 10px;
	font-size:12px;
	border-radius:7px;
}

.mc20-card-small .short-card__loaders-label{
	display:none;
}
.mc20-card-small .short-card__badges{
	gap:4px;
	margin-top:6px;
}
.mc20-card-small .loader-badge{
	padding:3px 6px;
	font-size:10px;
	line-height:1;
	border-radius:5px;
}
.mc20-card-small .loader-badge:nth-child(n+3){
	display:none;
}

.short-card__bottom{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
	margin-top:10px;
	color:#8b8b8b;
	font-size:12px;
}
.short-card__bottom span{
	display:inline-flex;
	align-items:center;
	gap:4px;
}
.short-card__bottom i{color:#999}

.mc20-card-small .short-card__bottom{
	margin-top:7px;
	font-size:11px;
	gap:7px;
}

.mc20-social{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin:8px 0 34px;
}
.mc20-social-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:38px;
	border-radius:7px;
	color:#fff;
	font-weight:700;
	text-decoration:none;
}
.mc20-social-btn img{width:18px;height:18px}
.mc20-social-btn.tg{background:#19a9d5}
.mc20-social-btn.vk{background:#4776a8}
.mc20-social-btn:hover{opacity:.9;color:#fff}

.skins-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px;
}

@media (max-width:900px){
	.mc20-feature-grid{grid-template-columns:1fr}
	.mc20-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.skins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:560px){
	.mc20-home{padding:8px}
	.mc20-section{margin-bottom:28px}
	.mc20-section-title{font-size:18px}

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

	.mc20-card-small{
		grid-template-columns:120px minmax(0,1fr);
		min-height:82px;
	}

	.mc20-card-small .mc20-card-img,
	.mc20-card-small .mc20-card-img img{
		height:82px;
	}

	.mc20-card-small .mc20-card-title{
		font-size:12px;
		-webkit-line-clamp:3;
	}

	.mc20-social{grid-template-columns:1fr}

	.mc20-card-title{font-size:14px}
	.mc20-card-big .mc20-card-title{font-size:17px}
}

.mc20-section-title {
	position: relative;
	transition: color .2s ease, border-color .2s ease;
}

.mc20-section-title a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.mc20-section-title i {
	transition: transform .2s ease, color .2s ease;
}

.mc20-section-title:hover {
	color: #3f8125;
	border-left-color: #3f8125;
}

.mc20-section-title:hover i {
	color: #3f8125;
	transform: translateY(-2px) scale(1.08);
}

.mc20-section-title:hover a {
	color: #3f8125;
}