.alsaif-lg {
	background: var(--lg-section-bg, #fff);
	padding: 10px 16px;
	box-sizing: border-box;
}

.alsaif-lg *,
.alsaif-lg *::before,
.alsaif-lg *::after {
	box-sizing: border-box;
}

/* عدد الأعمدة والاتجاه من لوحة التحكم (الافتراضي 3 في الصف، LTR) */
.alsaif-lg__grid {
	display: grid;
	grid-template-columns: repeat(var(--lg-cols, 3), minmax(0, 1fr));
	gap: var(--lg-gap, 20px);
	max-width: var(--lg-max, 1100px);
	margin-inline: auto;
}

.alsaif-lg--ltr .alsaif-lg__grid { direction: ltr; }
.alsaif-lg--rtl .alsaif-lg__grid { direction: rtl; }

.alsaif-lg__card {
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--lg-h, 130px);
	padding: 10px;
	background: var(--lg-card-bg, #eee);
	border-radius: var(--lg-radius, 14px);
	text-decoration: none;
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}

.alsaif-lg__card img {
	display: block;
	width: auto;
	height: auto;
	max-width: var(--lg-logo-w, 70%);
	max-height: 70%;
	object-fit: contain;
	margin: 0;
}

.alsaif-lg--hover a.alsaif-lg__card:hover,
.alsaif-lg--hover div.alsaif-lg__card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

/* موبايل: نفس 3 في الصف بس أصغر */
@media (max-width: 767px) {
	.alsaif-lg {
		padding: 6px 10px;
	}
	.alsaif-lg__grid {
		grid-template-columns: repeat(var(--lg-cols-m, 3), minmax(0, 1fr));
		gap: var(--lg-gap-m, 10px);
	}
	.alsaif-lg__card {
		height: var(--lg-h-m, 70px);
		padding: 6px;
		border-radius: var(--lg-radius, 16px);
	}
	.alsaif-lg__card {
		padding: 2px;
	}
	.alsaif-lg__card img {
		flex: none;
		width: calc(100% * var(--lg-zoom-m, 1.15));
		max-width: none;
		max-height: none;
	}
}