.ir-elw-grid-wrapper {
    width: 100%;
    overflow: hidden;
}

.ir-elw-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.ir-elw-grid--cols-1 { grid-template-columns: repeat(1, 1fr); }
.ir-elw-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.ir-elw-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.ir-elw-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
	.ir-elw-grid--cols-3,
	.ir-elw-grid--cols-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.ir-elw-grid {
		grid-template-columns: 1fr !important;
	}
}

/* --- صفحه‌بندی شماره‌دار --- */
.ir-elw-grid-pagination {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 32px;
}

.ir-elw-grid-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border-radius: 8px;
	background: #f5f6f8;
	color: #1f2430;
	text-decoration: none;
	font-size: 14px;
}

.ir-elw-grid-pagination .page-numbers.current {
	background: var(--ir-color-primary);
	color: #fff;
}

.ir-elw-grid-pagination .page-numbers:hover:not(.current) {
	background: #e6e9ec;
}

/* --- نمایش بیشتر --- */
.ir-elw-grid-loadmore-wrap {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

.ir-elw-grid-loadmore-btn {
	padding: 12px 32px;
	border-radius: 10px;
	border: 1px solid var(--ir-color-primary);
	background: transparent;
	color: var(--ir-color-primary);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.ir-elw-grid-loadmore-btn:hover {
	background: var(--ir-color-primary);
	color: #fff;
}

.ir-elw-grid-loadmore-btn[disabled] {
	opacity: .6;
	cursor: default;
}

/* --- اسکرول بی‌نهایت --- */
.ir-elw-grid-infinite-sentinel {
	height: 1px;
}

.ir-elw-grid-infinite-loader,
.ir-elw-grid-end-message {
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	color: #6b7280;
}

/* --- انیمیشن ورود آیتم‌های جدید --- */
.ir-elw-card--just-added {
	animation: ir-elw-fade-in .4s ease;
}

@keyframes ir-elw-fade-in {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}