.lspx-cards-placeholder{display:none!important}

.lspx-cards-section{
	box-sizing:border-box;
	width:100%;
	margin:18px 0;
}

.lspx-cards-heading{
	margin:0 0 10px;
	font-size:20px;
	line-height:1.25;
}

.lspx-cards-top-card,
.lspx-cards-card{
	box-sizing:border-box;
	overflow:hidden;
	border:1px solid rgba(0,0,0,.12);
	border-radius:10px;
	background:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,.07);
}

.lspx-cards-top-card{
	width:100%;
	margin:0 0 10px;
}

.lspx-cards-top-media{
	aspect-ratio:16 / 9;
	overflow:hidden;
	background:#f0f0f1;
}

.lspx-cards-top-link,
.lspx-cards-image-link{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

.lspx-cards-portrait-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	width:100%;
}

.lspx-cards-portrait-media{
	aspect-ratio:9 / 16;
	overflow:hidden;
	background:#f0f0f1;
}

.lspx-cards-image{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.lspx-cards-portrait-image{
	transform-origin:center center;
	transition:transform .15s ease;
}

.lspx-cards-title{
	padding:9px 10px 11px;
	font-size:14px;
	font-weight:700;
	line-height:1.3;
}

.lspx-cards-title a{
	color:inherit;
	text-decoration:none;
}

.lspx-cards-title a:hover,
.lspx-cards-title a:focus{
	text-decoration:underline;
}

@media(max-width:640px){
	.lspx-cards-section{margin:14px 0}
	.lspx-cards-top-card{margin-bottom:7px;border-radius:8px}
	.lspx-cards-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
	.lspx-cards-card{border-radius:8px}
	.lspx-cards-title{padding:7px 7px 8px;font-size:12px;line-height:1.25}
	.lspx-cards-heading{font-size:18px;margin-bottom:8px}
}

@media(max-width:360px){
	.lspx-cards-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
	.lspx-cards-title{padding:6px 5px 7px;font-size:11px}
}
