الگو:صفحه اصلی مشاغل/دسته بندی موضوعی - تاریخچهٔ نسخه‌ها

Esfandiari در ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۵۲

2026-08-09T10:52:35Z

Esfandiari در ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۴۵

2026-08-09T10:45:23Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۴۵
خط ۶۷۵:		خط ۶۷۵:
	.fz-filter-btn.active { background: #16bd78 !important; color: white !important; }		.fz-filter-btn.active { background: #16bd78 !important; color: white !important; }

	/* چیدمان شبکه کارت‌ها */		/* چیدمان شبکه کارت‌ها - تنظیم پیش‌فرض دسکتاپ بر روی ۳ ستون */
	.fz-category-grid {		.fz-category-grid {
	display: grid !important;		display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;		grid-template-columns: repeat(3, 1fr) !important; /* دسکتاپ ۳ ستونه */
	gap: 12px !important;		gap: 12px !important;
	width: 100% !important;		width: 100% !important;
خط ۷۰۲:		خط ۷۰۲:
	.fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }		.fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }

	/* استایل فونت داخل کارت ~~(۱۰ درصد بزرگتر از ۱۴)~~ */		/* استایل فونت داخل کارت */
	.fz-title {		.fz-title {
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	font-weight: bold !important;		font-weight: bold !important;
	color: #444 !important;		color: #444 !important;
	font-size: 15.4px !important; ~~/* تنظیم شده روی ۱۵.۴ پیکسل */~~		font-size: 15.4px !important;
	text-align: center;		text-align: center;
	white-space: nowrap;		white-space: nowrap;
خط ۷۱۵:		خط ۷۱۵:
	}		}

	/* واکنش‌گرایی */		/* واکنش‌گرایی بر اساس تعداد ستون‌ها */
	@media (max-width: ~~1200px~~) { .fz-category-grid { ~~grid-template-columns: repeat(3, 1fr) !important; } }~~		@media (max-width: 850px) {
	~~@media (max-width: 850px) { .fz-category-grid {~~ grid-template-columns: repeat(2, 1fr) !important; } }		.fz-category-grid {
	@media (max-width: 500px) { .fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; } }		grid-template-columns: repeat(2, 1fr) !important; /* تبلت ۲ ستونه */
			}
			}
			@media (max-width: 500px) {
			.fz-category-grid {
			grid-template-columns: repeat(1, 1fr) !important; /* موبایل تک ستونه */
			}
			}

	.is-hidden { display: none !important; }		.is-hidden { display: none !important; }

Esfandiari در ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۴۲

2026-08-09T10:42:21Z

نمایش تغییرات

Esfandiari در ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۳۶

2026-08-09T10:36:40Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۳۶
خط ۶۴۱:		خط ۶۴۱:
	padding: 15px !important;		padding: 15px !important;
	background: #f9f9f9 !important;		background: #f9f9f9 !important;
	border-radius: ~~15px~~ !important;		border-radius: 12px !important;
	border: 1px solid #c9e4d5 !important;		border: 1px solid #c9e4d5 !important;
	display: block !important;		display: block !important;
