/*
 * SiMorgh performance layer.
 *
 * Keep above-the-fold layout stable and avoid unnecessary rendering work.
 */
.simorgh-empty-products {
	display: grid;
	gap: .75rem;
	place-items: center;
	min-height: 10rem;
	padding: 2rem;
	border: 1px dashed var(--simorgh-color-border, #dedfd9);
	border-radius: 1rem;
	text-align: center;
	background: var(--simorgh-color-surface, #f7f7f4);
}

.simorgh-promo-grid__items {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1rem;
}

.simorgh-promo-card {
	min-height: 10rem;
	display: flex;
	align-items: center;
	padding: 1.25rem;
	border: 1px solid rgba(29, 33, 28, .08);
	border-radius: 1rem;
	background: #fff;
}

.simorgh-promo-card > div {
	display: grid;
	gap: .65rem;
}

.simorgh-promo-card strong {
	font-size: 1.05rem;
}

@media (min-width: 768px) {
	.simorgh-promo-grid__items {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}