خط ۶۵۱:		خط ۶۵۱:
	.fz-search-wrapper input {		.fz-search-wrapper input {
	width: 90%;		width: 90%;
	padding: ~~12px 20px~~;		padding: 10px 15px;
	border: 1px solid #c9e4d5;		border: 1px solid #c9e4d5;
	border-radius: ~~25px~~;		border-radius: 20px;
	outline: none;		outline: none;
	font-size: ~~26px~~; ~~/* ۲ برابر شدن اندازه فونت فیلد سرچ */~~		font-size: 16px;
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	transition: 0.3s;		transition: 0.3s;
	}		}
	.fz-search-wrapper input:focus { border-color: #16bd78~~; box-shadow: 0 0 5px rgba(22, 189, 120, 0.2)~~; }		.fz-search-wrapper input:focus { border-color: #16bd78; }

	/* استایل دکمه‌های فیلتر */		/* استایل دکمه‌های فیلتر */
	.fz-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: ~~20px~~; }		.fz-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 15px; }
	.fz-filter-btn {		.fz-filter-btn {
	padding: ~~10px 24px~~;		padding: 6px 18px;
	border-radius: ~~30px~~;		border-radius: 20px;
	border: none;		border: none;
	background: #eee;		background: #eee;
	cursor: pointer;		cursor: pointer;
	font-size: ~~24px~~; ~~/* ۲ برابر شدن اندازه فونت دکمه فیلتر */~~		font-size: 15px;
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	transition: 0.3s;		transition: 0.3s;
	}		}
	.fz-filter-btn.active { background: #16bd78 !important; color: white !important~~; font-weight: bold~~; }		.fz-filter-btn.active { background: #16bd78 !important; color: white !important; }

	/* چیدمان شبکه کارت‌ها */		/* چیدمان شبکه کارت‌ها */
خط ۶۷۹:		خط ۶۷۹:
	display: grid !important;		display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;		grid-template-columns: repeat(4, 1fr) !important;
	gap: ~~15px~~ !important;		gap: 12px !important;
	width: 100% !important;		width: 100% !important;
	}		}

	/* استایل کارت ~~نهایی~~ */		/* استایل کارت */
	.fz-card {		.fz-card {
	background: white !important;		background: white !important;
	height: ~~72px~~ !important; ~~/* افزایش ارتفاع کارت متناسب با فونت بزرگ‌تر */~~		height: 50px !important;
	display: flex !important;		display: flex !important;
	align-items: center !important;		align-items: center !important;
	justify-content: center !important;		justify-content: center !important;
	padding: 0 ~~15px~~ !important;		padding: 0 10px !important;
	border-radius: ~~10px~~ !important;		border-radius: 8px !important;
	box-shadow: 0 2px ~~5px~~ rgba(0,0,0,0.05) !important;		box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
	border-bottom: ~~5px~~ solid #16bd78 !important; ~~/* افزایش ضخامت خط پایین کارت */~~		border-bottom: 3px solid #16bd78 !important;
	box-sizing: border-box !important;		box-sizing: border-box !important;
	cursor: pointer;		cursor: pointer;
	transition: all 0.2s ease;		transition: all 0.2s ease;
	~~margin: 0 !important;~~
	text-decoration: none !important;		text-decoration: none !important;
	}		}

	.fz-card:hover { transform: translateY(-~~4px~~); box-shadow: 0 ~~5px 15px~~ rgba(0,0,0,0.12) !important; }		.fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }

	/* استایل فونت داخل کارت */		/* استایل فونت داخل کارت (۲۰ درصد بزرگتر از ۱۴) */
	.fz-title {		.fz-title {
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	font-weight: bold !important;		font-weight: bold !important;
	color: #~~333~~ !important;		color: #444 !important;
	font-size: ~~28px~~ !important; /* ~~فونت کارت‌ها از ۱۴~~ پیکسل ~~به ۲۸ پیکسل (۲ برابر) تغییر یافت~~ */		font-size: 17px !important; /* تنظیم شده روی ۱۷ پیکسل */
	text-align: center;		text-align: center;
	white-space: nowrap;		white-space: nowrap;
خط ۷۱۶:		خط ۷۱۵:
	}		}

	/* واکنش‌گرایی ~~موبایل متناسب با اندازه فونت بزرگ جدید~~ */		/* واکنش‌گرایی */
	@media (max-width: 1200px) {		@media (max-width: 1200px) { .fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; } }
	.fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; }		@media (max-width: 850px) { .fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; } }
	}		@media (max-width: 500px) { .fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; } }
	@media (max-width: ~~900px~~) {
	.fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; }
	}
	@media (max-width: ~~600px~~) {
	.fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; }
	}

	~~/* کلاس مخفی‌سازی برای فیلتر و جستجو */~~
	.is-hidden { display: none !important; }		.is-hidden { display: none !important; }
	</style>		</style>

	<script>		<script>
	~~// تابع فیلتر دسته‌بندی~~
	function filterSelection(event, category) {		function filterSelection(event, category) {
	const cards = document.getElementsByClassName("fz-card");		const cards = document.getElementsByClassName("fz-card");
	const buttons = document.getElementsByClassName("fz-filter-btn");		const buttons = document.getElementsByClassName("fz-filter-btn");

	for (let btn of buttons) btn.classList.remove("active");		for (let btn of buttons) btn.classList.remove("active");
	event.currentTarget.classList.add("active");		event.currentTarget.classList.add("active");

	for (let card of cards) {		for (let card of cards) {
	if (category === 'all' \|\| card.classList.contains(category)) {		if (category === 'all' \|\| card.classList.contains(category)) {
خط ۷۴۹:		خط ۷۳۸:
	}		}

	~~// تابع جستجوی زنده~~
	document.getElementById('categorySearch').addEventListener('keyup', function() {		document.getElementById('categorySearch').addEventListener('keyup', function() {
	const val = this.value.toLowerCase().trim();		const val = this.value.toLowerCase().trim();
	const cards = document.getElementsByClassName("fz-card");		const cards = document.getElementsByClassName("fz-card");

	for (let card of cards) {		for (let card of cards) {
	const title = card.querySelector('.fz-title').innerText.toLowerCase();		const title = card.querySelector('.fz-title').innerText.toLowerCase();

Esfandiari در ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۳۴

2026-08-09T10:34:53Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۹ اوت ۲۰۲۶، ساعت ۱۰:۳۴
خط ۳۷۰:		خط ۳۷۰:

	<a href="جواهر فروشی های نسیم شهر" class="fz-card all">		<a href="جواهر فروشی های نسیم شهر" class="fz-card all">
	<span class="fz-title">~~جواهر فروشی (~~جواهرات)</span>		<span class="fz-title">جواهرات</span>
	</a>		</a>

خط ۶۵۱:		خط ۶۵۱:
	.fz-search-wrapper input {		.fz-search-wrapper input {
	width: 90%;		width: 90%;
	padding: ~~10px 18px~~;		padding: 12px 20px;
	border: 1px solid #c9e4d5;		border: 1px solid #c9e4d5;
	border-radius: 25px;		border-radius: 25px;
	outline: none;		outline: none;
	font-size: ~~15px~~;		font-size: 26px; /* ۲ برابر شدن اندازه فونت فیلد سرچ */
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	transition: 0.3s;		transition: 0.3s;
خط ۶۶۴:		خط ۶۶۴:
	.fz-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px; }		.fz-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px; }
	.fz-filter-btn {		.fz-filter-btn {
	padding: ~~6px 18px~~;		padding: 10px 24px;
	border-radius: ~~20px~~;		border-radius: 30px;
	border: none;		border: none;
	background: #eee;		background: #eee;
	cursor: pointer;		cursor: pointer;
	font-size: ~~14px~~;		font-size: 24px; /* ۲ برابر شدن اندازه فونت دکمه فیلتر */
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	transition: 0.3s;		transition: 0.3s;
خط ۶۷۹:		خط ۶۷۹:
	display: grid !important;		display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;		grid-template-columns: repeat(4, 1fr) !important;
	gap: ~~12px~~ !important;		gap: 15px !important;
	width: 100% !important;		width: 100% !important;
	}		}

	/* استایل کارت نهایی ~~(تبدیل به تگ a شده است)~~ */		/* استایل کارت نهایی */
	.fz-card {		.fz-card {
	background: white !important;		background: white !important;
	height: ~~42px~~ !important;		height: 72px !important; /* افزایش ارتفاع کارت متناسب با فونت بزرگ‌تر */
	display: flex !important;		display: flex !important;
	align-items: center !important;		align-items: center !important;
	justify-content: center !important;		justify-content: center !important;
	padding: 0 ~~10px~~ !important;		padding: 0 15px !important;
	border-radius: ~~8px~~ !important;		border-radius: 10px !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;		box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
	border-bottom: ~~4px~~ solid #16bd78 !important; /* خط ~~سبز رنگ~~ پایین ~~کارت‌ها~~ */		border-bottom: 5px solid #16bd78 !important; /* افزایش ضخامت خط پایین کارت */
	box-sizing: border-box !important;		box-sizing: border-box !important;
	cursor: pointer;		cursor: pointer;
	transition: all 0.2s ease;		transition: all 0.2s ease;
	margin: 0 !important;		margin: 0 !important;
	text-decoration: none !important; ~~/* حذف خط زیر لینک */~~		text-decoration: none !important;
	}		}

	.fz-card:hover { transform: translateY(-~~3px~~); box-shadow: 0 ~~4px 12px~~ rgba(0,0,0,0.1) !important; }		.fz-card:hover { transform: translateY(-4px); box-shadow: 0 5px 15px rgba(0,0,0,0.12) !important; }

	/* استایل فونت داخل کارت */		/* استایل فونت داخل کارت */
	.fz-title {		.fz-title {
	font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;		font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
	font-weight: ~~500~~ !important;		font-weight: bold !important;
	color: #333 !important;		color: #333 !important;
	font-size: ~~14px~~ !important; /* ~~اندازه برای خوانایی بهتر در کلمات طولانی~~ */		font-size: 28px !important; /* فونت کارت‌ها از ۱۴ پیکسل به ۲۸ پیکسل (۲ برابر) تغییر یافت */
	text-align: center;		text-align: center;
	white-space: nowrap;		white-space: nowrap;
	overflow: hidden;		overflow: hidden;
	text-overflow: ellipsis;		text-overflow: ellipsis;
			width: 100%;
	}		}

	/* واکنش‌گرایی موبایل */		/* واکنش‌گرایی موبایل متناسب با اندازه فونت بزرگ جدید */
	@media (max-width: ~~992px~~) {		@media (max-width: 1200px) {
	.fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; }		.fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; }
	}		}
	@media (max-width: ~~768px~~) {		@media (max-width: 900px) {
	.fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; }		.fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; }
	}		}
	@media (max-width: ~~480px~~) {		@media (max-width: 600px) {
	.fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; }		.fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; }
	}		}
خط ۷۳۶:		خط ۷۳۷:
	const buttons = document.getElementsByClassName("fz-filter-btn");		const buttons = document.getElementsByClassName("fz-filter-btn");

	~~// حذف حالت فعال از همه دکمه‌ها~~
	for (let btn of buttons) btn.classList.remove("active");		for (let btn of buttons) btn.classList.remove("active");
	~~// اضافه کردن حالت فعال به دکمه کلیک شده~~
	event.currentTarget.classList.add("active");		event.currentTarget.classList.add("active");

	~~// نمایش یا عدم نمایش کارت‌ها~~
	for (let card of cards) {		for (let card of cards) {
	if (category === 'all' \|\| card.classList.contains(category)) {		if (category === 'all' \|\| card.classList.contains(category)) {

Esfandiari: صفحه‌ای تازه حاوی «

2026-08-09T10:29:36Z

صفحه‌ای تازه حاوی «<html> <div class="faraghaib-custom-container">  <div class="fz-search-wrapper"> <input type="text" id="categorySearch" placeholder="جستجو در دسته‌بندی‌ها..."> </div>  <div class="fz-filter-bar"> <button class="fz-filter-btn active" onclick="filterSelection(event, 'all')">همه دسته‌بندی‌ها</button> </d...» ایجاد کرد

صفحهٔ تازه
<html>

<div class="faraghaib-custom-container">


<div class="fz-search-wrapper">
<input type="text" id="categorySearch" placeholder="جستجو در دسته‌بندی‌ها...">
</div>


<div class="fz-filter-bar">
<button class="fz-filter-btn active" onclick="filterSelection(event, 'all')">همه دسته‌بندی‌ها</button>
</div>


<div id="categoryGrid" class="fz-category-grid">


<a href="کافه های نسیم شهر" class="fz-card all">
کافه
</a>

<a href="چاپخانه های نسیم شهر" class="fz-card all">
چاپخانه
</a>

<a href="خشک شویی های نسیم شهر" class="fz-card all">
خشک شویی
</a>

<a href="توتون فروش های نسیم شهر" class="fz-card all">
توتون فروش
</a>

<a href="پارکینگ های نسیم شهر" class="fz-card all">
پارکینگ
</a>

<a href="جوشکار های نسیم شهر" class="fz-card all">
جوشکار
</a>

<a href="طراح دکوراسیون داخلی نسیم شهر" class="fz-card all">
طراح دکوراسیون داخلی
</a>

<a href="تأمین کننده های ظروف یکبار مصرف نسیم شهر" class="fz-card all">
تأمین کننده ظروف یکبار مصرف
</a>

<a href="میخانه های نسیم شهر" class="fz-card all">
میخانه
</a>

<a href="تأمین کننده های تجهیزات ساختمانی نسیم شهر" class="fz-card all">
تأمین کننده تجهیزات ساختمانی
</a>

<a href="تأمین کننده های مواد غذایی نسیم شهر" class="fz-card all">
تأمین کننده مواد غذایی
</a>

<a href="فروشگاه های محصولات چوبی نسیم شهر" class="fz-card all">
فروشگاه محصولات چوبی
</a>

<a href="تاکسی سرویس های نسیم شهر" class="fz-card all">
تاکسی سرویس
</a>

<a href="فروشگاه های کرایه بازی های ویدئویی نسیم شهر" class="fz-card all">
فروشگاه کرایه بازی های ویدئویی
</a>

<a href="کارگاه های فلزکاری نسیم شهر" class="fz-card all">
کارگاه فلزکاری
</a>

<a href="فروشگاه های کاغذ دیواری نسیم شهر" class="fz-card all">
فروشگاه کاغذ دیواری
</a>

<a href="تعمیرگاه های ابزار نسیم شهر" class="fz-card all">
تعمیرگاه ابزار
</a>

<a href="خرازی های نسیم شهر" class="fz-card all">
خرازی
</a>

<a href="شرکت های تأسیسات برق نسیم شهر" class="fz-card all">
شرکت تأسیسات برق
</a>

<a href="خدمات تعمیر یخچال نسیم شهر" class="fz-card all">
خدمات تعمیر یخچال
</a>

<a href="خدمات شستشوی فرش نسیم شهر" class="fz-card all">
خدمات شستشوی فرش
</a>

<a href="فروشگاه های دوربین نسیم شهر" class="fz-card all">
فروشگاه دوربین
</a>

<a href="باشگاه های بردگیم نسیم شهر" class="fz-card all">
باشگاه بردگیم
</a>

<a href="خدمات خبررسانی نسیم شهر" class="fz-card all">
خدمات خبررسانی
</a>

<a href="برقکار های نسیم شهر" class="fz-card all">
برقکار
</a>

<a href="خدمات بازاریابی اینترنتی نسیم شهر" class="fz-card all">
خدمات بازاریابی اینترنتی
</a>

<a href="مشاور های نسیم شهر" class="fz-card all">
مشاور
</a>

<a href="گورستان های نسیم شهر" class="fz-card all">
گورستان
</a>

<a href="کارخانه های مواد شیمیایی نسیم شهر" class="fz-card all">
کارخانه مواد شیمیایی
</a>

<a href="کلوپ های شبانه نسیم شهر" class="fz-card all">
کلوپ شبانه
</a>

<a href="تأمین کننده های لوله نسیم شهر" class="fz-card all">
تأمین کننده لوله
</a>

<a href="فروشگاه های حراجی نسیم شهر" class="fz-card all">
فروشگاه حراجی
</a>

<a href="فروشگاه های محصولات ارگانیک نسیم شهر" class="fz-card all">
فروشگاه محصولات ارگانیک
</a>

<a href="فروشگاه های لوازم اینترنتی نسیم شهر" class="fz-card all">
فروشگاه لوازم اینترنتی
</a>

<a href="مهندسین مشاور نسیم شهر" class="fz-card all">
مهندسین مشاور
</a>

<a href="عکاس های نسیم شهر" class="fz-card all">
عکاس
</a>

<a href="استودیو های ضبط نسیم شهر" class="fz-card all">
استودیوی ضبط
</a>

<a href="طراح های گرافیک نسیم شهر" class="fz-card all">
طراح گرافیک
</a>

<a href="هم خانگی های نسیم شهر" class="fz-card all">
هم خانگی
</a>

<a href="عرضه کننده های محصولات پلاستیکی نسیم شهر" class="fz-card all">
عرضه کننده محصولات پلاستیکی
</a>

<a href="خدمات آسانسور نسیم شهر" class="fz-card all">
خدمات آسانسور
</a>

<a href="استودیو های هنری نسیم شهر" class="fz-card all">
استودیوی هنری
</a>

<a href="پرنده فروشی های نسیم شهر" class="fz-card all">
پرنده فروشی
</a>

<a href="دامداری های نسیم شهر" class="fz-card all">
دامداری
</a>

<a href="فروشنده های موتورسیکلت نسیم شهر" class="fz-card all">
فروشنده موتورسیکلت
</a>

<a href="صنایع دستی نسیم شهر" class="fz-card all">
صنایع دستی
</a>

<a href="فروشگاه های شیشه و آینه نسیم شهر" class="fz-card all">
فروشگاه شیشه و آینه
</a>

<a href="خدمات کشاورزی نسیم شهر" class="fz-card all">
خدمات کشاورزی
</a>

<a href="فروشگاه های لوازم هنری نسیم شهر" class="fz-card all">
فروشگاه لوازم هنری
</a>

<a href="تأمین کننده های سیستم های امنیتی نسیم شهر" class="fz-card all">
تأمین کننده سیستم های امنیتی
</a>

<a href="طراحی های معماری نسیم شهر" class="fz-card all">
طراحی معماری
</a>

<a href="رستوران های نسیم شهر" class="fz-card all">
رستوران
</a>

<a href="فست فود های نسیم شهر" class="fz-card all">
فست فود
</a>

<a href="پیتزا فروشی های نسیم شهر" class="fz-card all">
پیتزا
</a>

<a href="کبابی های نسیم شهر" class="fz-card all">
کبابی
</a>

<a href="قنادی های نسیم شهر" class="fz-card all">
قنادی
</a>

<a href="شیرینی فروشی های نسیم شهر" class="fz-card all">
شیرینی فروشی
</a>

<a href="بستنی فروشی های نسیم شهر" class="fz-card all">
بستنی فروشی
</a>

<a href="آبمیوه و بستنی فروشی های نسیم شهر" class="fz-card all">
آبمیوه و بستنی
</a>

<a href="نانوایی های نسیم شهر" class="fz-card all">
نانوایی
</a>

<a href="سوپرمارکت های نسیم شهر" class="fz-card all">
سوپرمارکت
</a>

<a href="هایپرمارکت های نسیم شهر" class="fz-card all">
هایپرمارکت
</a>

<a href="عمده فروشی های نسیم شهر" class="fz-card all">
عمده فروشی
</a>

<a href="قصابی های نسیم شهر" class="fz-card all">
قصابی
</a>

<a href="میوه فروشی های نسیم شهر" class="fz-card all">
میوه فروشی
</a>

<a href="عطاری های نسیم شهر" class="fz-card all">
عطاری
</a>

<a href="سالن های زیبایی نسیم شهر" class="fz-card all">
سالن زیبایی
</a>

<a href="کلینیک های زیبایی نسیم شهر" class="fz-card all">
کلینیک زیبایی
</a>

<a href="اسپا های نسیم شهر" class="fz-card all">
اسپا
</a>

<a href="داروخانه های نسیم شهر" class="fz-card all">
داروخانه
</a>

<a href="بیمارستان های نسیم شهر" class="fz-card all">
بیمارستان
</a>

<a href="کلینیک های نسیم شهر" class="fz-card all">
کلینیک
</a>

<a href="مطب های پزشک نسیم شهر" class="fz-card all">
مطب پزشک
</a>

<a href="مطب های دندانپزشک نسیم شهر" class="fz-card all">
مطب دندانپزشک
</a>

<a href="آزمایشگاه های پزشکی نسیم شهر" class="fz-card all">
آزمایشگاه پزشکی
</a>

<a href="فیزیوتراپی های نسیم شهر" class="fz-card all">
فیزیوتراپی
</a>

<a href="عینک سازی های نسیم شهر" class="fz-card all">
عینک سازی
</a>

<a href="فروشگاه های لوازم پزشکی نسیم شهر" class="fz-card all">
فروشگاه لوازم پزشکی
</a>

<a href="باشگاه های ورزشی نسیم شهر" class="fz-card all">
باشگاه ورزشی
</a>

<a href="استخر های نسیم شهر" class="fz-card all">
استخر
</a>

<a href="باشگاه های بدنسازی نسیم شهر" class="fz-card all">
باشگاه بدنسازی
</a>

<a href="فروشگاه های ورزشی نسیم شهر" class="fz-card all">
فروشگاه ورزشی
</a>

<a href="فروشگاه های پوشاک زنانه نسیم شهر" class="fz-card all">
پوشاک زنانه
</a>

<a href="فروشگاه های پوشاک نسیم شهر" class="fz-card all">
فروشگاه پوشاک
</a>

<a href="فروشگاه های پوشاک مردانه نسیم شهر" class="fz-card all">
پوشاک مردانه
</a>

<a href="فروشگاه های پوشاک کودک نسیم شهر" class="fz-card all">
پوشاک کودک
</a>

<a href="فروشگاه های نوشت افزار نسیم شهر" class="fz-card all">
فروشگاه نوشت افزار
</a>

<a href="کفش فروشی های نسیم شهر" class="fz-card all">
کفش فروشی
</a>

<a href="جواهر فروشی های نسیم شهر" class="fz-card all">
جواهر فروشی (جواهرات)
</a>

<a href="فروشگاه های کادو نسیم شهر" class="fz-card all">
فروشگاه کادو
</a>

<a href="فروشگاه های عطر و ادکلن نسیم شهر" class="fz-card all">
عطر و ادکلن
</a>

<a href="فروشگاه های لوازم آرایشی نسیم شهر" class="fz-card all">
فروشگاه لوازم آرایشی
</a>

<a href="کیف و کوله فروشی های نسیم شهر" class="fz-card all">
کیف و کوله
</a>

<a href="فروشگاه های حیوانات خانگی نسیم شهر" class="fz-card all">
فروشگاه حیوانات خانگی
</a>

<a href="فروشگاه های لوازم خانگی نسیم شهر" class="fz-card all">
فروشگاه لوازم خانگی
</a>

<a href="فروشگاه های مبلمان نسیم شهر" class="fz-card all">
فروشگاه مبلمان
</a>

<a href="پارچه فروشی های نسیم شهر" class="fz-card all">
پارچه فروشی
</a>

<a href="گل فروشی های نسیم شهر" class="fz-card all">
گل فروشی
</a>

<a href="فرش فروشی های نسیم شهر" class="fz-card all">
فرش فروشی
</a>

<a href="فروشگاه های موبایل نسیم شهر" class="fz-card all">
فروشگاه موبایل
</a>

<a href="فروشگاه های اسباب بازی نسیم شهر" class="fz-card all">
فروشگاه اسباب بازی
</a>

<a href="فروشگاه های کامپیوتر نسیم شهر" class="fz-card all">
فروشگاه کامپیوتر
</a>

<a href="کافی نت های نسیم شهر" class="fz-card all">
کافی نت
</a>

<a href="تعمیرات موبایل در نسیم شهر" class="fz-card all">
تعمیرات موبایل
</a>

<a href="فروشگاه های لوازم برقی نسیم شهر" class="fz-card all">
لوازم برقی
</a>

<a href="نمایندگی های خودرو در نسیم شهر" class="fz-card all">
نمایندگی خودرو
</a>

<a href="تعمیرگاه های خودرو در نسیم شهر" class="fz-card all">
تعمیرگاه خودرو
</a>

<a href="پمپ بنزین های نسیم شهر" class="fz-card all">
پمپ بنزین
</a>

<a href="کارواش های نسیم شهر" class="fz-card all">
کارواش
</a>

<a href="فروشگاه های ابزار نسیم شهر" class="fz-card all">
فروشگاه ابزار
</a>

<a href="فروشگاه های لوازم یدکی خودرو در نسیم شهر" class="fz-card all">
لوازم یدکی خودرو
</a>

<a href="تعمیرات وسایل الکترونیک نسیم شهر" class="fz-card all">
تعمیرات وسایل الکترونیک
</a>

<a href="سازنده های نسیم شهر" class="fz-card all">
سازنده
</a>

<a href="تأمین کننده های تجهیزات صنعتی نسیم شهر" class="fz-card all">
تأمین کننده تجهیزات صنعتی
</a>

<a href="شرکت های ساختمانی نسیم شهر" class="fz-card all">
شرکت ساختمانی
</a>

<a href="خیاط های نسیم شهر" class="fz-card all">
خیاط
</a>

<a href="انبار های نسیم شهر" class="fz-card all">
انبار
</a>

<a href="بانک های نسیم شهر" class="fz-card all">
بانک
</a>

<a href="عابر بانک های نسیم شهر" class="fz-card all">
عابر بانک
</a>

<a href="شرکت های بیمه نسیم شهر" class="fz-card all">
بیمه
</a>

<a href="دفتر های اسناد رسمی نسیم شهر" class="fz-card all">
دفتر اسناد رسمی
</a>

<a href="اداره پست نسیم شهر" class="fz-card all">
پست
</a>

<a href="شهرداری نسیم شهر" class="fz-card all">
شهرداری
</a>

<a href="اداره های دولتی نسیم شهر" class="fz-card all">
اداره دولتی
</a>

<a href="خدمات چاپ نسیم شهر" class="fz-card all">
خدمات چاپ
</a>

<a href="خدمات تاسیساتی نسیم شهر" class="fz-card all">
خدمات تاسیساتی
</a>

<a href="آژانس های تبلیغاتی نسیم شهر" class="fz-card all">
آژانس تبلیغاتی
</a>

<a href="مجتمع های مسکونی نسیم شهر" class="fz-card all">
مجتمع مسکونی
</a>

<a href="بنگاه های املاک نسیم شهر" class="fz-card all">
بنگاه املاک
</a>

<a href="دفتر شرکت های نسیم شهر" class="fz-card all">
دفتر شرکت
</a>

<a href="انجمن ها و سازمان های نسیم شهر" class="fz-card all">
انجمن / سازمان
</a>

<a href="طراح های وب سایت در نسیم شهر" class="fz-card all">
طراح وب سایت
</a>

<a href="ارائه دهنده های خدمات اینترنت در نسیم شهر" class="fz-card all">
ارائه دهنده خدمات اینترنت
</a>

<a href="ارائه دهنده های خدمات مخابراتی نسیم شهر" class="fz-card all">
ارائه دهنده خدمات مخابراتی
</a>

<a href="آژانس های مسافرتی نسیم شهر" class="fz-card all">
آژانس مسافرتی
</a>

<a href="ایستگاه قطار نسیم شهر" class="fz-card all">
ایستگاه قطار
</a>

<a href="خدمات حمل و نقل نسیم شهر" class="fz-card all">
خدمات حمل و نقل
</a>

<a href="مدرسه های نسیم شهر" class="fz-card all">
مدرسه
</a>

<a href="دانشگاه های نسیم شهر" class="fz-card all">
دانشگاه
</a>

<a href="آموزشگاه های زبان نسیم شهر" class="fz-card all">
آموزشگاه زبان
</a>

<a href="مرکز های آموزشی نسیم شهر" class="fz-card all">
مرکز آموزشی
</a>

<a href="کتابخانه های نسیم شهر" class="fz-card all">
کتابخانه
</a>

<a href="کتابفروشی های نسیم شهر" class="fz-card all">
کتابفروشی
</a>

<a href="پارک های نسیم شهر" class="fz-card all">
پارک
</a>

<a href="سینما های نسیم شهر" class="fz-card all">
سینما
</a>

<a href="مرکز های فرهنگی نسیم شهر" class="fz-card all">
مرکز فرهنگی
</a>

<a href="مرکز های خرید نسیم شهر" class="fz-card all">
مرکز خرید
</a>

<a href="شهربازی های نسیم شهر" class="fz-card all">
شهربازی
</a>

<a href="مزرعه های نسیم شهر" class="fz-card all">
مزرعه
</a>

<a href="مسجد های نسیم شهر" class="fz-card all">
مسجد
</a>

<a href="محل های برگزاری عروسی در نسیم شهر" class="fz-card all">
محل برگزاری عروسی
</a>

<a href="جاذبه های گردشگری نسیم شهر" class="fz-card all">
جاذبه های گردشگری
</a>

<a href="استودیو های عکاسی نسیم شهر" class="fz-card all">
استودیوی عکاسی
</a>

</div>
</div>

<style>
/* کانتینر اصلی /
.faraghaib-custom-container {
direction: rtl !important;
font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
max-width: 1000px !important;
margin: 20px auto !important;
padding: 15px !important;
background: #f9f9f9 !important;
border-radius: 15px !important;
border: 1px solid #c9e4d5 !important;
display: block !important;
box-sizing: border-box !important;
}

/ استایل ورودی جستجو /
.fz-search-wrapper { margin-bottom: 15px; text-align: center; }
.fz-search-wrapper input {
width: 90%;
padding: 10px 18px;
border: 1px solid #c9e4d5;
border-radius: 25px;
outline: none;
font-size: 15px;
font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
transition: 0.3s;
}
.fz-search-wrapper input:focus { border-color: #16bd78; box-shadow: 0 0 5px rgba(22, 189, 120, 0.2); }

/ استایل دکمه‌های فیلتر /
.fz-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 20px; }
.fz-filter-btn {
padding: 6px 18px;
border-radius: 20px;
border: none;
background: #eee;
cursor: pointer;
font-size: 14px;
font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
transition: 0.3s;
}
.fz-filter-btn.active { background: #16bd78 !important; color: white !important; font-weight: bold; }

/ چیدمان شبکه کارت‌ها /
.fz-category-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
width: 100% !important;
}

/ استایل کارت نهایی (تبدیل به تگ a شده است) /
.fz-card {
background: white !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 10px !important;
border-radius: 8px !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
border-bottom: 4px solid #16bd78 !important; / خط سبز رنگ پایین کارت‌ها /
box-sizing: border-box !important;
cursor: pointer;
transition: all 0.2s ease;
margin: 0 !important;
text-decoration: none !important; / حذف خط زیر لینک /
}

.fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important; }

/ استایل فونت داخل کارت /
.fz-title {
font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
font-weight: 500 !important;
color: #333 !important;
font-size: 14px !important; / اندازه برای خوانایی بهتر در کلمات طولانی /
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

/ واکنش‌گرایی موبایل /
@media (max-width: 992px) {
.fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
.fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
.fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; }
}

/ کلاس مخفی‌سازی برای فیلتر و جستجو */
.is-hidden { display: none !important; }
</style>

<script>
// تابع فیلتر دسته‌بندی
function filterSelection(event, category) {
const cards = document.getElementsByClassName("fz-card");
const buttons = document.getElementsByClassName("fz-filter-btn");

// حذف حالت فعال از همه دکمه‌ها
for (let btn of buttons) btn.classList.remove("active");
// اضافه کردن حالت فعال به دکمه کلیک شده
event.currentTarget.classList.add("active");

// نمایش یا عدم نمایش کارت‌ها
for (let card of cards) {
if (category === 'all' || card.classList.contains(category)) {
card.classList.remove("is-hidden");
} else {
card.classList.add("is-hidden");
}
}
}

// تابع جستجوی زنده
document.getElementById('categorySearch').addEventListener('keyup', function() {
const val = this.value.toLowerCase().trim();
const cards = document.getElementsByClassName("fz-card");

for (let card of cards) {
const title = card.querySelector('.fz-title').innerText.toLowerCase();
if (title.includes(val)) {
card.classList.remove("is-hidden");
} else {
card.classList.add("is-hidden");
}
}
});
</script>

</html>