<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fa">
	<id>https://fa.faraghaib.ir/w/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Esfandiari</id>
	<title>فراغیب - مشارکت‌های کاربر [fa]</title>
	<link rel="self" type="application/atom+xml" href="https://fa.faraghaib.ir/w/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Esfandiari"/>
	<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/wiki/%D9%88%DB%8C%DA%98%D9%87:%D9%85%D8%B4%D8%A7%D8%B1%DA%A9%D8%AA%E2%80%8C%D9%87%D8%A7/Esfandiari"/>
	<updated>2026-08-25T16:55:41Z</updated>
	<subtitle>مشارکت‌های کاربر</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D9%81%D8%B1%D9%88%D8%B4%DB%8C_%D9%87%D8%A7%DB%8C_%D9%86%D8%B3%DB%8C%D9%85_%D8%B4%D9%87%D8%B1&amp;diff=6638</id>
		<title>پارچه فروشی های نسیم شهر</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%A7%D8%B1%DA%86%D9%87_%D9%81%D8%B1%D9%88%D8%B4%DB%8C_%D9%87%D8%A7%DB%8C_%D9%86%D8%B3%DB%8C%D9%85_%D8%B4%D9%87%D8%B1&amp;diff=6638"/>
		<updated>2026-08-18T17:19:51Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: صفحه را خالی کرد&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09123389946&amp;diff=6637</id>
		<title>09123389946</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09123389946&amp;diff=6637"/>
		<updated>2026-08-18T13:40:10Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
document.addEventListener(&amp;quot;contextmenu&amp;quot;, function (event) {&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
  alert(&amp;quot;&amp;quot;);&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;width:100%; text-align:center; margin:0 auto;&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260012-01/baner-01.png&amp;quot; alt=&amp;quot;کافه پاتوق محمد&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{کانتینر تغییر عکس/کافه محمد}}&lt;br /&gt;
{{کانتینر 4 کادر/کافه محمد}}&lt;br /&gt;
{{متن متحرک/کافه محمد}}&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260012-01/baner-01-01.png&amp;quot; alt=&amp;quot;کافه پاتوق محمد&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
{{منوی پایین صفحه/کافه محمد}}&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6433</id>
		<title>09056820426 کافی نت نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6433"/>
		<updated>2026-08-16T17:55:26Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: Esfandiari صفحهٔ 09056820426 را بدون برجای‌گذاشتن تغییرمسیر به 09056820426 کافی نت نور یکتا منتقل کرد&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
document.addEventListener(&amp;quot;contextmenu&amp;quot;, function (event) {&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
  alert(&amp;quot;کلیک راست در این صفحه غیرفعال است.&amp;quot;);&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;width:100%; text-align:rtl; margin:0 auto;&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/09056820426.png&amp;quot; alt=&amp;quot;کافی نت نور یکتا&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;video-container&amp;quot; style=&amp;quot;&lt;br /&gt;
    max-width: 800px; /* حداکثر عرض کلی ویدیو */&lt;br /&gt;
    margin: 20px auto; /* وسط‌چین کردن کانتینر در صفحه */&lt;br /&gt;
    border-radius: 12px; &lt;br /&gt;
    overflow: hidden; &lt;br /&gt;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;video &lt;br /&gt;
    controls &lt;br /&gt;
    preload=&amp;quot;none&amp;quot; &lt;br /&gt;
    poster=&amp;quot;https://dl.faraghaib.ir/bfa.png&amp;quot; &lt;br /&gt;
    style=&amp;quot;&lt;br /&gt;
        width: 100%; &lt;br /&gt;
        aspect-ratio: 16 / 9; /* این مهم‌ترین بخش برای کنترل ارتفاع است */&lt;br /&gt;
        object-fit: cover;    /* پر کردن فضا بدون دفرمه شدن */&lt;br /&gt;
        display: block;&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;source src=&amp;quot;https://dl.faraghaib.ir/faraghaib.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot;&amp;gt;&lt;br /&gt;
    مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.&lt;br /&gt;
  &amp;lt;/video&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{کارت خدمات/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن و کارت/کافی نت نور یکتا}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[رده:کافی نت های نسیم شهر]]&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%B1%DB%8C%D8%B3%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6432</id>
		<title>پریسا اسفندیاری</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%B1%DB%8C%D8%B3%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6432"/>
		<updated>2026-08-16T17:38:46Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;سلام آبجب بنده حرف گوش نمیده و  بعد چند سال خونه اش رو جابه جا نمیکنه چی کار کنم قبول کنه&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%B1%DB%8C%D8%B3%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6431</id>
		<title>پریسا اسفندیاری</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%BE%D8%B1%DB%8C%D8%B3%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6431"/>
		<updated>2026-08-16T17:36:33Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09125282886_%D8%B1%D8%B4%DB%8C%D8%AF_%D9%85%D9%86%D8%A7%D9%81_%D8%B2%D8%A7%D8%AF%D9%87&amp;diff=6430</id>
		<title>09125282886 رشید مناف زاده</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09125282886_%D8%B1%D8%B4%DB%8C%D8%AF_%D9%85%D9%86%D8%A7%D9%81_%D8%B2%D8%A7%D8%AF%D9%87&amp;diff=6430"/>
		<updated>2026-08-16T15:01:22Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: Esfandiari صفحهٔ 09125282886 را بدون برجای‌گذاشتن تغییرمسیر به 09125282886 رشید مناف زاده منتقل کرد&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09300667824_%D8%A7%D8%B3%D9%85%D8%A7%D8%B9%DB%8C%D9%84_%D9%82%D8%B1%D9%87_%D8%AF%D8%A7%D8%BA%DB%8C&amp;diff=6429</id>
		<title>09300667824 اسماعیل قره داغی</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09300667824_%D8%A7%D8%B3%D9%85%D8%A7%D8%B9%DB%8C%D9%84_%D9%82%D8%B1%D9%87_%D8%AF%D8%A7%D8%BA%DB%8C&amp;diff=6429"/>
		<updated>2026-08-16T14:23:27Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09125282886_%D8%B1%D8%B4%DB%8C%D8%AF_%D9%85%D9%86%D8%A7%D9%81_%D8%B2%D8%A7%D8%AF%D9%87&amp;diff=6428</id>
		<title>09125282886 رشید مناف زاده</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09125282886_%D8%B1%D8%B4%DB%8C%D8%AF_%D9%85%D9%86%D8%A7%D9%81_%D8%B2%D8%A7%D8%AF%D9%87&amp;diff=6428"/>
		<updated>2026-08-16T14:13:42Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1:Esfandiari&amp;diff=6427</id>
		<title>کاربر:Esfandiari</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1:Esfandiari&amp;diff=6427"/>
		<updated>2026-08-16T13:39:46Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
[[mediawikiwiki:Manual:Wiki_in_site_root_directory|تغیر مسیر دایرکتوری ویکی]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[کافه های نسیم شهر|کافه]]&lt;br /&gt;
&lt;br /&gt;
[[چاپخانه های نسیم شهر|چاپخانه]]&lt;br /&gt;
&lt;br /&gt;
[[خشک شویی های نسیم شهر|خشک شویی]]&lt;br /&gt;
&lt;br /&gt;
[[توتون فروش های نسیم شهر|توتون فروش]]&lt;br /&gt;
&lt;br /&gt;
[[پارکینگ های نسیم شهر|پارکینگ]]&lt;br /&gt;
&lt;br /&gt;
[[جوشکار های نسیم شهر|جوشکار]]&lt;br /&gt;
&lt;br /&gt;
[[طراح دکوراسیون داخلی نسیم شهر|طراح دکوراسیون داخلی]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های ظروف یکبار مصرف نسیم شهر|تأمین کننده ظروف یکبار مصرف]]&lt;br /&gt;
&lt;br /&gt;
[[میخانه های نسیم شهر|میخانه]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های تجهیزات ساختمانی نسیم شهر|تأمین کننده تجهیزات ساختمانی]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های مواد غذایی نسیم شهر|تأمین کننده مواد غذایی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های محصولات چوبی نسیم شهر|فروشگاه محصولات چوبی]]&lt;br /&gt;
&lt;br /&gt;
[[تاکسی سرویس های نسیم شهر|تاکسی سرویس]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کرایه بازی های ویدئویی نسیم شهر|فروشگاه کرایه بازی های ویدئویی]]&lt;br /&gt;
&lt;br /&gt;
[[کارگاه های فلزکاری نسیم شهر|کارگاه فلزکاری]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کاغذ دیواری نسیم شهر|فروشگاه کاغذ دیواری]]&lt;br /&gt;
&lt;br /&gt;
[[تعمیرگاه های ابزار نسیم شهر|تعمیرگاه ابزار]]&lt;br /&gt;
&lt;br /&gt;
[[خرازی های نسیم شهر|خرازی]]&lt;br /&gt;
&lt;br /&gt;
[[شرکت های تأسیسات برق نسیم شهر|شرکت تأسیسات برق]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات تعمیر یخچال نسیم شهر|خدمات تعمیر یخچال]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات شستشوی فرش نسیم شهر|خدمات شستشوی فرش]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های دوربین نسیم شهر|فروشگاه دوربین]]&lt;br /&gt;
&lt;br /&gt;
[[باشگاه های بردگیم نسیم شهر|باشگاه بردگیم]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات خبررسانی نسیم شهر|خدمات خبررسانی]]&lt;br /&gt;
&lt;br /&gt;
[[برقکار های نسیم شهر|برقکار]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات بازاریابی اینترنتی نسیم شهر|خدمات بازاریابی اینترنتی]]&lt;br /&gt;
&lt;br /&gt;
[[مشاور های نسیم شهر|مشاور]]&lt;br /&gt;
&lt;br /&gt;
[[گورستان های نسیم شهر|گورستان]]&lt;br /&gt;
&lt;br /&gt;
[[کارخانه های مواد شیمیایی نسیم شهر|کارخانه مواد شیمیایی]]&lt;br /&gt;
&lt;br /&gt;
[[کلوپ های شبانه نسیم شهر|کلوپ شبانه]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های لوله نسیم شهر|تأمین کننده لوله]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های حراجی نسیم شهر|فروشگاه حراجی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های محصولات ارگانیک نسیم شهر|فروشگاه محصولات ارگانیک]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم اینترنتی نسیم شهر|فروشگاه لوازم اینترنتی]]&lt;br /&gt;
&lt;br /&gt;
[[مهندسین مشاور نسیم شهر|مهندسین مشاور]]&lt;br /&gt;
&lt;br /&gt;
[[عکاس های نسیم شهر|عکاس]]&lt;br /&gt;
&lt;br /&gt;
[[استودیو های ضبط نسیم شهر|استودیوی ضبط]]&lt;br /&gt;
&lt;br /&gt;
[[طراح های گرافیک نسیم شهر|طراح گرافیک]]&lt;br /&gt;
&lt;br /&gt;
[[هم خانگی های نسیم شهر|هم خانگی]]&lt;br /&gt;
&lt;br /&gt;
[[عرضه کننده های محصولات پلاستیکی نسیم شهر|عرضه کننده محصولات پلاستیکی]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات آسانسور نسیم شهر|خدمات آسانسور]]&lt;br /&gt;
&lt;br /&gt;
[[استودیو های هنری نسیم شهر|استودیوی هنری]] &lt;br /&gt;
&lt;br /&gt;
[[پرنده فروشی های نسیم شهر|پرنده فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[دامداری های نسیم شهر|دامداری]] &lt;br /&gt;
&lt;br /&gt;
[[فروشنده های موتورسیکلت نسیم شهر|فروشنده موتورسیکلت]] &lt;br /&gt;
&lt;br /&gt;
[[صنایع دستی نسیم شهر|صنایع دستی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های شیشه و آینه نسیم شهر|فروشگاه شیشه و آینه]] &lt;br /&gt;
&lt;br /&gt;
[[خدمات کشاورزی نسیم شهر|خدمات کشاورزی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم هنری نسیم شهر|فروشگاه لوازم هنری]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های سیستم های امنیتی نسیم شهر|تأمین کننده سیستم های امنیتی]] &lt;br /&gt;
&lt;br /&gt;
[[طراحی های معماری نسیم شهر|طراحی معماری]] &lt;br /&gt;
&lt;br /&gt;
[[رستوران های نسیم شهر|رستوران]] &lt;br /&gt;
&lt;br /&gt;
[[فست فود های نسیم شهر|فست فود]]&lt;br /&gt;
&lt;br /&gt;
[[پیتزا فروشی های نسیم شهر|پیتزا]] &lt;br /&gt;
&lt;br /&gt;
[[کبابی های نسیم شهر|کبابی]] &lt;br /&gt;
&lt;br /&gt;
[[قنادی های نسیم شهر|قنادی]]&lt;br /&gt;
&lt;br /&gt;
[[شیرینی فروشی های نسیم شهر|شیرینی فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[بستنی فروشی های نسیم شهر|بستنی فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[آبمیوه و بستنی فروشی های نسیم شهر|آبمیوه و بستنی]]&lt;br /&gt;
&lt;br /&gt;
[[نانوایی های نسیم شهر|نانوایی]] &lt;br /&gt;
&lt;br /&gt;
[[سوپرمارکت های نسیم شهر|سوپرمارکت]]&lt;br /&gt;
&lt;br /&gt;
[[هایپرمارکت های نسیم شهر|هایپرمارکت]]&lt;br /&gt;
&lt;br /&gt;
[[عمده فروشی های نسیم شهر|عمده فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[قصابی های نسیم شهر|قصابی]] &lt;br /&gt;
&lt;br /&gt;
[[میوه فروشی های نسیم شهر|میوه فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[عطاری های نسیم شهر|عطاری]] &lt;br /&gt;
&lt;br /&gt;
[[سالن های زیبایی نسیم شهر|سالن زیبایی]] &lt;br /&gt;
&lt;br /&gt;
[[کلینیک های زیبایی نسیم شهر|کلینیک زیبایی]] &lt;br /&gt;
&lt;br /&gt;
[[اسپا های نسیم شهر|اسپا]] &lt;br /&gt;
&lt;br /&gt;
[[داروخانه های نسیم شهر|داروخانه]] &lt;br /&gt;
&lt;br /&gt;
[[بیمارستان های نسیم شهر|بیمارستان]] &lt;br /&gt;
&lt;br /&gt;
[[کلینیک های نسیم شهر|کلینیک]] &lt;br /&gt;
&lt;br /&gt;
[[مطب های پزشک نسیم شهر|مطب پزشک]] &lt;br /&gt;
&lt;br /&gt;
[[مطب های دندانپزشک نسیم شهر|مطب دندانپزشک]] &lt;br /&gt;
&lt;br /&gt;
[[آزمایشگاه های پزشکی نسیم شهر|آزمایشگاه پزشکی]] &lt;br /&gt;
&lt;br /&gt;
[[فیزیوتراپی های نسیم شهر|فیزیوتراپی]] &lt;br /&gt;
&lt;br /&gt;
[[عینک سازی های نسیم شهر|عینک سازی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم پزشکی نسیم شهر|فروشگاه لوازم پزشکی]] &lt;br /&gt;
&lt;br /&gt;
[[باشگاه های ورزشی نسیم شهر|باشگاه ورزشی]] &lt;br /&gt;
&lt;br /&gt;
[[استخر های نسیم شهر|استخر]] &lt;br /&gt;
&lt;br /&gt;
[[باشگاه های بدنسازی نسیم شهر|باشگاه بدنسازی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های ورزشی نسیم شهر|فروشگاه ورزشی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک زنانه نسیم شهر|پوشاک زنانه]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک نسیم شهر|فروشگاه پوشاک]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک مردانه نسیم شهر|پوشاک مردانه]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک کودک نسیم شهر|پوشاک کودک]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های نوشت افزار نسیم شهر|فروشگاه نوشت افزار]] &lt;br /&gt;
&lt;br /&gt;
[[کفش فروشی های نسیم شهر|کفش فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[جواهر فروشی های نسیم شهر|جواهرات]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کادو نسیم شهر|فروشگاه کادو]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های عطر و ادکلن نسیم شهر|عطر و ادکلن]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم آرایشی نسیم شهر|فروشگاه لوازم آرایشی]] &lt;br /&gt;
&lt;br /&gt;
[[کیف و کوله فروشی های نسیم شهر|کیف و کوله]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های حیوانات خانگی نسیم شهر|فروشگاه حیوانات خانگی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم خانگی نسیم شهر|فروشگاه لوازم خانگی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های مبلمان نسیم شهر|فروشگاه مبلمان]] &lt;br /&gt;
&lt;br /&gt;
[[پارچه فروشی های نسیم شهر|پارچه فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[گل فروشی های نسیم شهر|گل فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[فرش فروشی های نسیم شهر|فرش فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های موبایل نسیم شهر|فروشگاه موبایل]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های اسباب بازی نسیم شهر|فروشگاه اسباب بازی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کامپیوتر نسیم شهر|فروشگاه کامپیوتر]] &lt;br /&gt;
&lt;br /&gt;
[[کافی نت های نسیم شهر|کافی نت]] &lt;br /&gt;
&lt;br /&gt;
[[تعمیرات موبایل در نسیم شهر|تعمیرات موبایل]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم برقی نسیم شهر|لوازم برقی]] &lt;br /&gt;
&lt;br /&gt;
[[نمایندگی های خودرو در نسیم شهر|نمایندگی خودرو]] &lt;br /&gt;
&lt;br /&gt;
[[تعمیرگاه های خودرو در نسیم شهر|تعمیرگاه خودرو]] &lt;br /&gt;
&lt;br /&gt;
[[پمپ بنزین های نسیم شهر|پمپ بنزین]] &lt;br /&gt;
&lt;br /&gt;
[[کارواش های نسیم شهر|کارواش]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های ابزار نسیم شهر|فروشگاه ابزار]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم یدکی خودرو در نسیم شهر|لوازم یدکی خودرو]]&lt;br /&gt;
&lt;br /&gt;
[[تعمیرات وسایل الکترونیک نسیم شهر|تعمیرات وسایل الکترونیک]] &lt;br /&gt;
[[سازنده های نسیم شهر|سازنده]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های تجهیزات صنعتی نسیم شهر|تأمین کننده تجهیزات صنعتی]] &lt;br /&gt;
&lt;br /&gt;
[[شرکت های ساختمانی نسیم شهر|شرکت ساختمانی]] &lt;br /&gt;
&lt;br /&gt;
[[خیاط های نسیم شهر|خیاط]] &lt;br /&gt;
&lt;br /&gt;
[[انبار های نسیم شهر|انبار]] &lt;br /&gt;
&lt;br /&gt;
[[بانک های نسیم شهر|بانک]]  &lt;br /&gt;
&lt;br /&gt;
[[عابر بانک های نسیم شهر|عابر بانک]] &lt;br /&gt;
&lt;br /&gt;
[[شرکت های بیمه نسیم شهر|بیمه]]&lt;br /&gt;
&lt;br /&gt;
[[دفتر های اسناد رسمی نسیم شهر|دفتر اسناد رسمی]]&lt;br /&gt;
&lt;br /&gt;
[[اداره پست نسیم شهر|پست]]&lt;br /&gt;
&lt;br /&gt;
[[شهرداری نسیم شهر|شهرداری]]&lt;br /&gt;
&lt;br /&gt;
[[اداره های دولتی نسیم شهر|اداره دولتی]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات چاپ نسیم شهر|خدمات چاپ]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات تاسیساتی نسیم شهر|خدمات تاسیساتی]]&lt;br /&gt;
&lt;br /&gt;
[[آژانس های تبلیغاتی نسیم شهر|آژانس تبلیغاتی]]&lt;br /&gt;
&lt;br /&gt;
[[مجتمع های مسکونی نسیم شهر|مجتمع مسکونی]]&lt;br /&gt;
&lt;br /&gt;
[[بنگاه های املاک نسیم شهر|بنگاه املاک]] - ۸۳ &lt;br /&gt;
&lt;br /&gt;
[[دفتر شرکت های نسیم شهر|دفتر شرکت]]&lt;br /&gt;
&lt;br /&gt;
[[انجمن ها و سازمان های نسیم شهر|انجمن / سازمان]]&lt;br /&gt;
&lt;br /&gt;
[[طراح های وب سایت در نسیم شهر|طراح وب سایت]]&lt;br /&gt;
&lt;br /&gt;
[[ارائه دهنده های خدمات اینترنت در نسیم شهر|ارائه دهنده خدمات اینترنت]]&lt;br /&gt;
&lt;br /&gt;
[[ارائه دهنده های خدمات مخابراتی نسیم شهر|ارائه دهنده خدمات مخابراتی]] &lt;br /&gt;
&lt;br /&gt;
[[آژانس های مسافرتی نسیم شهر|آژانس مسافرتی]]&lt;br /&gt;
&lt;br /&gt;
[[ایستگاه قطار نسیم شهر|ایستگاه قطار]] &lt;br /&gt;
&lt;br /&gt;
[[خدمات حمل و نقل نسیم شهر|خدمات حمل و نقل]] &lt;br /&gt;
&lt;br /&gt;
[[مدرسه های نسیم شهر|مدرسه]] &lt;br /&gt;
&lt;br /&gt;
[[دانشگاه های نسیم شهر|دانشگاه]] &lt;br /&gt;
&lt;br /&gt;
[[آموزشگاه های زبان نسیم شهر|آموزشگاه زبان]] &lt;br /&gt;
&lt;br /&gt;
[[مرکز های آموزشی نسیم شهر|مرکز آموزشی]] &lt;br /&gt;
&lt;br /&gt;
[[کتابخانه های نسیم شهر|کتابخانه]] &lt;br /&gt;
&lt;br /&gt;
[[کتابفروشی های نسیم شهر|کتابفروشی]] &lt;br /&gt;
&lt;br /&gt;
[[پارک های نسیم شهر|پارک]]&lt;br /&gt;
&lt;br /&gt;
[[سینما های نسیم شهر|سینما]]&lt;br /&gt;
&lt;br /&gt;
[[مرکز های فرهنگی نسیم شهر|مرکز فرهنگی]]&lt;br /&gt;
&lt;br /&gt;
[[مرکز های خرید نسیم شهر|مرکز خرید]] &lt;br /&gt;
&lt;br /&gt;
[[شهربازی های نسیم شهر|شهربازی]]&lt;br /&gt;
&lt;br /&gt;
[[مزرعه های نسیم شهر|مزرعه]] &lt;br /&gt;
&lt;br /&gt;
[[مسجد های نسیم شهر|مسجد]] &lt;br /&gt;
&lt;br /&gt;
[[محل های برگزاری عروسی در نسیم شهر|محل برگزاری عروسی]] &lt;br /&gt;
&lt;br /&gt;
[[جاذبه های گردشگری نسیم شهر|جاذبه های گردشگری]] &lt;br /&gt;
&lt;br /&gt;
[[استودیو های عکاسی نسیم شهر|استودیوی عکاسی]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1:Esfandiari&amp;diff=6405</id>
		<title>کاربر:Esfandiari</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1:Esfandiari&amp;diff=6405"/>
		<updated>2026-08-16T12:16:10Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
[[mediawikiwiki:Manual:Wiki_in_site_root_directory|تغیر مسیر دایرکتوری ویکی]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[کافه های نسیم شهر|کافه]]&lt;br /&gt;
&lt;br /&gt;
[[چاپخانه های نسیم شهر|چاپخانه]]&lt;br /&gt;
&lt;br /&gt;
[[خشک شویی های نسیم شهر|خشک شویی]]&lt;br /&gt;
&lt;br /&gt;
[[توتون فروش های نسیم شهر|توتون فروش]]&lt;br /&gt;
&lt;br /&gt;
[[پارکینگ های نسیم شهر|پارکینگ]]&lt;br /&gt;
&lt;br /&gt;
[[جوشکار های نسیم شهر|جوشکار]]&lt;br /&gt;
&lt;br /&gt;
[[طراح دکوراسیون داخلی نسیم شهر|طراح دکوراسیون داخلی]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های ظروف یکبار مصرف نسیم شهر|تأمین کننده ظروف یکبار مصرف]]&lt;br /&gt;
&lt;br /&gt;
[[میخانه های نسیم شهر|میخانه]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های تجهیزات ساختمانی نسیم شهر|تأمین کننده تجهیزات ساختمانی]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های مواد غذایی نسیم شهر|تأمین کننده مواد غذایی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های محصولات چوبی نسیم شهر|فروشگاه محصولات چوبی]]&lt;br /&gt;
&lt;br /&gt;
[[تاکسی سرویس های نسیم شهر|تاکسی سرویس]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کرایه بازی های ویدئویی نسیم شهر|فروشگاه کرایه بازی های ویدئویی]]&lt;br /&gt;
&lt;br /&gt;
[[کارگاه های فلزکاری نسیم شهر|کارگاه فلزکاری]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کاغذ دیواری نسیم شهر|فروشگاه کاغذ دیواری]]&lt;br /&gt;
&lt;br /&gt;
[[تعمیرگاه های ابزار نسیم شهر|تعمیرگاه ابزار]]&lt;br /&gt;
&lt;br /&gt;
[[خرازی های نسیم شهر|خرازی]]&lt;br /&gt;
&lt;br /&gt;
[[شرکت های تأسیسات برق نسیم شهر|شرکت تأسیسات برق]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات تعمیر یخچال نسیم شهر|خدمات تعمیر یخچال]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات شستشوی فرش نسیم شهر|خدمات شستشوی فرش]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های دوربین نسیم شهر|فروشگاه دوربین]]&lt;br /&gt;
&lt;br /&gt;
[[باشگاه های بردگیم نسیم شهر|باشگاه بردگیم]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات خبررسانی نسیم شهر|خدمات خبررسانی]]&lt;br /&gt;
&lt;br /&gt;
[[برقکار های نسیم شهر|برقکار]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات بازاریابی اینترنتی نسیم شهر|خدمات بازاریابی اینترنتی]]&lt;br /&gt;
&lt;br /&gt;
[[مشاور های نسیم شهر|مشاور]]&lt;br /&gt;
&lt;br /&gt;
[[گورستان های نسیم شهر|گورستان]]&lt;br /&gt;
&lt;br /&gt;
[[کارخانه های مواد شیمیایی نسیم شهر|کارخانه مواد شیمیایی]]&lt;br /&gt;
&lt;br /&gt;
[[کلوپ های شبانه نسیم شهر|کلوپ شبانه]]&lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های لوله نسیم شهر|تأمین کننده لوله]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های حراجی نسیم شهر|فروشگاه حراجی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های محصولات ارگانیک نسیم شهر|فروشگاه محصولات ارگانیک]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم اینترنتی نسیم شهر|فروشگاه لوازم اینترنتی]]&lt;br /&gt;
&lt;br /&gt;
[[مهندسین مشاور نسیم شهر|مهندسین مشاور]]&lt;br /&gt;
&lt;br /&gt;
[[عکاس های نسیم شهر|عکاس]]&lt;br /&gt;
&lt;br /&gt;
[[استودیو های ضبط نسیم شهر|استودیوی ضبط]]&lt;br /&gt;
&lt;br /&gt;
[[طراح های گرافیک نسیم شهر|طراح گرافیک]]&lt;br /&gt;
&lt;br /&gt;
[[هم خانگی های نسیم شهر|هم خانگی]]&lt;br /&gt;
&lt;br /&gt;
[[عرضه کننده های محصولات پلاستیکی نسیم شهر|عرضه کننده محصولات پلاستیکی]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات آسانسور نسیم شهر|خدمات آسانسور]]&lt;br /&gt;
&lt;br /&gt;
[[استودیو های هنری نسیم شهر|استودیوی هنری]] &lt;br /&gt;
&lt;br /&gt;
[[پرنده فروشی های نسیم شهر|پرنده فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[دامداری های نسیم شهر|دامداری]] &lt;br /&gt;
&lt;br /&gt;
[[فروشنده های موتورسیکلت نسیم شهر|فروشنده موتورسیکلت]] &lt;br /&gt;
&lt;br /&gt;
[[صنایع دستی نسیم شهر|صنایع دستی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های شیشه و آینه نسیم شهر|فروشگاه شیشه و آینه]] &lt;br /&gt;
&lt;br /&gt;
[[خدمات کشاورزی نسیم شهر|خدمات کشاورزی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم هنری نسیم شهر|فروشگاه لوازم هنری]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های سیستم های امنیتی نسیم شهر|تأمین کننده سیستم های امنیتی]] &lt;br /&gt;
&lt;br /&gt;
[[طراحی های معماری نسیم شهر|طراحی معماری]] &lt;br /&gt;
&lt;br /&gt;
[[رستوران های نسیم شهر|رستوران]] &lt;br /&gt;
&lt;br /&gt;
[[فست فود های نسیم شهر|فست فود]]&lt;br /&gt;
&lt;br /&gt;
[[پیتزا فروشی های نسیم شهر|پیتزا]] &lt;br /&gt;
&lt;br /&gt;
[[کبابی های نسیم شهر|کبابی]] &lt;br /&gt;
&lt;br /&gt;
[[قنادی های نسیم شهر|قنادی]]&lt;br /&gt;
&lt;br /&gt;
[[شیرینی فروشی های نسیم شهر|شیرینی فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[بستنی فروشی های نسیم شهر|بستنی فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[آبمیوه و بستنی فروشی های نسیم شهر|آبمیوه و بستنی]]&lt;br /&gt;
&lt;br /&gt;
[[نانوایی های نسیم شهر|نانوایی]] &lt;br /&gt;
&lt;br /&gt;
[[سوپرمارکت های نسیم شهر|سوپرمارکت]]&lt;br /&gt;
&lt;br /&gt;
[[هایپرمارکت های نسیم شهر|هایپرمارکت]]&lt;br /&gt;
&lt;br /&gt;
[[عمده فروشی های نسیم شهر|عمده فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[قصابی های نسیم شهر|قصابی]] &lt;br /&gt;
&lt;br /&gt;
[[میوه فروشی های نسیم شهر|میوه فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[عطاری های نسیم شهر|عطاری]] &lt;br /&gt;
&lt;br /&gt;
[[سالن های زیبایی نسیم شهر|سالن زیبایی]] &lt;br /&gt;
&lt;br /&gt;
[[کلینیک های زیبایی نسیم شهر|کلینیک زیبایی]] &lt;br /&gt;
&lt;br /&gt;
[[اسپا های نسیم شهر|اسپا]] &lt;br /&gt;
&lt;br /&gt;
[[داروخانه های نسیم شهر|داروخانه]] &lt;br /&gt;
&lt;br /&gt;
[[بیمارستان های نسیم شهر|بیمارستان]] &lt;br /&gt;
&lt;br /&gt;
[[کلینیک های نسیم شهر|کلینیک]] &lt;br /&gt;
&lt;br /&gt;
[[مطب های پزشک نسیم شهر|مطب پزشک]] &lt;br /&gt;
&lt;br /&gt;
[[مطب های دندانپزشک نسیم شهر|مطب دندانپزشک]] &lt;br /&gt;
&lt;br /&gt;
[[آزمایشگاه های پزشکی نسیم شهر|آزمایشگاه پزشکی]] &lt;br /&gt;
&lt;br /&gt;
[[فیزیوتراپی های نسیم شهر|فیزیوتراپی]] &lt;br /&gt;
&lt;br /&gt;
[[عینک سازی های نسیم شهر|عینک سازی]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم پزشکی نسیم شهر|فروشگاه لوازم پزشکی]] &lt;br /&gt;
&lt;br /&gt;
[[باشگاه های ورزشی نسیم شهر|باشگاه ورزشی]] &lt;br /&gt;
&lt;br /&gt;
[[استخر های نسیم شهر|استخر]] &lt;br /&gt;
&lt;br /&gt;
[[باشگاه های بدنسازی نسیم شهر|باشگاه بدنسازی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های ورزشی نسیم شهر|فروشگاه ورزشی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک زنانه نسیم شهر|پوشاک زنانه]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک نسیم شهر|فروشگاه پوشاک]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک مردانه نسیم شهر|پوشاک مردانه]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های پوشاک کودک نسیم شهر|پوشاک کودک]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های نوشت افزار نسیم شهر|فروشگاه نوشت افزار]] &lt;br /&gt;
&lt;br /&gt;
[[کفش فروشی های نسیم شهر|کفش فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[جواهر فروشی های نسیم شهر|جواهرات]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کادو نسیم شهر|فروشگاه کادو]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های عطر و ادکلن نسیم شهر|عطر و ادکلن]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم آرایشی نسیم شهر|فروشگاه لوازم آرایشی]] &lt;br /&gt;
&lt;br /&gt;
[[کیف و کوله فروشی های نسیم شهر|کیف و کوله]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های حیوانات خانگی نسیم شهر|فروشگاه حیوانات خانگی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم خانگی نسیم شهر|فروشگاه لوازم خانگی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های مبلمان نسیم شهر|فروشگاه مبلمان]] &lt;br /&gt;
&lt;br /&gt;
[[پارچه فروشی های نسیم شهر|پارچه فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[گل فروشی های نسیم شهر|گل فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[فرش فروشی های نسیم شهر|فرش فروشی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های موبایل نسیم شهر|فروشگاه موبایل]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های اسباب بازی نسیم شهر|فروشگاه اسباب بازی]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های کامپیوتر نسیم شهر|فروشگاه کامپیوتر]] &lt;br /&gt;
&lt;br /&gt;
[[کافی نت های نسیم شهر|کافی نت]] &lt;br /&gt;
&lt;br /&gt;
[[تعمیرات موبایل در نسیم شهر|تعمیرات موبایل]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم برقی نسیم شهر|لوازم برقی]] &lt;br /&gt;
&lt;br /&gt;
[[نمایندگی های خودرو در نسیم شهر|نمایندگی خودرو]] &lt;br /&gt;
&lt;br /&gt;
[[تعمیرگاه های خودرو در نسیم شهر|تعمیرگاه خودرو]] &lt;br /&gt;
&lt;br /&gt;
[[پمپ بنزین های نسیم شهر|پمپ بنزین]] &lt;br /&gt;
&lt;br /&gt;
[[کارواش های نسیم شهر|کارواش]] &lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های ابزار نسیم شهر|فروشگاه ابزار]]&lt;br /&gt;
&lt;br /&gt;
[[فروشگاه های لوازم یدکی خودرو در نسیم شهر|لوازم یدکی خودرو]]&lt;br /&gt;
&lt;br /&gt;
[[تعمیرات وسایل الکترونیک نسیم شهر|تعمیرات وسایل الکترونیک]] &lt;br /&gt;
[[سازنده های نسیم شهر|سازنده]] &lt;br /&gt;
&lt;br /&gt;
[[تأمین کننده های تجهیزات صنعتی نسیم شهر|تأمین کننده تجهیزات صنعتی]] &lt;br /&gt;
&lt;br /&gt;
[[شرکت های ساختمانی نسیم شهر|شرکت ساختمانی]] &lt;br /&gt;
&lt;br /&gt;
[[خیاط های نسیم شهر|خیاط]] &lt;br /&gt;
&lt;br /&gt;
[[انبار های نسیم شهر|انبار]] &lt;br /&gt;
&lt;br /&gt;
[[بانک های نسیم شهر|بانک]]  &lt;br /&gt;
&lt;br /&gt;
[[عابر بانک های نسیم شهر|عابر بانک]] &lt;br /&gt;
&lt;br /&gt;
[[شرکت های بیمه نسیم شهر|بیمه]]&lt;br /&gt;
&lt;br /&gt;
[[دفتر های اسناد رسمی نسیم شهر|دفتر اسناد رسمی]]&lt;br /&gt;
&lt;br /&gt;
[[اداره پست نسیم شهر|پست]]&lt;br /&gt;
&lt;br /&gt;
[[شهرداری نسیم شهر|شهرداری]]&lt;br /&gt;
&lt;br /&gt;
[[اداره های دولتی نسیم شهر|اداره دولتی]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات چاپ نسیم شهر|خدمات چاپ]]&lt;br /&gt;
&lt;br /&gt;
[[خدمات تاسیساتی نسیم شهر|خدمات تاسیساتی]]&lt;br /&gt;
&lt;br /&gt;
[[آژانس های تبلیغاتی نسیم شهر|آژانس تبلیغاتی]]&lt;br /&gt;
&lt;br /&gt;
[[مجتمع های مسکونی نسیم شهر|مجتمع مسکونی]]&lt;br /&gt;
&lt;br /&gt;
[[بنگاه های املاک نسیم شهر|بنگاه املاک]] - ۸۳ &lt;br /&gt;
&lt;br /&gt;
[[دفتر شرکت های نسیم شهر|دفتر شرکت]]&lt;br /&gt;
&lt;br /&gt;
[[انجمن ها و سازمان های نسیم شهر|انجمن / سازمان]]&lt;br /&gt;
&lt;br /&gt;
[[طراح های وب سایت در نسیم شهر|طراح وب سایت]]&lt;br /&gt;
&lt;br /&gt;
[[ارائه دهنده های خدمات اینترنت در نسیم شهر|ارائه دهنده خدمات اینترنت]]&lt;br /&gt;
&lt;br /&gt;
[[ارائه دهنده های خدمات مخابراتی نسیم شهر|ارائه دهنده خدمات مخابراتی]] &lt;br /&gt;
&lt;br /&gt;
[[آژانس های مسافرتی نسیم شهر|آژانس مسافرتی]]&lt;br /&gt;
&lt;br /&gt;
[[ایستگاه قطار نسیم شهر|ایستگاه قطار]] &lt;br /&gt;
&lt;br /&gt;
[[خدمات حمل و نقل نسیم شهر|خدمات حمل و نقل]] &lt;br /&gt;
&lt;br /&gt;
[[مدرسه های نسیم شهر|مدرسه]] &lt;br /&gt;
&lt;br /&gt;
[[دانشگاه های نسیم شهر|دانشگاه]] &lt;br /&gt;
&lt;br /&gt;
[[آموزشگاه های زبان نسیم شهر|آموزشگاه زبان]] &lt;br /&gt;
&lt;br /&gt;
[[مرکز های آموزشی نسیم شهر|مرکز آموزشی]] &lt;br /&gt;
&lt;br /&gt;
[[کتابخانه های نسیم شهر|کتابخانه]] &lt;br /&gt;
&lt;br /&gt;
[[کتابفروشی های نسیم شهر|کتابفروشی]] &lt;br /&gt;
&lt;br /&gt;
[[پارک های نسیم شهر|پارک]]&lt;br /&gt;
&lt;br /&gt;
[[سینما های نسیم شهر|سینما]]&lt;br /&gt;
&lt;br /&gt;
[[مرکز های فرهنگی نسیم شهر|مرکز فرهنگی]]&lt;br /&gt;
&lt;br /&gt;
[[مرکز های خرید نسیم شهر|مرکز خرید]] &lt;br /&gt;
&lt;br /&gt;
[[شهربازی های نسیم شهر|شهربازی]]&lt;br /&gt;
&lt;br /&gt;
[[مزرعه های نسیم شهر|مزرعه]] &lt;br /&gt;
&lt;br /&gt;
[[مسجد های نسیم شهر|مسجد]] &lt;br /&gt;
&lt;br /&gt;
[[محل های برگزاری عروسی در نسیم شهر|محل برگزاری عروسی]] &lt;br /&gt;
&lt;br /&gt;
[[جاذبه های گردشگری نسیم شهر|جاذبه های گردشگری]] &lt;br /&gt;
&lt;br /&gt;
[[استودیو های عکاسی نسیم شهر|استودیوی عکاسی]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6340</id>
		<title>09056820426 کافی نت نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6340"/>
		<updated>2026-08-15T08:10:46Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
document.addEventListener(&amp;quot;contextmenu&amp;quot;, function (event) {&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
  alert(&amp;quot;کلیک راست در این صفحه غیرفعال است.&amp;quot;);&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;width:100%; text-align:rtl; margin:0 auto;&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/09056820426.png&amp;quot; alt=&amp;quot;کافی نت نور یکتا&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;video-container&amp;quot; style=&amp;quot;&lt;br /&gt;
    max-width: 800px; /* حداکثر عرض کلی ویدیو */&lt;br /&gt;
    margin: 20px auto; /* وسط‌چین کردن کانتینر در صفحه */&lt;br /&gt;
    border-radius: 12px; &lt;br /&gt;
    overflow: hidden; &lt;br /&gt;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;video &lt;br /&gt;
    controls &lt;br /&gt;
    preload=&amp;quot;none&amp;quot; &lt;br /&gt;
    poster=&amp;quot;https://dl.faraghaib.ir/bfa.png&amp;quot; &lt;br /&gt;
    style=&amp;quot;&lt;br /&gt;
        width: 100%; &lt;br /&gt;
        aspect-ratio: 16 / 9; /* این مهم‌ترین بخش برای کنترل ارتفاع است */&lt;br /&gt;
        object-fit: cover;    /* پر کردن فضا بدون دفرمه شدن */&lt;br /&gt;
        display: block;&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;source src=&amp;quot;https://dl.faraghaib.ir/faraghaib.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot;&amp;gt;&lt;br /&gt;
    مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.&lt;br /&gt;
  &amp;lt;/video&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{کارت خدمات/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن و کارت/کافی نت نور یکتا}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[رده:کافی نت های نسیم شهر]]&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6339</id>
		<title>09056820426 کافی نت نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6339"/>
		<updated>2026-08-15T08:09:07Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;video-container&amp;quot; style=&amp;quot;&lt;br /&gt;
    max-width: 800px; /* حداکثر عرض کلی ویدیو */&lt;br /&gt;
    margin: 20px auto; /* وسط‌چین کردن کانتینر در صفحه */&lt;br /&gt;
    border-radius: 12px; &lt;br /&gt;
    overflow: hidden; &lt;br /&gt;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;video &lt;br /&gt;
    controls &lt;br /&gt;
    preload=&amp;quot;none&amp;quot; &lt;br /&gt;
    poster=&amp;quot;https://dl.faraghaib.ir/09056820426.png&amp;quot; &lt;br /&gt;
    style=&amp;quot;&lt;br /&gt;
        width: 100%; &lt;br /&gt;
        aspect-ratio: 16 / 9; /* این مهم‌ترین بخش برای کنترل ارتفاع است */&lt;br /&gt;
        object-fit: cover;    /* پر کردن فضا بدون دفرمه شدن */&lt;br /&gt;
        display: block;&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;source src=&amp;quot;https://dl.faraghaib.ir/faraghaib.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot;&amp;gt;&lt;br /&gt;
    مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.&lt;br /&gt;
  &amp;lt;/video&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
{{کارت خدمات/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن و کارت/کافی نت نور یکتا}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[رده:کافی نت های نسیم شهر]]&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6338</id>
		<title>09056820426 کافی نت نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6338"/>
		<updated>2026-08-14T18:05:02Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
document.addEventListener(&amp;quot;contextmenu&amp;quot;, function (event) {&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
  alert(&amp;quot;کلیک راست در این صفحه غیرفعال است.&amp;quot;);&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;width:100%; text-align:rtl; margin:0 auto;&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/09056820426.png&amp;quot; alt=&amp;quot;کافی نت نور یکتا&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
{{ویدیو&lt;br /&gt;
|لینک دانلود=https://dl.faraghaib.ir/09056820426.mp4&lt;br /&gt;
|توضیح=&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{کارت خدمات/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن و کارت/کافی نت نور یکتا}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[رده:کافی نت های نسیم شهر]]&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6337</id>
		<title>09056820426 کافی نت نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=09056820426_%DA%A9%D8%A7%D9%81%DB%8C_%D9%86%D8%AA_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6337"/>
		<updated>2026-08-14T17:42:11Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
document.addEventListener(&amp;quot;contextmenu&amp;quot;, function (event) {&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
  alert(&amp;quot;کلیک راست در این صفحه غیرفعال است.&amp;quot;);&lt;br /&gt;
});&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div style=&amp;quot;width:100%; text-align:rtl; margin:0 auto;&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div style=&amp;quot;display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/09056820426.png&amp;quot; alt=&amp;quot;کافی نت نور یکتا&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
{{کارت خدمات/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن/کافی نت نور یکتا}}&lt;br /&gt;
{{کانتینر متن و کارت/کافی نت نور یکتا}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[رده:کافی نت های نسیم شهر]]&lt;br /&gt;
[[رده:در حال ویرایش جاوید]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6336</id>
		<title>تست5</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6336"/>
		<updated>2026-08-12T17:55:36Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--&lt;br /&gt;
صفحهٔ اصلی مدرن برند «فراغیب» برای MediaWiki و پوستهٔ Vector 2022&lt;br /&gt;
&lt;br /&gt;
نصب:&lt;br /&gt;
۱) این متن را در صفحهٔ اصلی ویکی قرار دهید.&lt;br /&gt;
۲) فایل MediaWiki-Common.css را در MediaWiki:Common.css قرار دهید.&lt;br /&gt;
۳) فایل MediaWiki-Common.js را در MediaWiki:Common.js قرار دهید.&lt;br /&gt;
۴) نام فایل‌های رسانه‌ای را با فایل‌های واقعی ویکی خود جایگزین کنید.&lt;br /&gt;
۵) مسیر فایل‌های اختیاری سرور دانلود در CSS برابر است با:&lt;br /&gt;
   https://dl.faraghaib.ir/mediawiki/faraghaib/&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
__NOTOC__&lt;br /&gt;
__NOEDITSECTION__&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-home&amp;quot; dir=&amp;quot;rtl&amp;quot; lang=&amp;quot;fa&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-shell&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-hero&amp;quot; id=&amp;quot;fg-top&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-hero__content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-eyebrow&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-eyebrow__dot&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; فراغیب؛ مهندسی ایده‌های دیجیتال&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h1 class=&amp;quot;fg-hero__title&amp;quot;&amp;gt;ساختن آینده، با کدهای دقیق و خلاقانه&amp;lt;/h1&amp;gt;&lt;br /&gt;
&amp;lt;p class=&amp;quot;fg-hero__lead&amp;quot;&amp;gt;فراغیب یک مجموعهٔ فناوری برای طراحی، توسعه و رشد محصولات دیجیتال است؛ از اولین ایده تا یک تجربهٔ سریع، امن و ماندگار.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-actions&amp;quot;&amp;gt;&lt;br /&gt;
[[#fg-services|&amp;lt;span class=&amp;quot;fg-button fg-button--primary&amp;quot;&amp;gt;مشاهدهٔ خدمات &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
[[#fg-contact|&amp;lt;span class=&amp;quot;fg-button fg-button--ghost&amp;quot;&amp;gt;شروع گفتگو&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-trust-row&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-trust-row__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-check&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; طراحی انسان‌محور&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-trust-row__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-check&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; معماری قابل توسعه&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-trust-row__item&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-check&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;✓&amp;lt;/span&amp;gt; همراهی بلندمدت&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-hero__visual&amp;quot; aria-label=&amp;quot;نمونه‌ای از فضای کاری فراغیب&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-orbit fg-orbit--one&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-orbit fg-orbit--two&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-code-window&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-code-window__bar&amp;quot;&amp;gt;&amp;lt;span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;b&amp;gt;faraghaib.dev&amp;lt;/b&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;pre class=&amp;quot;fg-code-window__body&amp;quot;&amp;gt;&amp;lt;code&amp;gt;&amp;lt;span class=&amp;quot;fg-code-keyword&amp;quot;&amp;gt;const&amp;lt;/span&amp;gt; vision = {&lt;br /&gt;
  &amp;lt;span class=&amp;quot;fg-code-property&amp;quot;&amp;gt;brand&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;fg-code-string&amp;quot;&amp;gt;&amp;quot;فراغیب&amp;quot;&amp;lt;/span&amp;gt;,&lt;br /&gt;
  &amp;lt;span class=&amp;quot;fg-code-property&amp;quot;&amp;gt;focus&amp;lt;/span&amp;gt;: [&amp;lt;span class=&amp;quot;fg-code-string&amp;quot;&amp;gt;&amp;quot;web&amp;quot;&amp;lt;/span&amp;gt;, &amp;lt;span class=&amp;quot;fg-code-string&amp;quot;&amp;gt;&amp;quot;software&amp;quot;&amp;lt;/span&amp;gt;],&lt;br /&gt;
  &amp;lt;span class=&amp;quot;fg-code-property&amp;quot;&amp;gt;quality&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;fg-code-boolean&amp;quot;&amp;gt;true&amp;lt;/span&amp;gt;,&lt;br /&gt;
  &amp;lt;span class=&amp;quot;fg-code-property&amp;quot;&amp;gt;future&amp;lt;/span&amp;gt;: &amp;lt;span class=&amp;quot;fg-code-string&amp;quot;&amp;gt;&amp;quot;in progress&amp;quot;&amp;lt;/span&amp;gt;&lt;br /&gt;
};&amp;lt;/code&amp;gt;&amp;lt;/pre&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-code-window__status&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-status-dot&amp;quot;&amp;gt;&amp;lt;/span&amp;gt; محصول شما آمادهٔ شروع است&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-stats&amp;quot; aria-label=&amp;quot;آمار فراغیب&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-stat&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;strong class=&amp;quot;fg-stat__number&amp;quot; data-fg-count=&amp;quot;7&amp;quot;&amp;gt;۰&amp;lt;/strong&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-stat__label&amp;quot;&amp;gt;سال تجربهٔ فنی&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-stat&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;strong class=&amp;quot;fg-stat__number&amp;quot; data-fg-count=&amp;quot;42&amp;quot;&amp;gt;۰&amp;lt;/strong&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-stat__label&amp;quot;&amp;gt;پروژه و راهکار دیجیتال&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-stat&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;strong class=&amp;quot;fg-stat__number&amp;quot; data-fg-count=&amp;quot;18&amp;quot;&amp;gt;۰&amp;lt;/strong&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-stat__label&amp;quot;&amp;gt;فناوری در جعبه‌ابزار&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-stat&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;strong class=&amp;quot;fg-stat__number&amp;quot; data-fg-count=&amp;quot;100&amp;quot; data-fg-suffix=&amp;quot;%&amp;quot;&amp;gt;۰&amp;lt;/strong&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-stat__label&amp;quot;&amp;gt;تعهد به کیفیت&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-section-heading&amp;quot; id=&amp;quot;fg-services&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;توانمندی‌های فراغیب&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;هر چیزی که یک محصول دیجیتال برای رشد نیاز دارد&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;ترکیبی از استراتژی، طراحی و مهندسی نرم‌افزار برای ساختن تجربه‌ای که هم زیباست و هم نتیجه می‌دهد.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card fg-service-card--featured&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__number&amp;quot;&amp;gt;۰۱&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;&amp;amp;lt;/&amp;amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;توسعهٔ وب و نرم‌افزار&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;ساخت وب‌سایت‌ها، پنل‌ها و سامانه‌های اختصاصی با کد تمیز، امنیت مناسب و معماری قابل نگهداری.&amp;lt;/p&amp;gt;&lt;br /&gt;
[[خدمات#توسعه-نرم‌افزار|&amp;lt;span class=&amp;quot;fg-service-card__link&amp;quot;&amp;gt;جزئیات خدمت &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__number&amp;quot;&amp;gt;۰۲&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;UX&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;طراحی تجربه و رابط کاربری&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;تبدیل نیازهای واقعی کاربران به مسیرهای ساده، رابط‌های چشم‌نواز و تجربه‌ای که اعتماد می‌سازد.&amp;lt;/p&amp;gt;&lt;br /&gt;
[[خدمات#طراحی-رابط-کاربری|&amp;lt;span class=&amp;quot;fg-service-card__link&amp;quot;&amp;gt;جزئیات خدمت &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__number&amp;quot;&amp;gt;۰۳&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;API&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;اتصال سرویس و اتوماسیون&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;یکپارچه‌سازی APIها، خودکارسازی فرایندها و حذف کارهای تکراری برای سرعت بیشتر کسب‌وکار.&amp;lt;/p&amp;gt;&lt;br /&gt;
[[خدمات#اتوماسیون|&amp;lt;span class=&amp;quot;fg-service-card__link&amp;quot;&amp;gt;جزئیات خدمت &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__number&amp;quot;&amp;gt;۰۴&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-service-card__icon&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;+&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;h3&amp;gt;مشاوره و پشتیبانی فنی&amp;lt;/h3&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;از انتخاب فناوری تا بازبینی کد و بهبود محصول، در تصمیم‌های فنی مهم کنار تیم شما هستیم.&amp;lt;/p&amp;gt;&lt;br /&gt;
[[تماس با ما|&amp;lt;span class=&amp;quot;fg-service-card__link&amp;quot;&amp;gt;دریافت مشاوره &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-story fg-reveal&amp;quot; id=&amp;quot;fg-about&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-story__media&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-تصویر-تیم.webp|frameless|alt=تیم و فضای کاری فراغیب|تصویر تیم و فضای کاری فراغیب]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-story__badge&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;از ایده&amp;lt;/strong&amp;gt;&amp;lt;span&amp;gt;تا اثر واقعی&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-story__content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;دربارهٔ فراغیب&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;فناوری وقتی ارزشمند است که مسئله‌ای واقعی را حل کند&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;ما در فراغیب باور داریم یک محصول خوب فقط با انتخاب زبان برنامه‌نویسی ساخته نمی‌شود؛ نتیجهٔ خوب از شناخت مسئله، تصمیم‌های درست، اجرای دقیق و یادگیری مداوم به‌وجود می‌آید.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;به همین دلیل، پروژه‌ها را از نگاه کسب‌وکار و کاربر بررسی می‌کنیم و بعد راهکاری می‌سازیم که بتواند همراه رشد شما تغییر کند.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-story__points&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span&amp;gt;&amp;lt;b&amp;gt;الف&amp;lt;/b&amp;gt; گفت‌وگوی شفاف&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;span&amp;gt;&amp;lt;b&amp;gt;ب&amp;lt;/b&amp;gt; تحویل مرحله‌ای&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;span&amp;gt;&amp;lt;b&amp;gt;ج&amp;lt;/b&amp;gt; مستندسازی فنی&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
[[درباره ما|&amp;lt;span class=&amp;quot;fg-text-link&amp;quot;&amp;gt;بیشتر دربارهٔ فراغیب &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-section&amp;quot; id=&amp;quot;fg-media&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-section-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;فراغیب را ببینید و بشنوید&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;یک معرفی کوتاه، یک تصویر روشن&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;رسانه‌های زیر را با فایل‌های واقعی خود جایگزین کنید. فایل‌های صوتی و ویدیویی با افزونهٔ رسمی TimedMediaHandler نمایش داده می‌شوند.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-card fg-media-card--video&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-card__heading&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-media-card__label&amp;quot;&amp;gt;ویدیو&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;داستان فراغیب در چند دقیقه&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-frame&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-ویدیوی-معرفی.webm|frameless|center|alt=ویدیوی معرفی فراغیب|ویدیوی معرفی فراغیب]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;با مسیر، نگاه و توانمندی‌های فراغیب آشنا شوید.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-card fg-media-card--audio&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-card__heading&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;fg-media-card__label&amp;quot;&amp;gt;صوت&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;پیام صوتی بنیان‌گذار&amp;lt;/h3&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-media-frame fg-media-frame--audio&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-پیام-صوتی.ogg|frameless|center|alt=پیام صوتی معرفی فراغیب|پخش پیام صوتی معرفی فراغیب]]&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;چرا فراغیب شکل گرفت و قرار است چه مسئله‌ای را حل کند؟&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slider-section fg-reveal&amp;quot; id=&amp;quot;fg-projects&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-section-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;نمونه‌هایی از مسیر ما&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;هر پروژه، یک روایت تازه&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;تصاویر نمونه‌کار، جلسات یا فرایند تولید را در اسلایدر زیر نمایش دهید.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slider&amp;quot; aria-label=&amp;quot;اسلایدر تصاویر فراغیب&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slider__viewport&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide is-active&amp;quot; id=&amp;quot;fg-slide-1&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-اسلاید-۱.webp|frameless|center|alt=تصویر اول از فعالیت فراغیب|شناخت مسئله و کشف فرصت]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide__caption&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;شناخت مسئله و کشف فرصت&amp;lt;/strong&amp;gt;&amp;lt;span&amp;gt;شروع هر راهکار از یک سؤال درست است.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide&amp;quot; id=&amp;quot;fg-slide-2&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-اسلاید-۲.webp|frameless|center|alt=تصویر دوم از فعالیت فراغیب|طراحی مسیر تجربه]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide__caption&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;طراحی مسیر تجربه&amp;lt;/strong&amp;gt;&amp;lt;span&amp;gt;پیچیدگی را به تجربه‌ای ساده تبدیل می‌کنیم.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide&amp;quot; id=&amp;quot;fg-slide-3&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-اسلاید-۳.webp|frameless|center|alt=تصویر سوم از فعالیت فراغیب|ساخت با مهندسی دقیق]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide__caption&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;ساخت با مهندسی دقیق&amp;lt;/strong&amp;gt;&amp;lt;span&amp;gt;کدی که امروز خوب کار کند و فردا هم قابل توسعه بماند.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide&amp;quot; id=&amp;quot;fg-slide-4&amp;quot;&amp;gt;&lt;br /&gt;
[[File:فراغیب-اسلاید-۴.webp|frameless|center|alt=تصویر چهارم از فعالیت فراغیب|تحویل و رشد مستمر]]&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slide__caption&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;تحویل و رشد مستمر&amp;lt;/strong&amp;gt;&amp;lt;span&amp;gt;پایان پروژه، آغاز مرحلهٔ بعدی رشد است.&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slider__controls&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__button fg-slider__button--prev&amp;quot; aria-label=&amp;quot;تصویر قبلی&amp;quot;&amp;gt;→&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-slider__dots&amp;quot; role=&amp;quot;tablist&amp;quot; aria-label=&amp;quot;انتخاب تصویر&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__dot is-active&amp;quot; role=&amp;quot;tab&amp;quot; aria-selected=&amp;quot;true&amp;quot; aria-controls=&amp;quot;fg-slide-1&amp;quot; aria-label=&amp;quot;تصویر ۱&amp;quot;&amp;gt;&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__dot&amp;quot; role=&amp;quot;tab&amp;quot; aria-selected=&amp;quot;false&amp;quot; aria-controls=&amp;quot;fg-slide-2&amp;quot; aria-label=&amp;quot;تصویر ۲&amp;quot;&amp;gt;&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__dot&amp;quot; role=&amp;quot;tab&amp;quot; aria-selected=&amp;quot;false&amp;quot; aria-controls=&amp;quot;fg-slide-3&amp;quot; aria-label=&amp;quot;تصویر ۳&amp;quot;&amp;gt;&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__dot&amp;quot; role=&amp;quot;tab&amp;quot; aria-selected=&amp;quot;false&amp;quot; aria-controls=&amp;quot;fg-slide-4&amp;quot; aria-label=&amp;quot;تصویر ۴&amp;quot;&amp;gt;&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;button type=&amp;quot;button&amp;quot; class=&amp;quot;fg-slider__button fg-slider__button--next&amp;quot; aria-label=&amp;quot;تصویر بعدی&amp;quot;&amp;gt;←&amp;lt;/button&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process&amp;quot; id=&amp;quot;fg-process&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-section-heading&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;روش همکاری&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;چهار گام تا یک نتیجهٔ قابل اتکا&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process__grid&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process__item&amp;quot;&amp;gt;&amp;lt;span&amp;gt;۰۱&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;شناخت&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;هدف، مخاطب و مسئله را دقیق می‌کنیم.&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process__item&amp;quot;&amp;gt;&amp;lt;span&amp;gt;۰۲&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;طراحی&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;راهکار و مسیر اجرای قابل سنجش می‌سازیم.&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process__item&amp;quot;&amp;gt;&amp;lt;span&amp;gt;۰۳&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;اجرا&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;محصول را مرحله‌ای، شفاف و قابل آزمون توسعه می‌دهیم.&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-process__item&amp;quot;&amp;gt;&amp;lt;span&amp;gt;۰۴&amp;lt;/span&amp;gt;&amp;lt;h3&amp;gt;رشد&amp;lt;/h3&amp;gt;&amp;lt;p&amp;gt;با داده و بازخورد، محصول را بهتر می‌کنیم.&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-contact&amp;quot; id=&amp;quot;fg-contact&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-contact__content&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span class=&amp;quot;fg-kicker&amp;quot;&amp;gt;آمادهٔ شروع هستید؟&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;بیایید ایدهٔ شما را به یک تجربهٔ دیجیتال ماندگار تبدیل کنیم.&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;برای مشاوره، همکاری یا دریافت برآورد اولیه، از طریق صفحهٔ تماس با ما پیام بفرستید.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-actions&amp;quot;&amp;gt;&lt;br /&gt;
[[تماس با ما|&amp;lt;span class=&amp;quot;fg-button fg-button--light&amp;quot;&amp;gt;تماس با فراغیب &amp;lt;span aria-hidden=&amp;quot;true&amp;quot;&amp;gt;←&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;]]&lt;br /&gt;
&amp;lt;a class=&amp;quot;fg-contact__email&amp;quot; href=&amp;quot;mailto:info@faraghaib.ir&amp;quot;&amp;gt;info@faraghaib.ir&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-contact__mark&amp;quot; aria-hidden=&amp;quot;true&amp;quot;&amp;gt;ف&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;fg-footer&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;span&amp;gt;© فراغیب — مهندسی ایده‌های دیجیتال&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;span&amp;gt;[[#fg-top|بازگشت به بالا ↑]]&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6335</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6335"/>
		<updated>2026-08-12T17:55:03Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    margin: 15px auto;&lt;br /&gt;
    max-width: 800px;&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    /* این خط باعث می‌شود در همه حالت‌ها پایه روی 2 ستون باشد */&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در دسکتاپ (صفحه‌های بزرگتر از 769 پیکسل) تبدیل به 4 ستون می‌شود */&lt;br /&gt;
@media (min-width: 769px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل باکس‌ها */&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    height: 45px;&lt;br /&gt;
    padding: 5px 10px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    font-size: 0.85em;&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-2px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی - وسط‌چین و محدود شده */&lt;br /&gt;
.social-section-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده آیکون‌ها - برای جلوگیری از پخش شدن در کل صفحه */&lt;br /&gt;
.social-icons-wrapper {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    gap: 15px; /* فاصله بین آیکون‌ها */&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌ها */&lt;br /&gt;
.social-link-item {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل تصاویر آیکون - اندازه دقیق در اینجا تعیین می‌شود */&lt;br /&gt;
.social-link-item img {&lt;br /&gt;
    width: 35px !important;  /* اندازه آیکون‌ها (می‌توانی با تغییر این عدد اندازه را کم یا زیاد کنی) */&lt;br /&gt;
    height: 35px !important;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 4px; /* اگر می‌خواهی گوشه‌ها کمی گرد باشد */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هاور برای زیبایی */&lt;br /&gt;
.social-link-item:hover {&lt;br /&gt;
    transform: scale(1.15); /* کمی بزرگ شدن هنگام نگه داشتن موس */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی برای جلوگیری از هرگونه تداخل */&lt;br /&gt;
.fgb-social-container {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    margin: 10px 0 !important;&lt;br /&gt;
    clear: both !important; /* برای جلوگیری از تداخل با فلوت‌های سایت */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-box {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    gap: 15px !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon {&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    width: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    height: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon img {&lt;br /&gt;
    width: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    height: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    max-width: 35px !important; /* جلوگیری از بزرگ شدن توسط دستورات سایت */&lt;br /&gt;
    min-width: 35px !important; /* جلوگیری از کوچک شدن */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon:hover {&lt;br /&gt;
    transform: scale(1.2) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*        پس زمینه تکرار شونده*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vertical-pattern {&lt;br /&gt;
    background-image: url(&amp;quot;https://dl.faraghaib.ir/m/260022/26002222.jpg&amp;quot;);&lt;br /&gt;
    background-repeat: repeat-y;&lt;br /&gt;
    background-position: top center;&lt;br /&gt;
    background-size: auto;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
&lt;br /&gt;
    min-height: 100vh;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
  Faraghaib / فراغیب&lt;br /&gt;
  Paste this file into: MediaWiki:Common.css&lt;br /&gt;
  All selectors are scoped to .fg-home to reduce skin conflicts.&lt;br /&gt;
  Optional remote assets:&lt;br /&gt;
  https://dl.faraghaib.ir/mediawiki/faraghaib/&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
@font-face {&lt;br /&gt;
	font-family: &amp;quot;FaraghaibVazirmatn&amp;quot;;&lt;br /&gt;
	src: url(&amp;quot;https://dl.faraghaib.ir/mediawiki/faraghaib/Vazirmatn-Variable.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
	font-style: normal;&lt;br /&gt;
	font-weight: 100 900;&lt;br /&gt;
	font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home {&lt;br /&gt;
	--fg-ink: #172033;&lt;br /&gt;
	--fg-muted: #667085;&lt;br /&gt;
	--fg-soft: #f6f7fb;&lt;br /&gt;
	--fg-border: rgba(23, 32, 51, 0.1);&lt;br /&gt;
	--fg-primary: #6d28d9;&lt;br /&gt;
	--fg-primary-dark: #4c1d95;&lt;br /&gt;
	--fg-cyan: #06b6d4;&lt;br /&gt;
	--fg-lime: #b7f34a;&lt;br /&gt;
	--fg-white: #ffffff;&lt;br /&gt;
	--fg-shadow: 0 24px 70px rgba(30, 27, 75, 0.12);&lt;br /&gt;
	box-sizing: border-box;&lt;br /&gt;
	color: var(--fg-ink);&lt;br /&gt;
	font-family: &amp;quot;FaraghaibVazirmatn&amp;quot;, Vazirmatn, Tahoma, Arial, sans-serif;&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
	line-height: 1.8;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home *,&lt;br /&gt;
.mw-parser-output .fg-home *::before,&lt;br /&gt;
.mw-parser-output .fg-home *::after {&lt;br /&gt;
	box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home a {&lt;br /&gt;
	color: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h1,&lt;br /&gt;
.mw-parser-output .fg-home h2,&lt;br /&gt;
.mw-parser-output .fg-home h3,&lt;br /&gt;
.mw-parser-output .fg-home p {&lt;br /&gt;
	margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h2 {&lt;br /&gt;
	font-size: clamp(1.65rem, 3vw, 2.55rem);&lt;br /&gt;
	letter-spacing: -0.04em;&lt;br /&gt;
	line-height: 1.35;&lt;br /&gt;
	margin-bottom: 0.55rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h3 {&lt;br /&gt;
	font-size: 1.18rem;&lt;br /&gt;
	line-height: 1.5;&lt;br /&gt;
	margin-bottom: 0.55rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-shell {&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 1240px;&lt;br /&gt;
	padding: 24px 18px 46px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero {&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 80% 15%, rgba(6, 182, 212, 0.2), transparent 30%),&lt;br /&gt;
		linear-gradient(135deg, #1b1248 0%, #30206d 48%, #6d28d9 100%);&lt;br /&gt;
	border-radius: 32px;&lt;br /&gt;
	box-shadow: var(--fg-shadow);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 22px;&lt;br /&gt;
	grid-template-columns: minmax(0, 1.07fr) minmax(330px, 0.93fr);&lt;br /&gt;
	min-height: 540px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(30px, 5vw, 72px);&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero::after {&lt;br /&gt;
	background: linear-gradient(135deg, transparent 45%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%);&lt;br /&gt;
	background-size: 28px 28px;&lt;br /&gt;
	content: &amp;quot;&amp;quot;;&lt;br /&gt;
	inset: 0;&lt;br /&gt;
	opacity: 0.25;&lt;br /&gt;
	pointer-events: none;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__content,&lt;br /&gt;
.mw-parser-output .fg-hero__visual {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__content {&lt;br /&gt;
	align-self: center;&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow,&lt;br /&gt;
.mw-parser-output .fg-kicker {&lt;br /&gt;
	color: var(--fg-cyan);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
	line-height: 1.4;&lt;br /&gt;
	text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	gap: 9px;&lt;br /&gt;
	margin-bottom: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow__dot,&lt;br /&gt;
.mw-parser-output .fg-status-dot {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	box-shadow: 0 0 0 5px rgba(183, 243, 74, 0.16);&lt;br /&gt;
	display: inline-block;&lt;br /&gt;
	height: 8px;&lt;br /&gt;
	width: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__title {&lt;br /&gt;
	font-size: clamp(2.55rem, 6vw, 5.6rem);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: -0.07em;&lt;br /&gt;
	line-height: 1.05;&lt;br /&gt;
	margin: 0 0 22px;&lt;br /&gt;
	max-width: 750px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__lead {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.78);&lt;br /&gt;
	font-size: clamp(1rem, 1.5vw, 1.18rem);&lt;br /&gt;
	line-height: 2;&lt;br /&gt;
	margin-bottom: 26px;&lt;br /&gt;
	max-width: 650px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-actions {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	border: 1px solid transparent;&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.95rem;&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 48px;&lt;br /&gt;
	padding: 9px 19px;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
	transition: box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease, color 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button:hover,&lt;br /&gt;
.mw-parser-output .fg-button:focus-visible {&lt;br /&gt;
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);&lt;br /&gt;
	transform: translateY(-2px);&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-text-link:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-contact__email:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-service-card__link:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-footer a:focus-visible {&lt;br /&gt;
	outline: 3px solid var(--fg-lime);&lt;br /&gt;
	outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--primary {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	color: #18220c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--ghost {&lt;br /&gt;
	border-color: rgba(255, 255, 255, 0.25);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--ghost:hover,&lt;br /&gt;
.mw-parser-output .fg-button--ghost:focus-visible {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--light {&lt;br /&gt;
	background: #fff;&lt;br /&gt;
	color: var(--fg-primary-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-trust-row {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.66);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	font-size: 0.83rem;&lt;br /&gt;
	gap: 15px 22px;&lt;br /&gt;
	margin-top: 26px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-trust-row__item {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	gap: 7px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-check {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__visual {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 360px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit {&lt;br /&gt;
	border: 1px solid rgba(255, 255, 255, 0.18);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	height: 350px;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	width: 350px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit--one {&lt;br /&gt;
	transform: rotate(28deg) scaleX(0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit--two {&lt;br /&gt;
	border-color: rgba(183, 243, 74, 0.42);&lt;br /&gt;
	height: 270px;&lt;br /&gt;
	transform: rotate(-36deg) scaleX(0.5);&lt;br /&gt;
	width: 270px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window {&lt;br /&gt;
	background: rgba(13, 12, 37, 0.8);&lt;br /&gt;
	border: 1px solid rgba(255, 255, 255, 0.18);&lt;br /&gt;
	border-radius: 20px;&lt;br /&gt;
	box-shadow: 0 24px 60px rgba(3, 3, 16, 0.35);&lt;br /&gt;
	max-width: 440px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	transform: rotate(4deg);&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(255, 255, 255, 0.06);&lt;br /&gt;
	color: rgba(255, 255, 255, 0.6);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.72rem;&lt;br /&gt;
	gap: 6px;&lt;br /&gt;
	padding: 12px 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span {&lt;br /&gt;
	background: #ff6b6b;&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	height: 7px;&lt;br /&gt;
	width: 7px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span:nth-child(2) {&lt;br /&gt;
	background: #ffd166;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span:nth-child(3) {&lt;br /&gt;
	background: #7be495;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar b {&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__body {&lt;br /&gt;
	color: #d7d5ff;&lt;br /&gt;
	direction: ltr;&lt;br /&gt;
	font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace;&lt;br /&gt;
	font-size: clamp(0.72rem, 1.2vw, 0.88rem);&lt;br /&gt;
	line-height: 1.9;&lt;br /&gt;
	margin: 0;&lt;br /&gt;
	overflow: auto;&lt;br /&gt;
	padding: 23px 20px;&lt;br /&gt;
	text-align: left;&lt;br /&gt;
	white-space: pre;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-keyword {&lt;br /&gt;
	color: #c084fc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-property {&lt;br /&gt;
	color: #67e8f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-string {&lt;br /&gt;
	color: #bef264;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-boolean {&lt;br /&gt;
	color: #fbbf24;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__status {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(183, 243, 74, 0.08);&lt;br /&gt;
	color: rgba(255, 255, 255, 0.72);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.75rem;&lt;br /&gt;
	gap: 9px;&lt;br /&gt;
	padding: 11px 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-status-dot {&lt;br /&gt;
	height: 6px;&lt;br /&gt;
	width: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stats {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 12px;&lt;br /&gt;
	grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
	margin: -34px auto 76px;&lt;br /&gt;
	max-width: 1060px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.94);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 18px;&lt;br /&gt;
	box-shadow: 0 18px 46px rgba(30, 27, 75, 0.1);&lt;br /&gt;
	padding: 22px 16px;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat__number {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: clamp(1.8rem, 3vw, 2.5rem);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat__label {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	margin-top: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading {&lt;br /&gt;
	align-items: end;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 36px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	margin: 0 0 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading &amp;gt; div {&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading &amp;gt; p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.95rem;&lt;br /&gt;
	margin-bottom: 4px;&lt;br /&gt;
	max-width: 430px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-kicker {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	margin-bottom: 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card {&lt;br /&gt;
	background: var(--fg-white);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 22px;&lt;br /&gt;
	box-shadow: 0 10px 30px rgba(30, 27, 75, 0.04);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	min-height: 315px;&lt;br /&gt;
	padding: 24px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card:hover {&lt;br /&gt;
	border-color: rgba(109, 40, 217, 0.38);&lt;br /&gt;
	box-shadow: 0 20px 42px rgba(30, 27, 75, 0.1);&lt;br /&gt;
	transform: translateY(-6px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured {&lt;br /&gt;
	background: linear-gradient(160deg, #6d28d9, #4c1d95);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__number {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-size: 0.76rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__number {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__icon {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(109, 40, 217, 0.1);&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-family: Consolas, monospace;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	height: 46px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	margin: 21px 0 18px;&lt;br /&gt;
	width: 46px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__icon {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.14);&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.9rem;&lt;br /&gt;
	line-height: 1.9;&lt;br /&gt;
	margin-bottom: 19px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured p {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.74);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__link,&lt;br /&gt;
.mw-parser-output .fg-text-link {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.85rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	gap: 8px;&lt;br /&gt;
	margin-top: auto;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__link {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__link:hover,&lt;br /&gt;
.mw-parser-output .fg-text-link:hover {&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
	text-underline-offset: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: var(--fg-soft);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: clamp(28px, 5vw, 72px);&lt;br /&gt;
	grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);&lt;br /&gt;
	margin-bottom: 90px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(20px, 4vw, 42px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media {&lt;br /&gt;
	height: 360px;&lt;br /&gt;
	min-height: 360px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media &amp;gt; .mw-file-element,&lt;br /&gt;
.mw-parser-output .fg-story__media img {&lt;br /&gt;
	border-radius: 20px;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
	object-fit: cover;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .image,&lt;br /&gt;
.mw-parser-output .fg-story__media .thumb,&lt;br /&gt;
.mw-parser-output .fg-story__media .mw-file-description {&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	border-radius: 16px;&lt;br /&gt;
	bottom: 18px;&lt;br /&gt;
	box-shadow: 0 12px 30px rgba(16, 24, 40, 0.18);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	left: 18px;&lt;br /&gt;
	line-height: 1.4;&lt;br /&gt;
	padding: 13px 16px;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge strong {&lt;br /&gt;
	font-size: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge span {&lt;br /&gt;
	font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__content {&lt;br /&gt;
	max-width: 620px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__content p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.96rem;&lt;br /&gt;
	line-height: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	margin: 23px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points span {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: #fff;&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	gap: 7px;&lt;br /&gt;
	padding: 7px 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points b {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(109, 40, 217, 0.1);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.7rem;&lt;br /&gt;
	height: 22px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	width: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-section {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 15px;&lt;br /&gt;
	grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card {&lt;br /&gt;
	background: var(--fg-white);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 22px;&lt;br /&gt;
	box-shadow: 0 10px 30px rgba(30, 27, 75, 0.04);&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__heading {&lt;br /&gt;
	margin-bottom: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__label {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: 0.76rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
	margin-bottom: 4px;&lt;br /&gt;
	text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__heading h3 {&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: #16122d;&lt;br /&gt;
	border-radius: 16px;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 240px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .image,&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumb,&lt;br /&gt;
.mw-parser-output .fg-media-frame .mw-file-description {&lt;br /&gt;
	display: block;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame img {&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: auto;&lt;br /&gt;
	max-height: 390px;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	object-fit: contain;&lt;br /&gt;
	width: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame--audio {&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 22% 30%, rgba(183, 243, 74, 0.16), transparent 23%),&lt;br /&gt;
		linear-gradient(135deg, #171238, #3a1e76);&lt;br /&gt;
	min-height: 240px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card &amp;gt; p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.88rem;&lt;br /&gt;
	margin: 15px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider-section {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider {&lt;br /&gt;
	background: #15102f;&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	box-shadow: var(--fg-shadow);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__viewport {&lt;br /&gt;
	min-height: 430px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide {&lt;br /&gt;
	align-items: stretch;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	min-height: 430px;&lt;br /&gt;
	padding: clamp(20px, 4vw, 44px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider--ready .fg-slide {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider--ready .fg-slide.is-active {&lt;br /&gt;
	display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .image,&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .thumb,&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .mw-file-description {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex: 1;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 260px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide img {&lt;br /&gt;
	border-radius: 17px;&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: 285px;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	object-fit: cover;&lt;br /&gt;
	width: min(760px, 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 4px;&lt;br /&gt;
	margin-top: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption strong {&lt;br /&gt;
	font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption span {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.62);&lt;br /&gt;
	font-size: 0.86rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__controls {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	border-top: 1px solid rgba(255, 255, 255, 0.12);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 15px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	padding: 16px 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button,&lt;br /&gt;
.mw-parser-output .fg-slider__dot {&lt;br /&gt;
	appearance: none;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.1);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	font-size: 1.1rem;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	line-height: 1;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button:hover,&lt;br /&gt;
.mw-parser-output .fg-slider__button:focus-visible {&lt;br /&gt;
	background: var(--fg-primary);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dots {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dot {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.25);&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	height: 7px;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	transition: background-color 180ms ease, width 180ms ease;&lt;br /&gt;
	width: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dot.is-active {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	width: 42px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-slider__dot:focus-visible {&lt;br /&gt;
	outline: 3px solid var(--fg-lime);&lt;br /&gt;
	outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__grid {&lt;br /&gt;
	border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
	border-top: 1px solid var(--fg-border);&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item {&lt;br /&gt;
	border-left: 1px solid var(--fg-border);&lt;br /&gt;
	padding: 25px 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item:first-child {&lt;br /&gt;
	border-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item &amp;gt; span {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item h3 {&lt;br /&gt;
	margin: 18px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.86rem;&lt;br /&gt;
	line-height: 1.8;&lt;br /&gt;
	margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 20% 20%, rgba(183, 243, 74, 0.2), transparent 25%),&lt;br /&gt;
		linear-gradient(135deg, #4c1d95, #6d28d9);&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 30px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	margin-bottom: 22px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(28px, 5vw, 55px);&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__content {&lt;br /&gt;
	max-width: 780px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact .fg-kicker {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact h2 {&lt;br /&gt;
	font-size: clamp(1.75rem, 4vw, 3.3rem);&lt;br /&gt;
	margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact p {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.72);&lt;br /&gt;
	margin-bottom: 24px;&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__email {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.78);&lt;br /&gt;
	font-size: 0.9rem;&lt;br /&gt;
	font-weight: 700;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__email:hover {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__mark {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.11);&lt;br /&gt;
	font-size: 20rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	line-height: 0.7;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 1%;&lt;br /&gt;
	top: 27%;&lt;br /&gt;
	transform: rotate(-10deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	padding: 12px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer a {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer a:hover {&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal {&lt;br /&gt;
	opacity: 1;&lt;br /&gt;
	transform: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal.fg-reveal--pending {&lt;br /&gt;
	opacity: 0;&lt;br /&gt;
	transform: translateY(18px);&lt;br /&gt;
	transition: opacity 600ms ease, transform 600ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal.fg-reveal--visible {&lt;br /&gt;
	opacity: 1;&lt;br /&gt;
	transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 1050px) {&lt;br /&gt;
	.mw-parser-output .fg-service-grid {&lt;br /&gt;
		grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-service-card {&lt;br /&gt;
		min-height: 270px;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 820px) {&lt;br /&gt;
	.mw-parser-output .fg-hero {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
		min-height: auto;&lt;br /&gt;
		padding: 34px 25px 26px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__visual {&lt;br /&gt;
		min-height: 310px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stats {&lt;br /&gt;
		margin-top: -18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__media {&lt;br /&gt;
		height: 300px;&lt;br /&gt;
		min-height: 300px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__grid {&lt;br /&gt;
		grid-template-columns: repeat(2, 1fr);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(odd) {&lt;br /&gt;
		border-left: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(-n + 2) {&lt;br /&gt;
		border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 620px) {&lt;br /&gt;
	.mw-parser-output .fg-shell {&lt;br /&gt;
		padding: 12px 10px 30px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero,&lt;br /&gt;
	.mw-parser-output .fg-contact {&lt;br /&gt;
		border-radius: 22px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__title {&lt;br /&gt;
		font-size: clamp(2.35rem, 12vw, 3.4rem);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__lead {&lt;br /&gt;
		line-height: 1.9;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-code-window {&lt;br /&gt;
		transform: rotate(0);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-orbit {&lt;br /&gt;
		height: 280px;&lt;br /&gt;
		width: 280px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stats,&lt;br /&gt;
	.mw-parser-output .fg-service-grid,&lt;br /&gt;
	.mw-parser-output .fg-media-grid {&lt;br /&gt;
		grid-template-columns: 1fr 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stat {&lt;br /&gt;
		padding: 16px 8px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stat__label {&lt;br /&gt;
		font-size: 0.7rem;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-section-heading {&lt;br /&gt;
		align-items: start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
		gap: 3px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-service-card {&lt;br /&gt;
		min-height: 0;&lt;br /&gt;
		padding: 18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story,&lt;br /&gt;
	.mw-parser-output .fg-media-card {&lt;br /&gt;
		border-radius: 20px;&lt;br /&gt;
		padding: 18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__media {&lt;br /&gt;
		height: 230px;&lt;br /&gt;
		min-height: 230px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__badge {&lt;br /&gt;
		bottom: 10px;&lt;br /&gt;
		left: 10px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__grid {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item,&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(odd) {&lt;br /&gt;
		border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
		border-left: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:last-child {&lt;br /&gt;
		border-bottom: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-contact {&lt;br /&gt;
		align-items: flex-start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-contact__mark {&lt;br /&gt;
		font-size: 12rem;&lt;br /&gt;
		left: 8%;&lt;br /&gt;
		top: 56%;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-footer {&lt;br /&gt;
		align-items: flex-start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
		gap: 4px;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
	.mw-parser-output .fg-home *,&lt;br /&gt;
	.mw-parser-output .fg-home *::before,&lt;br /&gt;
	.mw-parser-output .fg-home *::after {&lt;br /&gt;
		scroll-behavior: auto !important;&lt;br /&gt;
		transition-duration: 0.01ms !important;&lt;br /&gt;
		animation-duration: 0.01ms !important;&lt;br /&gt;
		animation-iteration-count: 1 !important;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.js&amp;diff=6334</id>
		<title>مدیاویکی:Common.js</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.js&amp;diff=6334"/>
		<updated>2026-08-12T17:54:48Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* chatbot */&lt;br /&gt;
mw.loader.load(&#039;/ai-chatbot/mediawiki-chatbot.js&#039;);&lt;br /&gt;
&lt;br /&gt;
/* global mw, $ */&lt;br /&gt;
// Editing-related javascripts&lt;br /&gt;
if (mw.config.get(&amp;quot;wgAction&amp;quot;) === &amp;quot;edit&amp;quot; || mw.config.get(&amp;quot;wgAction&amp;quot;) === &amp;quot;submit&amp;quot; || mw.config.get(&amp;quot;wgCanonicalSpecialPageName&amp;quot;) === &amp;quot;Upload&amp;quot;) {&lt;br /&gt;
  /* scripts specific to editing pages */&lt;br /&gt;
  importScript(&amp;quot;مدیاویکی:Common.js/edit.js&amp;quot;);&lt;br /&gt;
}&lt;br /&gt;
/** Magic editintros ****************************************************&lt;br /&gt;
 *&lt;br /&gt;
 *  Description: Adds editintros on disambiguation pages and BLP pages.&lt;br /&gt;
 *  Maintainers: [[User:RockMFR]]&lt;br /&gt;
 */&lt;br /&gt;
function addEditIntro(name) {&lt;br /&gt;
  $(&amp;quot;.mw-editsection, #ca-edit&amp;quot;).find(&amp;quot;a&amp;quot;).each(function(i, el) {&lt;br /&gt;
    el.href = $(this).attr(&amp;quot;href&amp;quot;) + &amp;quot;&amp;amp;editintro=&amp;quot; + name;&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
if (mw.config.get(&amp;quot;wgNamespaceNumber&amp;quot;) === 0) {&lt;br /&gt;
  $(function() {&lt;br /&gt;
    if (document.getElementById(&amp;quot;disambigbox&amp;quot;)) {&lt;br /&gt;
      addEditIntro(&amp;quot;Template:Disambig_editintro&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
&lt;br /&gt;
  $(function() {&lt;br /&gt;
    var cats = mw.config.get(&amp;quot;wgCategories&amp;quot;);&lt;br /&gt;
    if (!cats) {&lt;br /&gt;
      return;&lt;br /&gt;
    }&lt;br /&gt;
    if ($.inArray(&amp;quot;افراد زنده&amp;quot;, cats) !== -1) {&lt;br /&gt;
      addEditIntro(&amp;quot;Template:BLP_editintro&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * @source https://www.mediawiki.org/wiki/Snippets/Load_JS_and_CSS_by_URL&lt;br /&gt;
 * @revision 2020-04-04&lt;br /&gt;
 */&lt;br /&gt;
mw.loader.using( [&#039;mediawiki.util&#039;], function () {&lt;br /&gt;
	var extraCSS = mw.util.getParamValue( &#039;withCSS&#039; ),&lt;br /&gt;
		extraJS = mw.util.getParamValue( &#039;withJS&#039; );&lt;br /&gt;
&lt;br /&gt;
	if ( extraCSS ) {&lt;br /&gt;
		// WARNING: DO NOT REMOVE THIS &amp;quot;IF&amp;quot; - REQUIRED FOR SECURITY (against XSS/CSRF attacks)&lt;br /&gt;
		if ( /^MediaWiki:[^&amp;amp;&amp;lt;&amp;gt;=%#]*\.css$/.test( extraCSS ) ) {&lt;br /&gt;
			mw.loader.load( &#039;/w/index.php?title=&#039; + encodeURIComponent( extraCSS ) + &#039;&amp;amp;action=raw&amp;amp;ctype=text/css&#039;, &#039;text/css&#039; );&lt;br /&gt;
		} else {&lt;br /&gt;
			mw.notify( &#039;Only pages from the MediaWiki namespace are allowed.&#039;, { title: &#039;Invalid withCSS value&#039; } );&lt;br /&gt;
		}&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	if ( extraJS ) {&lt;br /&gt;
		// WARNING: DO NOT REMOVE THIS &amp;quot;IF&amp;quot; - REQUIRED FOR SECURITY (against XSS/CSRF attacks)&lt;br /&gt;
		if ( /^MediaWiki:[^&amp;amp;&amp;lt;&amp;gt;=%#]*\.js$/.test( extraJS ) ) {&lt;br /&gt;
			mw.loader.load( &#039;/w/index.php?title=&#039; + encodeURIComponent( extraJS ) + &#039;&amp;amp;action=raw&amp;amp;ctype=text/javascript&#039; );&lt;br /&gt;
		} else {&lt;br /&gt;
			mw.notify( &#039;Only pages from the MediaWiki namespace are allowed.&#039;, { title: &#039;Invalid withJS value&#039; } );&lt;br /&gt;
		}&lt;br /&gt;
	}&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Opening preload.js to add interactive training keys&lt;br /&gt;
 */&lt;br /&gt;
mw.loader.using([&amp;quot;mediawiki.util&amp;quot;], function() {&lt;br /&gt;
  if (mw.util.getParamValue(&amp;quot;preload&amp;quot;)) {&lt;br /&gt;
    importScript(&amp;quot;MediaWiki:Preloaded.js&amp;quot;);&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Collapsible tables; reimplemented with mw-collapsible&lt;br /&gt;
 * Styling is also in place to avoid FOUC&lt;br /&gt;
 *&lt;br /&gt;
 * Allows tables to be collapsed, showing only the header. See [[Help:Collapsing]].&lt;br /&gt;
 * @version 3.0.0 (2018-05-20)&lt;br /&gt;
 * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js&lt;br /&gt;
 * @author [[User:R. Koot]]&lt;br /&gt;
 * @author [[User:Krinkle]]&lt;br /&gt;
 * @author [[User:TheDJ]]&lt;br /&gt;
 * @deprecated Since MediaWiki 1.20: Use class=&amp;quot;mw-collapsible&amp;quot; instead which&lt;br /&gt;
 * is supported in MediaWiki core. Shimmable since MediaWiki 1.32&lt;br /&gt;
 *&lt;br /&gt;
 * @param {jQuery} $content&lt;br /&gt;
 */&lt;br /&gt;
function makeCollapsibleMwCollapsible( $content ) {&lt;br /&gt;
	var $tables = $content&lt;br /&gt;
		.find( &#039;table.collapsible:not(.mw-collapsible)&#039; )&lt;br /&gt;
		.addClass( &#039;mw-collapsible&#039; );&lt;br /&gt;
&lt;br /&gt;
	$.each( $tables, function ( index, table ) {&lt;br /&gt;
		// mw.log.warn( &#039;This page is using the deprecated class collapsible. Please replace it with mw-collapsible.&#039;);&lt;br /&gt;
		if ( $( table ).hasClass( &#039;collapsed&#039; ) ) {&lt;br /&gt;
			$( table ).addClass( &#039;mw-collapsed&#039; );&lt;br /&gt;
			// mw.log.warn( &#039;This page is using the deprecated class collapsed. Please replace it with mw-collapsed.&#039;);&lt;br /&gt;
		}&lt;br /&gt;
	} );&lt;br /&gt;
	if ( $tables.length &amp;gt; 0 ) {&lt;br /&gt;
		mw.loader.using( &#039;jquery.makeCollapsible&#039; ).then( function () {&lt;br /&gt;
			$tables.makeCollapsible();&lt;br /&gt;
		} );&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
mw.hook( &#039;wikipage.content&#039; ).add( makeCollapsibleMwCollapsible );&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Add support to mw-collapsible for autocollapse, innercollapse and outercollapse&lt;br /&gt;
 *&lt;br /&gt;
 * Maintainers: TheDJ&lt;br /&gt;
 */&lt;br /&gt;
function mwCollapsibleSetup( $collapsibleContent ) {&lt;br /&gt;
	var $element,&lt;br /&gt;
		$toggle,&lt;br /&gt;
		autoCollapseThreshold = 2;&lt;br /&gt;
	$.each( $collapsibleContent, function ( index, element ) {&lt;br /&gt;
		$element = $( element );&lt;br /&gt;
		if ( $element.hasClass( &#039;collapsible&#039; ) ) {&lt;br /&gt;
			$element.find( &#039;tr:first &amp;gt; th:first&#039; ).prepend( $element.find( &#039;tr:first &amp;gt; * &amp;gt; .mw-collapsible-toggle&#039; ) );&lt;br /&gt;
		}&lt;br /&gt;
		if ( $collapsibleContent.length &amp;gt;= autoCollapseThreshold &amp;amp;&amp;amp; $element.hasClass( &#039;autocollapse&#039; ) ) {&lt;br /&gt;
			$element.data( &#039;mw-collapsible&#039; ).collapse();&lt;br /&gt;
		} else if ( $element.hasClass( &#039;innercollapse&#039; ) ) {&lt;br /&gt;
			if ( $element.parents( &#039;.outercollapse&#039; ).length &amp;gt; 0 ) {&lt;br /&gt;
				$element.data( &#039;mw-collapsible&#039; ).collapse();&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		// because of colored backgrounds, style the link in the text color&lt;br /&gt;
		// to ensure accessible contrast&lt;br /&gt;
		$toggle = $element.find( &#039;.mw-collapsible-toggle&#039; );&lt;br /&gt;
		if ( $toggle.length ) {&lt;br /&gt;
			// Make the toggle inherit text color&lt;br /&gt;
			if ( $toggle.parent()[ 0 ].style.color ) {&lt;br /&gt;
				$toggle.find( &#039;a&#039; ).css( &#039;color&#039;, &#039;inherit&#039; );&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
	} );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mw.hook( &#039;wikipage.collapsibleContent&#039; ).add( mwCollapsibleSetup );&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Dynamic Navigation Bars (experimental)&lt;br /&gt;
 *&lt;br /&gt;
 * Description: See [[Wikipedia:NavFrame]].&lt;br /&gt;
 * Maintainers: UNMAINTAINED&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
var collapseCaption = &#039;بسته&#039;;&lt;br /&gt;
var expandCaption = &#039;باز&#039;;&lt;br /&gt;
&lt;br /&gt;
// Set up the words in your language&lt;br /&gt;
var navigationBarHide = &#039;[&#039; + collapseCaption + &#039;]&#039;;&lt;br /&gt;
var navigationBarShow = &#039;[&#039; + expandCaption + &#039;]&#039;;&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Shows and hides content and picture (if available) of navigation bars.&lt;br /&gt;
 *&lt;br /&gt;
 * @param {number} indexNavigationBar The index of navigation bar to be toggled&lt;br /&gt;
 * @param {jQuery.Event} event Event object&lt;br /&gt;
 * @return {boolean}&lt;br /&gt;
 */&lt;br /&gt;
function toggleNavigationBar( indexNavigationBar, event ) {&lt;br /&gt;
	var navToggle = document.getElementById( &#039;NavToggle&#039; + indexNavigationBar );&lt;br /&gt;
	var navFrame = document.getElementById( &#039;NavFrame&#039; + indexNavigationBar );&lt;br /&gt;
	var navChild;&lt;br /&gt;
&lt;br /&gt;
	if ( !navFrame || !navToggle ) {&lt;br /&gt;
		return false;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	// If shown now&lt;br /&gt;
	if ( navToggle.firstChild.data === navigationBarHide ) {&lt;br /&gt;
		for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {&lt;br /&gt;
			if ( $( navChild ).hasClass( &#039;NavContent&#039; ) ) {&lt;br /&gt;
				navChild.style.display = &#039;none&#039;;&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		navToggle.firstChild.data = navigationBarShow;&lt;br /&gt;
&lt;br /&gt;
	// If hidden now&lt;br /&gt;
	} else if ( navToggle.firstChild.data === navigationBarShow ) {&lt;br /&gt;
		for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {&lt;br /&gt;
			if ( $( navChild ).hasClass( &#039;NavContent&#039; ) ) {&lt;br /&gt;
				navChild.style.display = &#039;block&#039;;&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		navToggle.firstChild.data = navigationBarHide;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	event.preventDefault();&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Adds show/hide-button to navigation bars.&lt;br /&gt;
 *&lt;br /&gt;
 * @param {jQuery} $content&lt;br /&gt;
 */&lt;br /&gt;
function createNavigationBarToggleButton( $content ) {&lt;br /&gt;
	var j, navChild, navToggle, navToggleText, isCollapsed,&lt;br /&gt;
		indexNavigationBar = 0;&lt;br /&gt;
	// Iterate over all &amp;lt; div &amp;gt;-elements&lt;br /&gt;
	var $divs = $content.find( &#039;div.NavFrame:not(.mw-collapsible)&#039; );&lt;br /&gt;
	$divs.each( function ( i, navFrame ) {&lt;br /&gt;
		indexNavigationBar++;&lt;br /&gt;
		navToggle = document.createElement( &#039;a&#039; );&lt;br /&gt;
		navToggle.className = &#039;NavToggle&#039;;&lt;br /&gt;
		navToggle.setAttribute( &#039;id&#039;, &#039;NavToggle&#039; + indexNavigationBar );&lt;br /&gt;
		navToggle.setAttribute( &#039;href&#039;, &#039;#&#039; );&lt;br /&gt;
		$( navToggle ).on( &#039;click&#039;, $.proxy( toggleNavigationBar, null, indexNavigationBar ) );&lt;br /&gt;
&lt;br /&gt;
		isCollapsed = $( navFrame ).hasClass( &#039;collapsed&#039; );&lt;br /&gt;
		/**&lt;br /&gt;
		 * Check if any children are already hidden.  This loop is here for backwards compatibility:&lt;br /&gt;
		 * the old way of making NavFrames start out collapsed was to manually add style=&amp;quot;display:none&amp;quot;&lt;br /&gt;
		 * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make&lt;br /&gt;
		 * the content visible without JavaScript support), the new recommended way is to add the class&lt;br /&gt;
		 * &amp;quot;collapsed&amp;quot; to the NavFrame itself, just like with collapsible tables.&lt;br /&gt;
		 */&lt;br /&gt;
		for ( navChild = navFrame.firstChild; navChild !== null &amp;amp;&amp;amp; !isCollapsed; navChild = navChild.nextSibling ) {&lt;br /&gt;
			if ( $( navChild ).hasClass( &#039;NavPic&#039; ) || $( navChild ).hasClass( &#039;NavContent&#039; ) ) {&lt;br /&gt;
				if ( navChild.style.display === &#039;none&#039; ) {&lt;br /&gt;
					isCollapsed = true;&lt;br /&gt;
				}&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		if ( isCollapsed ) {&lt;br /&gt;
			for ( navChild = navFrame.firstChild; navChild !== null; navChild = navChild.nextSibling ) {&lt;br /&gt;
				if ( $( navChild ).hasClass( &#039;NavPic&#039; ) || $( navChild ).hasClass( &#039;NavContent&#039; ) ) {&lt;br /&gt;
					navChild.style.display = &#039;none&#039;;&lt;br /&gt;
				}&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		navToggleText = document.createTextNode( isCollapsed ? navigationBarShow : navigationBarHide );&lt;br /&gt;
		navToggle.appendChild( navToggleText );&lt;br /&gt;
&lt;br /&gt;
		// Find the NavHead and attach the toggle link (Must be this complicated because Moz&#039;s firstChild handling is borked)&lt;br /&gt;
		for ( j = 0; j &amp;lt; navFrame.childNodes.length; j++ ) {&lt;br /&gt;
			if ( $( navFrame.childNodes[ j ] ).hasClass( &#039;NavHead&#039; ) ) {&lt;br /&gt;
				navToggle.style.color = navFrame.childNodes[ j ].style.color;&lt;br /&gt;
				navFrame.childNodes[ j ].appendChild( navToggle );&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
		navFrame.setAttribute( &#039;id&#039;, &#039;NavFrame&#039; + indexNavigationBar );&lt;br /&gt;
	} );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
mw.hook( &#039;wikipage.content&#039; ).add( createNavigationBarToggleButton );&lt;br /&gt;
&lt;br /&gt;
/** Dynamic Navigation Bars (experimental) *************************************&lt;br /&gt;
 *&lt;br /&gt;
 *  Description: See [[Wikipedia:NavFrame]].&lt;br /&gt;
 *  Maintainers: UNMAINTAINED&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
// set up the words in your language&lt;br /&gt;
var NavigationBarHide = &amp;quot;[&amp;quot; + collapseCaption + &amp;quot;]&amp;quot;;&lt;br /&gt;
var NavigationBarShow = &amp;quot;[&amp;quot; + expandCaption + &amp;quot;]&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
// shows and hides content and picture (if available) of navigation bars&lt;br /&gt;
// Parameters:&lt;br /&gt;
//     indexNavigationBar: the index of navigation bar to be toggled&lt;br /&gt;
window.toggleNavigationBar = function(indexNavigationBar, event) {&lt;br /&gt;
  var NavToggle = document.getElementById(&amp;quot;NavToggle&amp;quot; + indexNavigationBar);&lt;br /&gt;
  var NavFrame = document.getElementById(&amp;quot;NavFrame&amp;quot; + indexNavigationBar);&lt;br /&gt;
  var NavChild;&lt;br /&gt;
&lt;br /&gt;
  if (!NavFrame || !NavToggle) {&lt;br /&gt;
    return false;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* if shown now */&lt;br /&gt;
  if (NavToggle.firstChild.data === NavigationBarHide) {&lt;br /&gt;
    for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {&lt;br /&gt;
      if ($(NavChild).hasClass(&amp;quot;NavContent&amp;quot;) || $(NavChild).hasClass(&amp;quot;NavPic&amp;quot;)) {&lt;br /&gt;
        NavChild.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    NavToggle.firstChild.data = NavigationBarShow;&lt;br /&gt;
&lt;br /&gt;
    /* if hidden now */&lt;br /&gt;
  } else if (NavToggle.firstChild.data === NavigationBarShow) {&lt;br /&gt;
    for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {&lt;br /&gt;
      if ($(NavChild).hasClass(&amp;quot;NavContent&amp;quot;) || $(NavChild).hasClass(&amp;quot;NavPic&amp;quot;)) {&lt;br /&gt;
        NavChild.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
    NavToggle.firstChild.data = NavigationBarHide;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  event.preventDefault();&lt;br /&gt;
};&lt;br /&gt;
&lt;br /&gt;
/* adds show/hide-button to navigation bars */&lt;br /&gt;
function createNavigationBarToggleButtonLegacy() {&lt;br /&gt;
  var indexNavigationBar = 0;&lt;br /&gt;
  var NavFrame;&lt;br /&gt;
  var NavChild;&lt;br /&gt;
  /* iterate over all &amp;lt; div &amp;gt;-elements */&lt;br /&gt;
  var divs = document.getElementsByTagName(&amp;quot;div&amp;quot;);&lt;br /&gt;
  for (var i = 0;&lt;br /&gt;
    (NavFrame = divs[i]); i++) {&lt;br /&gt;
    /* if found a navigation bar */&lt;br /&gt;
    if ($(NavFrame).hasClass(&amp;quot;NavFrame&amp;quot;)) {&lt;br /&gt;
&lt;br /&gt;
      indexNavigationBar++;&lt;br /&gt;
      var NavToggle = document.createElement(&amp;quot;a&amp;quot;);&lt;br /&gt;
      NavToggle.className = &amp;quot;NavToggle&amp;quot;;&lt;br /&gt;
      NavToggle.setAttribute(&amp;quot;id&amp;quot;, &amp;quot;NavToggle&amp;quot; + indexNavigationBar);&lt;br /&gt;
      NavToggle.setAttribute(&amp;quot;href&amp;quot;, &amp;quot;#&amp;quot;);&lt;br /&gt;
      $(NavToggle).on(&amp;quot;click&amp;quot;, $.proxy(window.toggleNavigationBar, window, indexNavigationBar));&lt;br /&gt;
&lt;br /&gt;
      var isCollapsed = $(NavFrame).hasClass(&amp;quot;collapsed&amp;quot;);&lt;br /&gt;
      /**&lt;br /&gt;
       * Check if any children are already hidden.  This loop is here for backwards compatibility:&lt;br /&gt;
       * the old way of making NavFrames start out collapsed was to manually add style=&amp;quot;display:none&amp;quot;&lt;br /&gt;
       * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make&lt;br /&gt;
       * the content visible without JavaScript support), the new recommended way is to add the class&lt;br /&gt;
       * &amp;quot;collapsed&amp;quot; to the NavFrame itself, just like with collapsible tables.&lt;br /&gt;
       */&lt;br /&gt;
      for (NavChild = NavFrame.firstChild; NavChild != null &amp;amp;&amp;amp; !isCollapsed; NavChild = NavChild.nextSibling) {&lt;br /&gt;
        if ($(NavChild).hasClass(&amp;quot;NavPic&amp;quot;) || $(NavChild).hasClass(&amp;quot;NavContent&amp;quot;)) {&lt;br /&gt;
          if (NavChild.style.display === &amp;quot;none&amp;quot;) {&lt;br /&gt;
            isCollapsed = true;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      if (isCollapsed) {&lt;br /&gt;
        for (NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling) {&lt;br /&gt;
          if ($(NavChild).hasClass(&amp;quot;NavPic&amp;quot;) || $(NavChild).hasClass(&amp;quot;NavContent&amp;quot;)) {&lt;br /&gt;
            NavChild.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
          }&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      var NavToggleText = document.createTextNode(isCollapsed ? NavigationBarShow : NavigationBarHide);&lt;br /&gt;
      NavToggle.appendChild(NavToggleText);&lt;br /&gt;
&lt;br /&gt;
      /* Find the NavHead and attach the toggle link (Must be this complicated because Moz&amp;quot;s firstChild handling is borked) */&lt;br /&gt;
      for (var j = 0; j &amp;lt; NavFrame.childNodes.length; j++) {&lt;br /&gt;
        if ($(NavFrame.childNodes[j]).hasClass(&amp;quot;NavHead&amp;quot;)) {&lt;br /&gt;
          NavToggle.style.color = NavFrame.childNodes[j].style.color;&lt;br /&gt;
          NavFrame.childNodes[j].appendChild(NavToggle);&lt;br /&gt;
        }&lt;br /&gt;
      }&lt;br /&gt;
      NavFrame.setAttribute(&amp;quot;id&amp;quot;, &amp;quot;NavFrame&amp;quot; + indexNavigationBar);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/** Main Page layout fixes *********************************************************&lt;br /&gt;
 *&lt;br /&gt;
 *  Description: Adds an additional link to the complete list of languages available.&lt;br /&gt;
 *  Maintainers: [[User:AzaToth]], [[User:R. Koot]], [[User:Alex Smotrov]]&lt;br /&gt;
 */&lt;br /&gt;
mw.loader.using([&amp;quot;mediawiki.util&amp;quot;], function() {&lt;br /&gt;
  if ([&amp;quot;صفحهٔ_اصلی&amp;quot;, &amp;quot;بحث:صفحه_اصلی&amp;quot;].indexOf(mw.config.get(&amp;quot;wgPageName&amp;quot;)) !== -1) {&lt;br /&gt;
    $(function() {&lt;br /&gt;
      mw.util.addPortletLink(&amp;quot;p-lang&amp;quot;, &amp;quot;//meta.wikimedia.org/wiki/List_of_Wikipedias/fa&amp;quot;, &amp;quot;فهرست کامل&amp;quot;, &amp;quot;interwiki-completelist&amp;quot;, &amp;quot;فهرست کامل&amp;quot;);&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * WikiMiniAtlas&lt;br /&gt;
 *&lt;br /&gt;
 * Description: WikiMiniAtlas is a popup click and drag world map.&lt;br /&gt;
 *              This script causes all of our coordinate links to display the WikiMiniAtlas popup button.&lt;br /&gt;
 *              The script itself is located on meta because it is used by many projects.&lt;br /&gt;
 *              See [[Meta:WikiMiniAtlas]] for more information.&lt;br /&gt;
 * Maintainers: [[User:Dschwen]]&lt;br /&gt;
 */&lt;br /&gt;
(function() {&lt;br /&gt;
  var require_wikiminiatlas = false;&lt;br /&gt;
  var coord_filter = /geohack/;&lt;br /&gt;
  $(function() {&lt;br /&gt;
    $(&amp;quot;a.external.text&amp;quot;).each(function(key, link) {&lt;br /&gt;
      if (link.href &amp;amp;&amp;amp; coord_filter.exec(link.href)) {&lt;br /&gt;
        require_wikiminiatlas = true;&lt;br /&gt;
        // break from loop&lt;br /&gt;
        return false;&lt;br /&gt;
      }&lt;br /&gt;
    });&lt;br /&gt;
    if ($(&amp;quot;div.kmldata&amp;quot;).length) {&lt;br /&gt;
      require_wikiminiatlas = true;&lt;br /&gt;
    }&lt;br /&gt;
    if (require_wikiminiatlas) {&lt;br /&gt;
      mw.loader.load(&amp;quot;//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&amp;amp;action=raw&amp;amp;ctype=text/javascript&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
/**&lt;br /&gt;
 * Source codes pages direction and and pre white-space &lt;br /&gt;
 */&lt;br /&gt;
mw.loader.using([&amp;quot;mediawiki.util&amp;quot;], function() {&lt;br /&gt;
  if ([2, 4, 8].indexOf(mw.config.get(&amp;quot;wgNamespaceNumber&amp;quot;)) !== -1) {&lt;br /&gt;
    if (/\.(js|css|py)$/.test(mw.config.get(&amp;quot;wgPageName&amp;quot;))) {&lt;br /&gt;
      mw.util.addCSS(&amp;quot;.diff-addedline, .diff-deletedline, .diff-context { direction: ltr; } &amp;quot; +&lt;br /&gt;
        &amp;quot;#wpTextbox1 { direction: ltr; }&amp;quot;);&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  // Newbies are misusing wikilove instead using talk pages add new section&lt;br /&gt;
  // hiding WikiLove from not autoconfirmed users or without more than 100 edits&lt;br /&gt;
  if ($.inArray(&amp;quot;autoconfirmed&amp;quot;, mw.config.get(&amp;quot;wgUserGroups&amp;quot;)) === -1 || mw.config.get(&amp;quot;wgUserEditCount&amp;quot;) &amp;lt; 100) {&lt;br /&gt;
    mw.util.addCSS(&amp;quot;#ca-wikilove { display: none; }&amp;quot;);&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
/**&lt;br /&gt;
 * قراردادن فرمول‌های ریاضی در سمت چپ مناسب برای ویکی‌های راست به چپ&lt;br /&gt;
 */&lt;br /&gt;
$(function() {&lt;br /&gt;
  $(&amp;quot;span.mwe-math-mathml-inline&amp;quot;).each(function() {&lt;br /&gt;
    if ($(this).parent().parent().text().trim() === $(this).parent().text().trim() &amp;amp;&amp;amp; $(this).parent().parent().is(&amp;quot;p, dd&amp;quot;)) {&lt;br /&gt;
      $(this).parent().parent().css({&lt;br /&gt;
        direction: &amp;quot;ltr&amp;quot;,&lt;br /&gt;
        padding: &amp;quot;1em 0&amp;quot;&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
  });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
// هشدار به کاربرها در مورد عنوان ایمیل&lt;br /&gt;
$(function() {&lt;br /&gt;
  if ( $(&#039;#mw-input-wpSubject&#039;).parents(&#039;tr&#039;).length &amp;gt; 0 ) {&lt;br /&gt;
    $(&#039;#mw-input-wpSubject&#039;).parents(&#039;tr&#039;).before(&#039;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&amp;lt;/td&amp;gt;&amp;lt;td style=&amp;quot;color: red; font-weight: bold&amp;quot;&amp;gt;لطفاً عبارت Wikipedia e-mail ‌را با یک عنوان مناسب جایگزین کنید!&amp;lt;/td&amp;gt;&amp;lt;tr&amp;gt;&#039;);&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
// Make refrence number that you clicked on bold for proper navigation&lt;br /&gt;
// Author: User:Ladsgroup&lt;br /&gt;
$( &#039;sup.reference&#039; ).click( function () {&lt;br /&gt;
    var citeId = $( this ).attr( &#039;id&#039; );&lt;br /&gt;
    $( &#039;sup &amp;gt; a[href=&amp;quot;#&#039; + citeId + &#039;&amp;quot;]&#039;).css(&#039;color&#039;, &#039;#2a4b8d&#039;).css(&#039;font-weight&#039;, &#039;bold&#039;);&lt;br /&gt;
    $( &#039;sup &amp;gt; a[href=&amp;quot;#&#039; + citeId + &#039;&amp;quot;]&#039;).click( function() {&lt;br /&gt;
        $( this ).css(&#039;color&#039;, &#039;&#039;).css(&#039;font-weight&#039;, &#039;&#039;);&lt;br /&gt;
    } );&lt;br /&gt;
} );&lt;br /&gt;
&lt;br /&gt;
// Hide the FileExporter portlet link if the file is not free content&lt;br /&gt;
$(function() {&lt;br /&gt;
  if ($(&#039;#ca-fileExporter&#039;).length == 1 &amp;amp; $(mw.config.get(&#039;wgCategories&#039;)).filter([&#039;محتویات غیر آزاد&#039;, &#039;تصویرهای با منبع نامعلوم&#039;, &#039;تصویرهای با پدیدآور نامشخص&#039;]).length &amp;gt; 0) {&lt;br /&gt;
  	$(&#039;#ca-fileExporter&#039;).hide();&lt;br /&gt;
  }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* اضافه کردن تیتر برای یادداشت ها */&lt;br /&gt;
$( function() {&lt;br /&gt;
    if($(&#039;#reflist-notes .references&#039;).text().length&amp;gt;10) {&lt;br /&gt;
        $(&#039;#reflist-notes&#039;).before(&#039;&amp;lt;h2&amp;gt;یادداشت‌ها&amp;lt;/h2&amp;gt;&#039;);&lt;br /&gt;
    }&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* پاسخ تاشو */&lt;br /&gt;
mw.hook(&#039;wikipage.content&#039;).add(function($content) {&lt;br /&gt;
    const questions = $content.find(&#039;.question&#039;);&lt;br /&gt;
    const answers = $content.find(&#039;.answer&#039;);&lt;br /&gt;
    &lt;br /&gt;
    questions.each(function(index) {&lt;br /&gt;
        const question = this;&lt;br /&gt;
        const answer = answers[index];&lt;br /&gt;
        &lt;br /&gt;
        // حذف event listener های قبلی برای جلوگیری از تکرار&lt;br /&gt;
        $(question).off(&#039;click.collapsible&#039;);&lt;br /&gt;
        $(answer).off(&#039;click.collapsible&#039;);&lt;br /&gt;
        &lt;br /&gt;
        // اضافه کردن event listener جدید&lt;br /&gt;
        $(question).on(&#039;click.collapsible&#039;, function() {&lt;br /&gt;
            $(this).toggleClass(&#039;active&#039;);&lt;br /&gt;
            $(answer).toggleClass(&#039;expanded&#039;);&lt;br /&gt;
        });&lt;br /&gt;
        &lt;br /&gt;
        $(answer).on(&#039;click.collapsible&#039;, function() {&lt;br /&gt;
            $(question).toggleClass(&#039;active&#039;);&lt;br /&gt;
            $(this).toggleClass(&#039;expanded&#039;);&lt;br /&gt;
        });&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
(function () {&lt;br /&gt;
  function initFgWikiSlider(sliderId, delay) {&lt;br /&gt;
    var slider = document.getElementById(sliderId);&lt;br /&gt;
    if (!slider) return;&lt;br /&gt;
&lt;br /&gt;
    if (slider.getAttribute(&#039;data-fgwiki-ready&#039;) === &#039;true&#039;) return;&lt;br /&gt;
    slider.setAttribute(&#039;data-fgwiki-ready&#039;, &#039;true&#039;);&lt;br /&gt;
&lt;br /&gt;
    var slides = slider.querySelectorAll(&#039;.fgwiki-slider__slide&#039;);&lt;br /&gt;
    var dots = slider.querySelectorAll(&#039;.fgwiki-slider__dot&#039;);&lt;br /&gt;
    var prev = slider.querySelector(&#039;.fgwiki-slider__nav--prev&#039;);&lt;br /&gt;
    var next = slider.querySelector(&#039;.fgwiki-slider__nav--next&#039;);&lt;br /&gt;
    var currentIndex = 0;&lt;br /&gt;
    var timer = null;&lt;br /&gt;
    var total = slides.length;&lt;br /&gt;
&lt;br /&gt;
    if (!total) return;&lt;br /&gt;
&lt;br /&gt;
    function setActive(index) {&lt;br /&gt;
      slides[currentIndex].classList.remove(&#039;is-active&#039;);&lt;br /&gt;
      dots[currentIndex].classList.remove(&#039;is-active&#039;);&lt;br /&gt;
&lt;br /&gt;
      currentIndex = (index + total) % total;&lt;br /&gt;
&lt;br /&gt;
      slides[currentIndex].classList.add(&#039;is-active&#039;);&lt;br /&gt;
      dots[currentIndex].classList.add(&#039;is-active&#039;);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function goNext() {&lt;br /&gt;
      setActive(currentIndex + 1);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function goPrev() {&lt;br /&gt;
      setActive(currentIndex - 1);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function stopAuto() {&lt;br /&gt;
      if (timer) {&lt;br /&gt;
        clearInterval(timer);&lt;br /&gt;
        timer = null;&lt;br /&gt;
      }&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function startAuto() {&lt;br /&gt;
      stopAuto();&lt;br /&gt;
      timer = setInterval(goNext, delay);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    if (next) {&lt;br /&gt;
      next.addEventListener(&#039;click&#039;, function () {&lt;br /&gt;
        goNext();&lt;br /&gt;
        startAuto();&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    if (prev) {&lt;br /&gt;
      prev.addEventListener(&#039;click&#039;, function () {&lt;br /&gt;
        goPrev();&lt;br /&gt;
        startAuto();&lt;br /&gt;
      });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    dots.forEach(function (dot, index) {&lt;br /&gt;
      dot.addEventListener(&#039;click&#039;, function () {&lt;br /&gt;
        setActive(index);&lt;br /&gt;
        startAuto();&lt;br /&gt;
      });&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    slider.addEventListener(&#039;mouseenter&#039;, stopAuto);&lt;br /&gt;
    slider.addEventListener(&#039;mouseleave&#039;, startAuto);&lt;br /&gt;
    slider.addEventListener(&#039;focusin&#039;, stopAuto);&lt;br /&gt;
    slider.addEventListener(&#039;focusout&#039;, startAuto);&lt;br /&gt;
&lt;br /&gt;
    startAuto();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  function runFgWikiSliders() {&lt;br /&gt;
    initFgWikiSlider(&#039;fgwiki-slider-1&#039;, 10000);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (document.readyState === &#039;loading&#039;) {&lt;br /&gt;
    document.addEventListener(&#039;DOMContentLoaded&#039;, runFgWikiSliders);&lt;br /&gt;
  } else {&lt;br /&gt;
    runFgWikiSliders();&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  if (window.mw &amp;amp;&amp;amp; mw.hook) {&lt;br /&gt;
    mw.hook(&#039;wikipage.content&#039;).add(function () {&lt;br /&gt;
      runFgWikiSliders();&lt;br /&gt;
    });&lt;br /&gt;
  }&lt;br /&gt;
})();&lt;br /&gt;
&lt;br /&gt;
/////////////////پاپ آپ زمان لود شدن سایت/////////////////////////////////////////////////////////////////////&lt;br /&gt;
&lt;br /&gt;
$(function () {&lt;br /&gt;
    var $settings = $(&#039;#popup-settings&#039;);&lt;br /&gt;
    if (!$settings.length) return; // اگر تنظیمی در صفحه نبود، اجرا نشود&lt;br /&gt;
&lt;br /&gt;
    var storageKey = &#039;popup_seen_&#039; + mw.config.get(&#039;wgPageName&#039;);&lt;br /&gt;
    //if (sessionStorage.getItem(storageKey)) return;&lt;br /&gt;
&lt;br /&gt;
    // خواندن مقادیر از المان‌های صفحه&lt;br /&gt;
    var title = $settings.find(&#039;.p-title&#039;).html() || &#039;تخفیف ویژه&#039;;&lt;br /&gt;
    var desc = $settings.find(&#039;.p-desc&#039;).html() || &#039;&#039;;&lt;br /&gt;
    var btnText = $settings.find(&#039;.p-btn-text&#039;).text() || &#039;مشاهده محصولات&#039;;&lt;br /&gt;
    var btnLink = $settings.find(&#039;.p-btn-link&#039;).text() || &#039;#&#039;;&lt;br /&gt;
    var imgSrc = $settings.find(&#039;.p-img&#039;).text() || &#039;https://cdn-icons-png.flaticon.com/512/2652/2652234.png&#039;;&lt;br /&gt;
&lt;br /&gt;
    var html = &lt;br /&gt;
        &#039;&amp;lt;div class=&amp;quot;discount-overlay&amp;quot; id=&amp;quot;customPopup&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
        &#039;  &amp;lt;div class=&amp;quot;discount-modal&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
        &#039;    &amp;lt;button class=&amp;quot;discount-modal__close&amp;quot; onclick=&amp;quot;closeMyPopup()&amp;quot;&amp;gt;✕&amp;lt;/button&amp;gt;&#039; +&lt;br /&gt;
        &#039;    &amp;lt;img src=&amp;quot;&#039;+imgSrc+&#039;&amp;quot; class=&amp;quot;discount-modal__image&amp;quot;&amp;gt;&#039; +&lt;br /&gt;
        &#039;    &amp;lt;h2 class=&amp;quot;discount-modal__title&amp;quot;&amp;gt;&#039;+title+&#039;&amp;lt;/h2&amp;gt;&#039; +&lt;br /&gt;
        &#039;    &amp;lt;p class=&amp;quot;discount-modal__desc&amp;quot;&amp;gt;&#039;+desc+&#039;&amp;lt;/p&amp;gt;&#039; +&lt;br /&gt;
        &#039;    &amp;lt;a href=&amp;quot;&#039;+btnLink+&#039;&amp;quot; class=&amp;quot;discount-modal__button&amp;quot;&amp;gt;&#039;+btnText+&#039;&amp;lt;/a&amp;gt;&#039; +&lt;br /&gt;
        &#039;  &amp;lt;/div&amp;gt;&#039; +&lt;br /&gt;
        &#039;&amp;lt;/div&amp;gt;&#039;;&lt;br /&gt;
&lt;br /&gt;
    $(&#039;body&#039;).append(html);&lt;br /&gt;
&lt;br /&gt;
    window.closeMyPopup = function() {&lt;br /&gt;
        $(&#039;#customPopup&#039;).removeClass(&#039;is-visible&#039;);&lt;br /&gt;
        $(&#039;body&#039;).removeClass(&#039;modal-open&#039;);&lt;br /&gt;
        //sessionStorage.setItem(storageKey, &#039;true&#039;);&lt;br /&gt;
    };&lt;br /&gt;
&lt;br /&gt;
    setTimeout(function() {&lt;br /&gt;
        $(&#039;#customPopup&#039;).addClass(&#039;is-visible&#039;);&lt;br /&gt;
        $(&#039;body&#039;).addClass(&#039;modal-open&#039;);&lt;br /&gt;
    }, 1000);&lt;br /&gt;
&lt;br /&gt;
    $(&#039;#customPopup&#039;).on(&#039;click&#039;, function(e) {&lt;br /&gt;
        if (e.target === this) closeMyPopup();&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
////////////////////////نقطه روی تصویر&lt;br /&gt;
document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
    const container = document.querySelector(&amp;quot;#interactiveImage&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    if (!container) return;&lt;br /&gt;
&lt;br /&gt;
    const hotspots = container.querySelectorAll(&amp;quot;.image-hotspot&amp;quot;);&lt;br /&gt;
    const cards = container.querySelectorAll(&amp;quot;.hotspot-card&amp;quot;);&lt;br /&gt;
    const closeButtons = container.querySelectorAll(&amp;quot;.hotspot-card__close&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
    function closeAllCards() {&lt;br /&gt;
        cards.forEach(function (card) {&lt;br /&gt;
            card.classList.remove(&amp;quot;is-open&amp;quot;);&lt;br /&gt;
            card.setAttribute(&amp;quot;aria-hidden&amp;quot;, &amp;quot;true&amp;quot;);&lt;br /&gt;
        });&lt;br /&gt;
&lt;br /&gt;
        hotspots.forEach(function (hotspot) {&lt;br /&gt;
            hotspot.setAttribute(&amp;quot;aria-expanded&amp;quot;, &amp;quot;false&amp;quot;);&lt;br /&gt;
        });&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    hotspots.forEach(function (hotspot) {&lt;br /&gt;
        hotspot.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
            event.stopPropagation();&lt;br /&gt;
&lt;br /&gt;
            const popupId = hotspot.dataset.popup;&lt;br /&gt;
            const selectedCard = document.getElementById(popupId);&lt;br /&gt;
            const isAlreadyOpen = selectedCard.classList.contains(&amp;quot;is-open&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
            closeAllCards();&lt;br /&gt;
&lt;br /&gt;
            if (!isAlreadyOpen) {&lt;br /&gt;
                selectedCard.classList.add(&amp;quot;is-open&amp;quot;);&lt;br /&gt;
                selectedCard.setAttribute(&amp;quot;aria-hidden&amp;quot;, &amp;quot;false&amp;quot;);&lt;br /&gt;
                hotspot.setAttribute(&amp;quot;aria-expanded&amp;quot;, &amp;quot;true&amp;quot;);&lt;br /&gt;
            }&lt;br /&gt;
        });&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    closeButtons.forEach(function (button) {&lt;br /&gt;
        button.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
            event.stopPropagation();&lt;br /&gt;
            closeAllCards();&lt;br /&gt;
        });&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    cards.forEach(function (card) {&lt;br /&gt;
        card.addEventListener(&amp;quot;click&amp;quot;, function (event) {&lt;br /&gt;
            event.stopPropagation();&lt;br /&gt;
        });&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    // بستن کارت با کلیک بیرون آن&lt;br /&gt;
    document.addEventListener(&amp;quot;click&amp;quot;, closeAllCards);&lt;br /&gt;
&lt;br /&gt;
    // بستن با کلید Escape&lt;br /&gt;
    document.addEventListener(&amp;quot;keydown&amp;quot;, function (event) {&lt;br /&gt;
        if (event.key === &amp;quot;Escape&amp;quot;) {&lt;br /&gt;
            closeAllCards();&lt;br /&gt;
        }&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* انیمیشن تایپ‌رایتر هوشمند */&lt;br /&gt;
mw.hook(&#039;wikipage.content&#039;).add(function($content) {&lt;br /&gt;
    $content.find(&#039;.sanjab-typewriter&#039;).each(function() {&lt;br /&gt;
        var $el = $(this);&lt;br /&gt;
        var text = $el.attr(&#039;data-text&#039;) || $el.html();&lt;br /&gt;
        var speed = parseInt($el.attr(&#039;data-speed&#039;)) || 70;&lt;br /&gt;
        var delay = parseInt($el.attr(&#039;data-delay&#039;)) || 2500;&lt;br /&gt;
        &lt;br /&gt;
        $el.html(&#039;&#039;).css(&#039;visibility&#039;, &#039;visible&#039;);&lt;br /&gt;
        &lt;br /&gt;
        var i = 0;&lt;br /&gt;
        function type() {&lt;br /&gt;
            if (i &amp;lt; text.length) {&lt;br /&gt;
                var char = text.charAt(i);&lt;br /&gt;
                if (text.substr(i, 4) === &#039;&amp;lt;br&amp;gt;&#039;) {&lt;br /&gt;
                    $el.append(&#039;&amp;lt;br&amp;gt;&#039;);&lt;br /&gt;
                    i += 4;&lt;br /&gt;
                } else {&lt;br /&gt;
                    $el.append(char);&lt;br /&gt;
                    i++;&lt;br /&gt;
                }&lt;br /&gt;
                setTimeout(type, speed);&lt;br /&gt;
            } else {&lt;br /&gt;
                setTimeout(function() {&lt;br /&gt;
                    $el.html(&#039;&#039;);&lt;br /&gt;
                    i = 0;&lt;br /&gt;
                    type();&lt;br /&gt;
                }, delay);&lt;br /&gt;
            }&lt;br /&gt;
        }&lt;br /&gt;
        type();&lt;br /&gt;
    });&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
/* سیستم جستجوی شهرها و استان‌ها */&lt;br /&gt;
mw.hook(&#039;wikipage.content&#039;).add(function ($content) {&lt;br /&gt;
    var $wrapper = $content.find(&#039;#city-search-wrapper&#039;);&lt;br /&gt;
&lt;br /&gt;
    // فقط در صفحاتی اجرا شود که قالب در آن‌ها قرار دارد&lt;br /&gt;
    if (!$wrapper.length) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    // جلوگیری از اجرای دو بار کد در صفحات داینامیک&lt;br /&gt;
    if ($wrapper.data(&#039;citySearchReady&#039;)) {&lt;br /&gt;
        return;&lt;br /&gt;
    }&lt;br /&gt;
    $wrapper.data(&#039;citySearchReady&#039;, true);&lt;br /&gt;
&lt;br /&gt;
    var cityData = {&lt;br /&gt;
  &amp;quot;آذربایجان شرقی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تبریز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%A8%D8%B1%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مراغه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D8%A7%D8%BA%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مرند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بناب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سهند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%87%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بستان آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B3%D8%AA%D8%A7%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جلفا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%84%D9%81%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سردرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AF%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هادیشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%A7%D8%AF%DB%8C%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سراب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شبستر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A8%D8%B3%D8%AA%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عجب شیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%AC%D8%A8%20%D8%B4%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خسروشاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B3%D8%B1%D9%88%D8%B4%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باسمنج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%B3%D9%85%D9%86%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسکو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%DA%A9%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایلخچی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D9%84%D8%AE%DA%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صوفیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D9%88%D9%81%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ممقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%85%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هریس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B1%DB%8C%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلیبر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%DB%8C%D8%A8%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قره آغاج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B1%D9%87%20%D8%A2%D8%BA%D8%A7%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیه چشمه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D9%87%20%DA%86%D8%B4%D9%85%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اذرشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B0%D8%B1%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مایان سفلی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%DB%8C%D8%A7%D9%86%20%D8%B3%D9%81%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ملکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%84%DA%A9%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبش احمد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%B4%20%D8%A7%D8%AD%D9%85%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باغ معروف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%BA%20%D9%85%D8%B9%D8%B1%D9%88%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ورزقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%B1%D8%B2%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هشترود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B4%D8%AA%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;الوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قزلجه میدان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B2%D9%84%D8%AC%D9%87%20%D9%85%DB%8C%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهربان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%D8%A8%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بناب مرند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%A7%D8%A8%20%D9%85%D8%B1%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لیقوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%DB%8C%D9%82%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شرفخانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%B1%D9%81%D8%AE%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دیزج دیز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%DB%8C%D8%B2%D8%AC%20%D8%AF%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرنق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%D9%86%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیخ حسن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%AE%20%D8%AD%D8%B3%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قره ضیاالدین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B1%D9%87%20%D8%B6%DB%8C%D8%A7%D8%A7%D9%84%D8%AF%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گوگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%88%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کندوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%86%D8%AF%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چله خانه سفلی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%84%D9%87%20%D8%AE%D8%A7%D9%86%D9%87%20%D8%B3%D9%81%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ترکمانچای&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%B1%DA%A9%D9%85%D8%A7%D9%86%DA%86%D8%A7%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باروق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%B1%D9%88%D9%82-%D8%A2%D8%B0%D8%B1%D8%A8%D8%A7%DB%8C%D8%AC%D8%A7%D9%86%20%D8%B4%D8%B1%D9%82%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF-%D8%A2%D8%B0%D8%B1%D8%A8%D8%A7%DB%8C%D8%AC%D8%A7%D9%86%20%D8%B4%D8%B1%D9%82%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;آذربایجان غربی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارومیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D9%88%D9%85%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خوی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهاباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بوکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%DA%A9%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میاندوآب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%A7%D9%86%D8%AF%D9%88%D8%A2%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پیرانشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%DB%8C%D8%B1%D8%A7%D9%86%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سلماس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%84%D9%85%D8%A7%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نقده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%82%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماکو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%DA%A9%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاهین دژ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%87%DB%8C%D9%86%20%D8%AF%DA%98&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشنویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%D9%86%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تکاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%DA%A9%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قره ضیاءالدین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B1%D9%87%20%D8%B6%DB%8C%D8%A7%D8%A1%D8%A7%D9%84%D8%AF%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چاربورج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D8%B1%D8%A8%D9%88%D8%B1%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بازرگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%B2%D8%B1%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سردشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شوط&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%88%D8%B7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوشین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B4%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پلدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D9%84%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بالو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%84%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باروق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%B1%D9%88%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اوچ تپه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%88%DA%86%20%D8%AA%D9%BE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دیزج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%DB%8C%D8%B2%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نلاس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%84%D8%A7%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خیابان مریوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%DB%8C%D8%A7%D8%A8%D8%A7%D9%86%20%D9%85%D8%B1%DB%8C%D9%88%D8%A7%D9%86%E2%80%8E%E2%80%8E&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهید بهشتی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%DB%8C%D8%AF%20%D8%A8%D9%87%D8%B4%D8%AA%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D8%A7%D8%B1-%D8%A2%D8%B0%D8%B1%D8%A8%D8%A7%DB%8C%D8%AC%D8%A7%D9%86%20%D8%BA%D8%B1%D8%A8%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;اردبیل&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اردبیل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%AF%D8%A8%DB%8C%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پارس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%A7%D8%B1%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خلخال&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%84%D8%AE%D8%A7%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مشگین شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B4%DA%AF%DB%8C%D9%86%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرمى&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D9%85%D9%89&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرعین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%B9%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نمین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%85%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جعفرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%B9%D9%81%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیله سوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D9%84%D9%87%20%D8%B3%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گیوی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DB%8C%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اصلاندوز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B5%D9%84%D8%A7%D9%86%D8%AF%D9%88%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرمی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D9%85%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوثر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D8%AB%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باروق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%B1%D9%88%D9%82-%D8%A7%D8%B1%D8%AF%D8%A8%DB%8C%D9%84&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;اصفهان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اصفهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کاشان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D8%B4%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خمینی شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%85%DB%8C%D9%86%DB%8C%E2%80%8C%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نجف آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%AC%D9%81%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاهین شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%87%DB%8C%D9%86%E2%80%8C%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فولاد شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%88%D9%84%D8%A7%D8%AF%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آران وبیدگل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B1%D8%A7%D9%86%20%D9%88%D8%A8%DB%8C%D8%AF%DA%AF%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرضا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%B6%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دولت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%88%D9%84%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلپایگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D9%BE%D8%A7%DB%8C%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;درچه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B1%DA%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فلاورجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%84%D8%A7%D9%88%D8%B1%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرین شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%DB%8C%D9%86%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مبارکه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A8%D8%A7%D8%B1%DA%A9%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خوانسار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%A7%D9%86%D8%B3%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سلطان آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%84%D8%B7%D8%A7%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خورزوق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%B1%D8%B2%D9%88%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گزبرخوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B2%D8%A8%D8%B1%D8%AE%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهر صدرا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%20%D8%B5%D8%AF%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تیران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%DB%8C%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نائین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%D8%A6%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زیباشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%DB%8C%D8%A8%D8%A7%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نطنز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B7%D9%86%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستگرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%DA%AF%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سمیرم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%85%DB%8C%D8%B1%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوش آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B4%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قهدریجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%87%D8%AF%D8%B1%DB%8C%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اردستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%AF%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پیربکران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%DB%8C%D8%B1%D8%A8%DA%A9%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهر ابریشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%20%D8%A7%D8%A8%D8%B1%DB%8C%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلیشاد و سودرجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%DB%8C%D8%B4%D8%A7%D8%AF%20%D9%88%20%D8%B3%D9%88%D8%AF%D8%B1%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جوی آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%DB%8C%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;داران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;راوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باغ بهادران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%BA%20%D8%A8%D9%87%D8%A7%D8%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سده لنجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%AF%D9%87%20%D9%84%D9%86%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فریدونشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%DB%8C%D8%AF%D9%88%D9%86%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کمشچه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%85%D8%B4%DA%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ورنامخواست&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%B1%D9%86%D8%A7%D9%85%D8%AE%D9%88%D8%A7%D8%B3%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دیزیچه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%DB%8C%D8%B2%DB%8C%DA%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مورچه خورت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%88%D8%B1%DA%86%D9%87%20%D8%AE%D9%88%D8%B1%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ورزنه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%B1%D8%B2%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چمگردان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%85%DA%AF%D8%B1%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرگاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%DA%AF%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قمصر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%85%D8%B5%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کهریزسنگ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%87%D8%B1%DB%8C%D8%B2%D8%B3%D9%86%DA%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چادگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D8%AF%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهاقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D8%A7%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بادرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%AF%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوهپایه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D9%87%D9%BE%D8%A7%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زواره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%88%D8%A7%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میمه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%85%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قهجاورستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%87%D8%AC%D8%A7%D9%88%D8%B1%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیاسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D8%A7%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;علویجه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D9%84%D9%88%DB%8C%D8%AC%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سجزئ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%AC%D8%B2%D8%A6&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طالخونچه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%A7%D9%84%D8%AE%D9%88%D9%86%DA%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مجلسی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AC%D9%84%D8%B3%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نایین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%DB%8C%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هرند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B1%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابریشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%D8%B1%DB%8C%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چرمهین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%B1%D9%85%D9%87%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سلفچگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%84%D9%81%DA%86%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه سفید&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%D8%B3%D9%81%DB%8C%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;برزک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D8%B2%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک شیمیایی رازی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B4%DB%8C%D9%85%DB%8C%D8%A7%DB%8C%DB%8C%20%D8%B1%D8%A7%D8%B2%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گوگد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%88%DA%AF%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زازران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D8%B2%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گهرو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%87%D8%B1%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زفره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%81%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایمانشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D9%85%D8%A7%D9%86%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اژیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DA%98%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهاران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بویین ومیاندشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%DB%8C%DB%8C%D9%86%20%D9%88%D9%85%DB%8C%D8%A7%D9%86%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رامشه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%85%D8%B4%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مقابل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%82%D8%A7%D8%A8%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مشکات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B4%DA%A9%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF-%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF-%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تویسرکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%88%DB%8C%D8%B3%D8%B1%DA%A9%D8%A7%D9%86-%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;روبروی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%A8%D8%B1%D9%88%DB%8C-%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حبیب اباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%A8%DB%8C%D8%A8%20%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نراق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B1%D8%A7%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گوجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%88%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D9%82&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;البرز&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کرج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فردیس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%AF%DB%8C%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نظر آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B8%D8%B1%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هشتگرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B4%D8%AA%DA%AF%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمد شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مشکین دشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B4%DA%A9%DB%8C%D9%86%20%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماهدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%87%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کمال شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%85%D8%A7%D9%84%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشتهارد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%D8%AA%D9%87%D8%A7%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;الوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرمدره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D9%85%D8%AF%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چهارباغ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%87%D8%A7%D8%B1%D8%A8%D8%A7%D8%BA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کردان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فتح آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%AA%D8%AD%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوهسار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D9%87%D8%B3%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلسار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D8%B3%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنقرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%82%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک هیو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D9%87%DB%8C%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;البرز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%D8%A8%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طالقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%A7%D9%84%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک چمران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%DA%86%D9%85%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعتی اشتهارد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%D8%A7%D8%B4%D8%AA%D9%87%D8%A7%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اغلان تپه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%BA%D9%84%D8%A7%D9%86%20%D8%AA%D9%BE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تنکمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%86%DA%A9%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرستانک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%B3%D8%AA%D8%A7%D9%86%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیخ حسن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%AE%20%D8%AD%D8%B3%D9%86-%D8%A7%D9%84%D8%A8%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;ایلام&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایلام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D9%84%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهلران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D9%84%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبدانان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%AF%D8%A7%D9%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دره شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B1%D9%87%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرابله&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A7%D8%A8%D9%84%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آسمان آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D9%85%D8%A7%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارکواز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%DA%A9%D9%88%D8%A7%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بدره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AF%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;بوشهر&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بوشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر گناوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%DA%AF%D9%86%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;برازجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D8%A7%D8%B2%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر کنگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%DA%A9%D9%86%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندردیلم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%D8%AF%DB%8C%D9%84%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عسلویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%B3%D9%84%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندردیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%D8%AF%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خورموج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%B1%D9%85%D9%88%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبپخش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D9%BE%D8%AE%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عالیشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%A7%D9%84%DB%8C%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نخل تقی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%AE%D9%84%20%D8%AA%D9%82%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چغادک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%BA%D8%A7%D8%AF%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دلوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%84%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اهرم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%87%D8%B1%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کاکی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%DA%A9%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر سیراف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D8%B3%DB%8C%D8%B1%D8%A7%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شبانکاره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A8%D8%A7%D9%86%DA%A9%D8%A7%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;وحدتیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%AD%D8%AF%D8%AA%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بنک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ریز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خارک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%D8%B1%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دشتی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B4%D8%AA%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;تهران&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تهران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسلامشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%84%D8%A7%D9%85%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهریار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DB%8C%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قدس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%AF%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرجدیدپرند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%AC%D8%AF%DB%8C%D8%AF%D9%BE%D8%B1%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ملارد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%84%D8%A7%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ری&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رباط کریم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A8%D8%A7%D8%B7%20%DA%A9%D8%B1%DB%8C%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پردیس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%B1%D8%AF%DB%8C%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قرچک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B1%DA%86%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نسیم شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B3%DB%8C%D9%85%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ورامین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%B1%D8%A7%D9%85%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهارستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%A7%D8%B1%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اندیشه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%86%D8%AF%DB%8C%D8%B4%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پاکدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%A7%DA%A9%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چهاردانگه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%87%D8%A7%D8%B1%D8%AF%D8%A7%D9%86%DA%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باغستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%BA%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دماوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرقدس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D9%82%D8%AF%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بومهن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%D9%85%D9%87%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حسن آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B3%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعتی شمس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%D8%B4%D9%85%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باقرشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%82%D8%B1%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شریف آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%B1%DB%8C%D9%81%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فرون آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D9%88%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک امید&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%A7%D9%85%DB%8C%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لواسان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%88%D8%A7%D8%B3%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پیشوا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%DB%8C%D8%B4%D9%88%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعتی خاوران سایت درودگران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%D8%AE%D8%A7%D9%88%D8%B1%D8%A7%D9%86%20%D8%B3%D8%A7%DB%8C%D8%AA%20%D8%AF%D8%B1%D9%88%D8%AF%DA%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صباشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D8%A8%D8%A7%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رودهن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%AF%D9%87%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعتی صفا دشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%D8%B5%D9%81%D8%A7%20%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کهریزک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%87%D8%B1%DB%8C%D8%B2%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فردوسیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%AF%D9%88%D8%B3%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعت عباس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%20%D8%B9%D8%A8%D8%A7%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قیامدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%DB%8C%D8%A7%D9%85%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;وحیدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%AD%DB%8C%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باقرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%82%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;احمداباد مستوفی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%AD%D9%85%D8%AF%D8%A7%D8%A8%D8%A7%D8%AF%20%D9%85%D8%B3%D8%AA%D9%88%D9%81%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبسرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%B3%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نصیرشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B5%DB%8C%D8%B1%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شورآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%88%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صالحیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D8%A7%D9%84%D8%AD%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک شهید مدنی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B4%D9%87%DB%8C%D8%AF%20%D9%85%D8%AF%D9%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاهدشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%87%D8%AF%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صفادشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D9%81%D8%A7%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیروزکوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%DB%8C%D8%B1%D9%88%D8%B2%DA%A9%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;احمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صالح آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D8%A7%D9%84%D8%AD%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوشک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D8%B4%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خاورشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%D9%88%D8%B1%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شمس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%85%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قیصرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%DB%8C%D8%B5%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صدف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D8%AF%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوی صاحب الزمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%DB%8C%20%D8%B5%D8%A7%D8%AD%D8%A8%20%D8%A7%D9%84%D8%B2%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهر جدید اندیشه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%20%D8%AC%D8%AF%DB%8C%D8%AF%20%D8%A7%D9%86%D8%AF%DB%8C%D8%B4%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصارامیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D8%A7%D8%B1%D8%A7%D9%85%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جاجرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%A7%D8%AC%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;همت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%85%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آلارد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D9%84%D8%A7%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لشگرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%B4%DA%AF%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جوادآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%D8%A7%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قنوات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%86%D9%88%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه نو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%D9%86%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سعدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B9%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;انجم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%86%D8%AC%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ادران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کتام و سادات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%AA%D8%A7%D9%85%20%D9%88%20%D8%B3%D8%A7%D8%AF%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جوادیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%D8%A7%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پرندک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%B1%D9%86%D8%AF%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیدکنه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%AF%DA%A9%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مرتضی گرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D8%AA%D8%B6%DB%8C%20%DA%AF%D8%B1%D8%AF%E2%80%8E&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابراهیم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%D8%B1%D8%A7%D9%87%DB%8C%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;علی آباد قاجار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D9%84%DB%8C%20%D8%A2%D8%A8%D8%A7%D8%AF%20%D9%82%D8%A7%D8%AC%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیلستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%DB%8C%D9%84%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امیریه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%DB%8C%D8%B1%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عبدل آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%A8%D8%AF%D9%84%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نظام آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B8%D8%A7%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;روستا جابان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%B3%D8%AA%D8%A7%20%D8%AC%D8%A7%D8%A8%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میگون&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%DA%AF%D9%88%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابعلی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%D8%B9%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کیلان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%DB%8C%D9%84%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ناران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کمرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%85%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سولقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D9%84%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طالب آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%A7%D9%84%D8%A8%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عباس آباد علاقبند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%A8%D8%A7%D8%B3%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF%20%D8%B9%D9%84%D8%A7%D9%82%D8%A8%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;روبروی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%A8%D8%B1%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اوشان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%88%D8%B4%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنقرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%82%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF-%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مقابل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%82%D8%A7%D8%A8%D9%84-%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرستانک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%B3%D8%AA%D8%A7%D9%86%DA%A9-%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D8%A7%D8%A8-%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شمیران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%85%DB%8C%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چرمشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%B1%D9%85%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;چهارمحال و بختیاری&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرکرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بروجن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D9%88%D8%AC%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لردگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%B1%D8%AF%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فارسان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%A7%D8%B1%D8%B3%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فرخ شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%AE%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سامان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%A7%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هفشجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%81%D8%B4%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فرادنبه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%A7%D8%AF%D9%86%D8%A8%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سورشجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B1%D8%B4%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چالشتر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D9%84%D8%B4%D8%AA%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بلداجی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%84%D8%AF%D8%A7%D8%AC%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چلگرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%84%DA%AF%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جونقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%D9%86%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گندمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%86%D8%AF%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شلمزار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%84%D9%85%D8%B2%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مال خلیفه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%84%20%D8%AE%D9%84%DB%8C%D9%81%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ناغان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%D8%BA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چلیچه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%84%DB%8C%DA%86%D9%87&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;خراسان جنوبی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیرجند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%B1%D8%AC%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طبس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%A8%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قاین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فردوس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%AF%D9%88%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بشرویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B4%D8%B1%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نهبندان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%87%D8%A8%D9%86%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بجستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AC%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرایان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A7%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسلامیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سربیشه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A8%DB%8C%D8%B4%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خوسف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%B3%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فتح آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%AA%D8%AD%20%D8%A2%D8%A8%D8%A7%D8%AF-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%AC%D9%86%D9%88%D8%A8%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;خراسان رضوی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مشهد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B4%D9%87%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیشابور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D8%B4%D8%A7%D8%A8%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سبزوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%A8%D8%B2%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کاشمر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D8%B4%D9%85%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تربت جام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%B1%D8%A8%D8%AA%20%D8%AC%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قوچان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%88%DA%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تربت حیدریه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%B1%D8%A8%D8%AA%20%D8%AD%DB%8C%D8%AF%D8%B1%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلبهار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D8%A8%D9%87%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گناباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%86%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چناران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%86%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تایباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%A7%DB%8C%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طرقبه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%B1%D9%82%D8%A8%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بردسکن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D8%AF%D8%B3%DA%A9%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خواف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%88%D8%A7%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاندیز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%86%D8%AF%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خلیل آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%84%DB%8C%D9%84%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فریمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%DB%8C%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;درگز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B1%DA%AF%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;توس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%88%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ملک آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%84%DA%A9%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیض آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%DB%8C%D8%B6%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طرق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%B1%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نقاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%82%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جغتای&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%BA%D8%AA%D8%A7%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باخرز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%AE%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیدخت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%AF%D8%AE%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ویلا شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%DB%8C%D9%84%D8%A7%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قدمگاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%AF%D9%85%DA%AF%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوچاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%DA%86%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تپه سلام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%BE%D9%87%20%D8%B3%D9%84%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خین عرب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%DB%8C%D9%86%20%D8%B9%D8%B1%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رباطو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A8%D8%A7%D8%B7%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فرخد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%AE%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رشتخوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B4%D8%AA%D8%AE%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چهار برج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%87%D8%A7%D8%B1%20%D8%A8%D8%B1%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کاریز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D8%B1%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ویرانی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D9%8A%D8%B1%D8%A7%D9%86%D9%8A%E2%80%8E&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;داورزن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D9%88%D8%B1%D8%B2%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;الی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%D9%8A&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رضویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B6%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کاخک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D8%AE%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جاغرق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%A7%D8%BA%D8%B1%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نشتیفان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B4%D8%AA%DB%8C%D9%81%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عسکریه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%B3%DA%A9%D8%B1%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فتح آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%AA%D8%AD%20%D8%A2%D8%A8%D8%A7%D8%AF-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسلامیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%D9%87-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه نو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%D9%86%D9%88-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فتح اباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%AA%D8%AD%20%D8%A7%D8%A8%D8%A7%D8%AF-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مقابل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%82%D8%A7%D8%A8%D9%84-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرستانک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%B3%D8%AA%D8%A7%D9%86%DA%A9-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86-%D8%B1%D8%B6%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;خراسان شمالی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بجنورد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AC%D9%86%D9%88%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیروان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%B1%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسفراین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%81%D8%B1%D8%A7%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آشخانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B4%D8%AE%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جاجرم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%A7%D8%AC%D8%B1%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فاروج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%A7%D8%B1%D9%88%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرمه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D9%85%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF-%D8%AE%D8%B1%D8%A7%D8%B3%D8%A7%D9%86%20%D8%B4%D9%85%D8%A7%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;خوزستان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اهواز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%87%D9%88%D8%A7%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبادان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%A7%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دزفول&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B2%D9%81%D9%88%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شوشتر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%88%D8%B4%D8%AA%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرمشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D9%85%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهبهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%A8%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر ماهشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D9%85%D8%A7%D9%87%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شوش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%88%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D9%8A&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایذه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D8%B0%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رامهرمز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%85%D9%87%D8%B1%D9%85%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اندیمشک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%86%D8%AF%DB%8C%D9%85%D8%B4%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر امام خمینی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D8%A7%D9%85%D8%A7%D9%85%20%D8%AE%D9%85%DB%8C%D9%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مسجد سلیمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B3%D8%AC%D8%AF%20%D8%B3%D9%84%DB%8C%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امیدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%DB%8C%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شادگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D8%AF%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سوسنگرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B3%D9%86%DA%AF%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باغملک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%BA%D9%85%D9%84%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گتوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%AA%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حمیدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D9%85%DB%8C%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هویزه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%88%DB%8C%D8%B2%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رامشیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%85%D8%B4%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیبان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%A8%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آغاجاری&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%BA%D8%A7%D8%AC%D8%A7%D8%B1%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لالی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مینوشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%86%D9%88%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هفتگل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%81%D8%AA%DA%AF%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شرافت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%B1%D8%A7%D9%81%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهدز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D8%AF%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هندیجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%86%D8%AF%DB%8C%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عین البقر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%DB%8C%D9%86%20%D8%A7%D9%84%D8%A8%D9%82%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک المهدی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%A7%D9%84%D9%85%D9%87%D8%AF%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;منتظران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%86%D8%AA%D8%B8%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیخ حسن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%AE%20%D8%AD%D8%B3%D9%86-%D8%AE%D9%88%D8%B2%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;زنجان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زنجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%86%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرمدره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D9%85%D8%AF%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قیدار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%DB%8C%D8%AF%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آب بر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%20%D8%A8%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هیدج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%DB%8C%D8%AF%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سلطانیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%84%D8%B7%D8%A7%D9%86%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماه نشان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%87%20%D9%86%D8%B4%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرین رود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%DB%8C%D9%86%20%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دندی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%86%D8%AF%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گیلوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DB%8C%D9%84%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سجاس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%AC%D8%A7%D8%B3&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;سمنان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سمنان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%85%D9%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاهرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%87%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دامغان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D9%85%D8%BA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرمسار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D9%85%D8%B3%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهدی شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%AF%DB%8C%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهمیرزاد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D9%85%DB%8C%D8%B1%D8%B2%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایوانکی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D9%88%D8%A7%D9%86%DA%A9%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میامی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%A7%D9%85%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارادان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%A7%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آستانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D8%AA%D8%A7%D9%86%D9%87-%D8%B3%D9%85%D9%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بخش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AE%D8%B4-%D8%B3%D9%85%D9%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;سیستان و بلوچستان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زاهدان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D9%87%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چابهار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D8%A8%D9%87%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زابل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D8%A8%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سراوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A7%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایرانشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D8%B1%D8%A7%D9%86%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیک شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%DA%A9%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سوران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خاش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کنارک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%86%D8%A7%D8%B1%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهرستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تیس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%DB%8C%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زهک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%87%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میرجاوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%B1%D8%AC%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فنوج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%86%D9%88%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرباز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A8%D8%A7%D8%B2&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;فارس&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیراز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%B1%D8%A7%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مرودشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D9%88%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرجدیدصدرا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%AC%D8%AF%DB%8C%D8%AF%D8%B5%D8%AF%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فسا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B3%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جهرم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%87%D8%B1%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آباده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%A7%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کازرون&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D8%B2%D8%B1%D9%88%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اقلید&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%82%D9%84%DB%8C%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لامرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D9%85%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نی ریز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%E2%80%8C%D8%B1%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;داراب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D8%B1%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیروزآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%DB%8C%D8%B1%D9%88%D8%B2%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گراش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%D8%A7%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;استهبان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D8%AA%D9%87%D8%A8%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صفاشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D9%81%D8%A7%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گویم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%88%DB%8C%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حیدرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%DB%8C%D8%AF%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سروستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D9%88%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قادرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%D8%AF%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اوز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%88%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سعادت شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B9%D8%A7%D8%AF%D8%AA%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرامه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D8%A7%D9%85%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فراشبند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D8%A7%D8%B4%D8%A8%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گله دار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D9%87%20%D8%AF%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آباده طشک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%D8%A7%D8%AF%D9%87%20%D8%B7%D8%B4%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهنو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D9%86%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک ولیعصر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D9%88%D9%84%DB%8C%D8%B9%D8%B5%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهشیخ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D8%B4%DB%8C%D8%AE&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جنت شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%86%D8%AA%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوراباد ممسنی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B1%D8%A7%D8%A8%D8%A7%D8%AF%20%D9%85%D9%85%D8%B3%D9%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرین دشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%DB%8C%D9%86%20%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صغاد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D8%BA%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیدان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مصیری&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B5%DB%8C%D8%B1%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کرونی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D9%88%D9%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دودج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%88%D8%AF%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیضا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%B6%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک مهدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D9%85%D9%87%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سورمق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B1%D9%85%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشکنان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%DA%A9%D9%86%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تل بیضا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%84%20%D8%A8%DB%8C%D8%B6%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;والاشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%A7%D9%84%D8%A7%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گچی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DA%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خان زنیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%D9%86%20%D8%B2%D9%86%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خنج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%86%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قایمیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%DB%8C%D9%85%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کره موچی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D9%87%20%D9%85%D9%88%DA%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارسنجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%B3%D9%86%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جویم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%DB%8C%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لطیفی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%B7%DB%8C%D9%81%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%8A%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سوریان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B1%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فتح آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%AA%D8%AD%20%D8%A2%D8%A8%D8%A7%D8%AF-%D9%81%D8%A7%D8%B1%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF-%D9%81%D8%A7%D8%B1%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باب انار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%A8%20%D8%A7%D9%86%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;قزوین&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قزوین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B2%D9%88%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تاکستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%A7%DA%A9%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اقبالیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%82%D8%A8%D8%A7%D9%84%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بوئین زهرا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%D8%A6%DB%8C%D9%86%20%D8%B2%D9%87%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آبگرم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%A8%DA%AF%D8%B1%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک صنعتی کاسپین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%DA%A9%D8%A7%D8%B3%D9%BE%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابیک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%DB%8C%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرمدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D9%85%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شریفیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%B1%DB%8C%D9%81%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیدستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%AF%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نصرت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B5%D8%B1%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دانسفهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D9%86%D8%B3%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک فرهنگیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%DA%A9%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسفرورین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%81%D8%B1%D9%88%D8%B1%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ناصرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%D8%B5%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بویین زهرا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%DB%8C%DB%8C%D9%86%20%D8%B2%D9%87%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شال&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نرجه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B1%D8%AC%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارداق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%AF%D8%A7%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصار خروان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D8%A7%D8%B1%20%D8%AE%D8%B1%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قشلاق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B4%D9%84%D8%A7%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کورانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D8%B1%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خاکعلی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%DA%A9%D8%B9%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرستانک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%B3%D8%AA%D8%A7%D9%86%DA%A9-%D9%82%D8%B2%D9%88%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;قم&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پردیسان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%B1%D8%AF%DB%8C%D8%B3%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جعفریه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%B9%D9%81%D8%B1%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کهک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%87%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مبارک آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A8%D8%A7%D8%B1%DA%A9%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بخش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AE%D8%B4-%D9%82%D9%85&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;کردستان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنندج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%86%D8%AF%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سقز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%82%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مریوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%DB%8C%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قروه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B1%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیجار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%AC%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کامیاران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A7%D9%85%DB%8C%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دیواندره&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%DB%8C%D9%88%D8%A7%D9%86%D8%AF%D8%B1%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهگلان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%DA%AF%D9%84%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نایی سر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%A7%DB%8C%DB%8C%20%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اورامان تخت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%88%D8%B1%D8%A7%D9%85%D8%A7%D9%86%20%D8%AA%D8%AE%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D8%B1-%DA%A9%D8%B1%D8%AF%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;کرمان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رفسنجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%81%D8%B3%D9%86%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیرجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D8%B1%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهربابک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%A8%D8%A7%D8%A8%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زرند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%B1%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جیرفت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%DB%8C%D8%B1%D9%81%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عنبرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D9%86%D8%A8%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کهنوج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%87%D9%86%D9%88%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بافت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%81%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;انار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%86%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بردسیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D8%AF%D8%B3%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زنگی آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%86%DA%AF%DB%8C%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرچشمه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%DA%86%D8%B4%D9%85%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلشن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D8%B4%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;منوجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%86%D9%88%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میمند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%85%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه گنج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%DA%AF%D9%86%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فاریاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%A7%D8%B1%DB%8C%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهداد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%AF%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نجف شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%AC%D9%81%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بروات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D9%88%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;راین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهرمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%B1%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;راور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رابر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D8%A8%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سعادت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B9%D8%A7%D8%AF%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF-%DA%A9%D8%B1%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لاله زار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D9%84%D9%87%20%D8%B2%D8%A7%D8%B1-%DA%A9%D8%B1%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF-%DA%A9%D8%B1%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نصرت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B5%D8%B1%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF-%DA%A9%D8%B1%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;کرمانشاه&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کرمانشاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D9%85%D8%A7%D9%86%D8%B4%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسلام آباد غرب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%84%D8%A7%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF%20%D8%BA%D8%B1%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جوانرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%D8%A7%D9%86%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرپل ذهاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D9%BE%D9%84%20%D8%B0%D9%87%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنقر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%82%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کنگاور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%86%DA%AF%D8%A7%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قصرشیرین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B5%D8%B1%D8%B4%DB%8C%D8%B1%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صحنه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D8%AD%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پاوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;روانسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%A7%D9%86%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هرسین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B1%D8%B3%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گیلانغرب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DB%8C%D9%84%D8%A7%D9%86%D8%BA%D8%B1%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیستون&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%B3%D8%AA%D9%88%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باغشاد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%BA%D8%B4%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوسود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B3%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;کهگیلویه و بویراحمد&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;یاسوج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DB%8C%D8%A7%D8%B3%D9%88%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گچساران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DA%86%D8%B3%D8%A7%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سی سخت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%20%D8%B3%D8%AE%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرآب تاوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A2%D8%A8%20%D8%AA%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لیکک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%DB%8C%DA%A9%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لنده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%86%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مادوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D8%AF%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;گلستان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گرگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%B1%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گنبد کاووس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%86%D8%A8%D8%AF%20%DA%A9%D8%A7%D9%88%D9%88%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;علی آباد کتول&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D9%84%DB%8C%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF%20%DA%A9%D8%AA%D9%88%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آق قلا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D9%82%20%D9%82%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آزادشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B2%D8%A7%D8%AF%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندرترکمن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%D8%AA%D8%B1%DA%A9%D9%85%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کردکوی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D8%AF%DA%A9%D9%88%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گنبدکاوس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%86%D8%A8%D8%AF%DA%A9%D8%A7%D9%88%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلاله&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%D8%A7%D9%84%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فاضل آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%A7%D8%B6%D9%84%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گالیکش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%A7%D9%84%DB%8C%DA%A9%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مینودشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%86%D9%88%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خان ببین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%A7%D9%86%20%D8%A8%D8%A8%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیمین شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D9%85%DB%8C%D9%86%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مراوه تپه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D8%A7%D9%88%D9%87%20%D8%AA%D9%BE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گمیش تپه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%85%DB%8C%D8%B4%20%D8%AA%D9%BE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رامیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%85%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دلند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%84%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جلین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%84%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D8%A7%D8%A8-%DA%AF%D9%84%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنقرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%82%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF-%DA%AF%D9%84%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندرگز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%DA%AF%D8%B2&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;گیلان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر انزلی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D8%A7%D9%86%D8%B2%D9%84%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لاهیجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D9%87%DB%8C%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لنگرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%86%DA%AF%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آستانه اشرفیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D8%AA%D8%A7%D9%86%D9%87%20%D8%A7%D8%B4%D8%B1%D9%81%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آستارا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D8%AA%D8%A7%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فومن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%88%D9%85%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صومعه سرا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D9%88%D9%85%D8%B9%D9%87%20%D8%B3%D8%B1%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رودسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%AF%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هشتپر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B4%D8%AA%D9%BE%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رضوانشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B6%D9%88%D8%A7%D9%86%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خمام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%85%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیاهکل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D8%A7%D9%87%DA%A9%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رحیم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%AD%DB%8C%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماسال&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D8%B3%D8%A7%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رستم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B3%D8%AA%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنگر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%DA%AF%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;املش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%D9%84%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کیاشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%DB%8C%D8%A7%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوچصفهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%DA%86%D8%B5%D9%81%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رودبار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%AF%D8%A8%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تالش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%A7%D9%84%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شفت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%81%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسالم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D8%A7%D9%84%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خشکبیجار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B4%DA%A9%D8%A8%DB%8C%D8%AC%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چابکسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D8%A8%DA%A9%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;منجیل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%86%D8%AC%DB%8C%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لیالستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%DB%8C%D8%A7%D9%84%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چمخاله&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%85%D8%AE%D8%A7%D9%84%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گوراب زرمیخ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%88%D8%B1%D8%A7%D8%A8%20%D8%B2%D8%B1%D9%85%DB%8C%D8%AE&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لوندویل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%88%D9%86%D8%AF%D9%88%DB%8C%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشکیک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%DA%A9%DB%8C%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لیسار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%DB%8C%D8%B3%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لوشان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%88%D8%B4%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرک عباس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D9%83%20%D8%B9%D8%A8%D8%A7%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زیباکنار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%DB%8C%D8%A8%D8%A7%DA%A9%D9%86%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تازه آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%A7%D8%B2%D9%87%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جفرود پایین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%81%D8%B1%D9%88%D8%AF%20%D9%BE%D8%A7%DB%8C%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماکلوان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%DA%A9%D9%84%D9%88%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حسن رود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B3%D9%86%20%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شلمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%84%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لولمان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D9%88%D9%84%D9%85%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امین آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%DB%8C%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه رودخان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%D8%B1%D9%88%D8%AF%D8%AE%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گتاب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%AA%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ماسوله&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D8%B3%D9%88%D9%84%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کومله&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D9%85%D9%84%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;طاهرگوراب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B7%D8%A7%D9%87%D8%B1%DA%AF%D9%88%D8%B1%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پیربازار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%DB%8C%D8%B1%D8%A8%D8%A7%D8%B2%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آقا سید شریف&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D9%82%D8%A7%20%D8%B3%DB%8C%D8%AF%20%D8%B4%D8%B1%DB%8C%D9%81&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حاجی بکنده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%A7%D8%AC%DB%8C%20%D8%A8%D9%83%D9%86%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میانرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%A7%D9%86%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مرجغل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D8%AC%D8%BA%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پره سر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%B1%D9%87%20%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کسما&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B3%D9%85%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رودبنه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%AF%D8%A8%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;واجارگاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%A7%D8%AC%D8%A7%D8%B1%DA%AF%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;توتکابن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%88%D8%AA%DA%A9%D8%A7%D8%A8%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لشت نشا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%B4%D8%AA%20%D9%86%D8%B4%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اطاق ور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B7%D8%A7%D9%82%20%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;لرستان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خرم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B1%D9%85%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بروجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B1%D9%88%D8%AC%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نورآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دورود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%88%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;الیگودرز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%DB%8C%DA%AF%D9%88%D8%AF%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ازنا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B2%D9%86%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوهدشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D9%87%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;الشتر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%84%D8%B4%D8%AA%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پلدختر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D9%84%D8%AF%D8%AE%D8%AA%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سراب چنگایی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%A7%D8%A8%20%DA%86%D9%86%DA%AF%D8%A7%DB%8C%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آستانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D8%AA%D8%A7%D9%86%D9%87-%D9%84%D8%B1%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;مازندران&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ساری&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%A7%D8%B1%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آمل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D9%85%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بابل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%A8%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قائم شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%D8%A6%D9%85%E2%80%8C%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بابلسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D8%A8%D9%84%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چالوس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D8%A7%D9%84%D9%88%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمودآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D9%88%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نوشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تنکابن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%86%DA%A9%D8%A7%D8%A8%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رامسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%A7%D9%85%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مامازند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%85%D8%A7%D8%B2%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عباس آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%A8%D8%A7%D8%B3%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قایمشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%DB%8C%D9%85%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فریدونکنار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%DB%8C%D8%AF%D9%88%D9%86%DA%A9%D9%86%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نکا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DA%A9%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جویبار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%DB%8C%D8%A8%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سلمان شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%84%D9%85%D8%A7%D9%86%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرخرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%D8%AE%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امیرکلا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%DB%8C%D8%B1%DA%A9%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلاردشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%D8%A7%D8%B1%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلاچای&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%D8%A7%DA%86%D8%A7%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چمستان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%85%D8%B3%D8%AA%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گلوگاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%D9%88%DA%AF%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهنمیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D9%86%D9%85%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رویان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیرگاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%B1%DA%AF%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مرزن آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%D8%B2%D9%86%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زیراب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%DB%8C%D8%B1%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امیرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%DB%8C%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کیاکلا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%DB%8C%D8%A7%DA%A9%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلاک سر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%83%D9%84%D8%A7%D9%83%20%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نشتارود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B4%D8%AA%D8%A7%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ایزدشهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%DB%8C%D8%B2%D8%AF%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سورک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B1%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رستمکلا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B3%D8%AA%D9%85%DA%A9%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ارطه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%B7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کتالم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%AA%D8%A7%D9%84%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بسطام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B3%D8%B7%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دابودشت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%A7%D8%A8%D9%88%D8%AF%D8%B4%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اوجاکسر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%88%D8%AC%D8%A7%D9%83%D8%B3%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نمک ابرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%85%DA%A9%20%D8%A7%D8%A8%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نکاء&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DA%A9%D8%A7%D8%A1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیرود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%B1%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهدی آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%AF%DB%8C%E2%80%8C%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ولی اباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D9%84%DB%8C%20%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خلیل شهر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%84%DB%8C%D9%84%20%D8%B4%D9%87%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;باقرتنگه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%82%D8%B1%D8%AA%D9%86%DA%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;صفاییه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B5%D9%81%D8%A7%DB%8C%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زاغمرز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D8%BA%D9%85%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سمسکنده علیا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%85%D8%B3%DA%A9%D9%86%D8%AF%D9%87%20%D8%B9%D9%84%DB%8C%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بیشه کلا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D8%B4%D9%87%E2%80%8C%DA%A9%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلوده&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%83%D9%84%D9%88%D8%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عبدالله آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D8%A8%D8%AF%D8%A7%D9%84%D9%84%D9%87%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خزرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D8%B2%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چوبر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%88%D8%A8%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امامزاده هاشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%D8%A7%D9%85%D8%B2%D8%A7%D8%AF%D9%87%20%D9%87%D8%A7%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بینالود&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%DB%8C%D9%86%D8%A7%D9%84%D9%88%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پل سفید&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D9%84%20%D8%B3%D9%81%DB%8C%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کلاراباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%84%D8%A7%D8%B1%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیلبند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%8A%D9%84%D8%A8%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کوهی خیل&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%88%D9%87%DB%8C%20%D8%AE%DB%8C%D9%84&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پلور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D9%84%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مزگاه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B2%DA%AF%D8%A7%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;وازیوار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%88%D8%A7%D8%B2%DB%8C%D9%88%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بورخانی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%88%D8%B1%D8%AE%D8%A7%D9%86%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF-%D9%85%D8%A7%D8%B2%D9%86%D8%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نصرت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B5%D8%B1%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF-%D9%85%D8%A7%D8%B2%D9%86%D8%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;روبروی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%A8%D8%B1%D9%88%DB%8C-%D9%85%D8%A7%D8%B2%D9%86%D8%AF%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمود اباد نمونه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D9%88%D8%AF%20%D8%A7%D8%A8%D8%A7%D8%AF%20%D9%86%D9%85%D9%88%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رینه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%DB%8C%D9%86%D9%87&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;مرکزی&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اراک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%A7%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ساوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خمین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%85%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محلات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%84%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دلیجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%84%DB%8C%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تفرش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%81%D8%B1%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شازند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D8%B2%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مامونیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%A7%D9%85%D9%88%D9%86%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خیرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%DB%8C%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهرجدیدمهاجران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%D8%AC%D8%AF%DB%8C%D8%AF%D9%85%D9%87%D8%A7%D8%AC%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهر صنعتی کاوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%B1%20%D8%B5%D9%86%D8%B9%D8%AA%DB%8C%20%DA%A9%D8%A7%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زاویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کمیجان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%85%DB%8C%D8%AC%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;غرق آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%BA%D8%B1%D9%82%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیمور&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D9%85%D9%88%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;آستانه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A2%D8%B3%D8%AA%D8%A7%D9%86%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;خنداب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AE%D9%86%D8%AF%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهاجران&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%A7%D8%AC%D8%B1%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فرمهین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%B1%D9%85%D9%87%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شهباز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%87%D8%A8%D8%A7%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشتیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%D8%AA%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میلاجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%84%D8%A7%D8%AC%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF-%D9%85%D8%B1%DA%A9%D8%B2%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حصار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%B5%D8%A7%D8%B1-%D9%85%D8%B1%DA%A9%D8%B2%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قلعه نو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D9%84%D8%B9%D9%87%20%D9%86%D9%88-%D9%85%D8%B1%DA%A9%D8%B2%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نصرت آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%B5%D8%B1%D8%AA%20%D8%A2%D8%A8%D8%A7%D8%AF-%D9%85%D8%B1%DA%A9%D8%B2%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اصغراباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B5%D8%BA%D8%B1%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;هرمزگان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندرعباس&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%D8%B9%D8%A8%D8%A7%D8%B3&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میناب&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D9%86%D8%A7%D8%A8&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کیش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%DB%8C%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندرلنگه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%D9%84%D9%86%DA%AF%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;حاجی آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AD%D8%A7%D8%AC%DB%8C%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جزیره کیش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%B2%DB%8C%D8%B1%D9%87%20%DA%A9%DB%8C%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;درگهان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B1%DA%AF%D9%87%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جزیره قشم&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%B2%DB%8C%D8%B1%D9%87%20%D9%82%D8%B4%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کنگ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%86%DA%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر جاسک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D8%AC%D8%A7%D8%B3%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دهبارز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D9%87%D8%A8%D8%A7%D8%B1%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بستک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%B3%D8%AA%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سیریک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%DB%8C%D8%B1%DB%8C%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;پارسیان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%BE%D8%A7%D8%B1%D8%B3%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر خمیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D8%AE%D9%85%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;هشتبندی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D8%B4%D8%AA%D8%A8%D9%86%D8%AF%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;چه چکر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%86%D9%87%20%DA%86%DA%A9%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زهوکی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D9%87%D9%88%DA%A9%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رویدر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%DB%8C%D8%AF%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سوزا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%88%D8%B2%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر کنگ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%DA%A9%D9%86%DA%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میشی&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%B4%DB%8C&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بندر مقام&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%86%D8%AF%D8%B1%20%D9%85%D9%82%D8%A7%D9%85&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جزیره هرمز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D8%B2%DB%8C%D8%B1%D9%87%20%D9%87%D8%B1%D9%85%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کهتویه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%87%D8%AA%D9%88%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گچین بالا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DA%86%DB%8C%D9%86%20%D8%A8%D8%A7%D9%84%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گیاهدان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%DB%8C%D8%A7%D9%87%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رودان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D9%88%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کمشک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D9%85%D8%B4%DA%A9&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;همدان&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;همدان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%87%D9%85%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ملایر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%84%D8%A7%DB%8C%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نهاوند&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D9%87%D8%A7%D9%88%D9%86%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کبودرآهنگ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%A8%D9%88%D8%AF%D8%B1%D8%A2%D9%87%D9%86%DA%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تویسرکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%88%DB%8C%D8%B3%D8%B1%DA%A9%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهار&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%A7%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;لالجین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%84%D8%A7%D9%84%D8%AC%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مریانج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%B1%DB%8C%D8%A7%D9%86%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فامنین&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D8%A7%D9%85%D9%86%DB%8C%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;رزن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B1%D8%B2%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;قاسم آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%82%D8%A7%D8%B3%D9%85%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بخش&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%AE%D8%B4&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ازندریان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B2%D9%86%D8%AF%D8%B1%DB%8C%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سرکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%B1%DA%A9%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;کردآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%A9%D8%B1%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;جورقان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AC%D9%88%D8%B1%D9%82%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;امزاجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D9%85%D8%B2%D8%A7%D8%AC%D8%B1%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فیروزان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%DB%8C%D8%B1%D9%88%D8%B2%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گل تپه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D9%84%20%D8%AA%D9%BE%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سامن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D8%A7%D9%85%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شیرین سو&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%DB%8C%D8%B1%DB%8C%D9%86%20%D8%B3%D9%88&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;دستجرد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AF%D8%B3%D8%AA%D8%AC%D8%B1%D8%AF-%D9%87%D9%85%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;سنقرآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B3%D9%86%D9%82%D8%B1%D8%A2%D8%A8%D8%A7%D8%AF-%D9%87%D9%85%D8%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ],&lt;br /&gt;
  &amp;quot;یزد&amp;quot;: [&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;یزد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DB%8C%D8%B2%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;میبد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%DB%8C%D8%A8%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اردکان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B1%D8%AF%DA%A9%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهریز&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%DB%8C%D8%B2&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;تفت&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D9%81%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بافق&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D8%A7%D9%81%D9%82&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ابرکوه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%A8%D8%B1%DA%A9%D9%88%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شاهدیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D8%A7%D9%87%D8%AF%DB%8C%D9%87&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;زارچ&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B2%D8%A7%D8%B1%DA%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اشکذر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B4%DA%A9%D8%B0%D8%B1&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;محمدآباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D8%AD%D9%85%D8%AF%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;مهرگان&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%85%D9%87%D8%B1%DA%AF%D8%A7%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;بهاباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A8%D9%87%D8%A7%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;فهرج&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%81%D9%87%D8%B1%D8%AC&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;گاریزات&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%DA%AF%D8%A7%D8%B1%DB%8C%D8%B2%D8%A7%D8%AA&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ترک آباد&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%AA%D8%B1%D9%83%20%D8%A2%D8%A8%D8%A7%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;ندوشن&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%D8%AF%D9%88%D8%B4%D9%86&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;شورک&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B4%D9%88%D8%B1%DA%A9&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;عقدا&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%B9%D9%82%D8%AF%D8%A7&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;اسلامیه&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%D9%87-%DB%8C%D8%B2%D8%AF&amp;quot;&lt;br /&gt;
    },&lt;br /&gt;
    {&lt;br /&gt;
      &amp;quot;name&amp;quot;: &amp;quot;نیر&amp;quot;,&lt;br /&gt;
      &amp;quot;url&amp;quot;: &amp;quot;/places/%D9%86%DB%8C%D8%B1-%DB%8C%D8%B2%D8%AF&amp;quot;&lt;br /&gt;
    }&lt;br /&gt;
  ]&lt;br /&gt;
};&lt;br /&gt;
    var $input = $wrapper.find(&#039;.city-search-input&#039;);&lt;br /&gt;
    var $container = $wrapper.find(&#039;.city-results-container&#039;);&lt;br /&gt;
&lt;br /&gt;
    function normalizeText(text) {&lt;br /&gt;
        return String(text)&lt;br /&gt;
            .replace(/ي/g, &#039;ی&#039;)&lt;br /&gt;
            .replace(/ك/g, &#039;ک&#039;)&lt;br /&gt;
            .trim()&lt;br /&gt;
            .toLowerCase();&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function escapeHtml(text) {&lt;br /&gt;
        return String(text)&lt;br /&gt;
            .replace(/&amp;amp;/g, &#039;&amp;amp;amp;&#039;)&lt;br /&gt;
            .replace(/&amp;lt;/g, &#039;&amp;amp;lt;&#039;)&lt;br /&gt;
            .replace(/&amp;gt;/g, &#039;&amp;amp;gt;&#039;)&lt;br /&gt;
            .replace(/&amp;quot;/g, &#039;&amp;amp;quot;&#039;)&lt;br /&gt;
            .replace(/&#039;/g, &#039;&amp;amp;#039;&#039;);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    function render(filter) {&lt;br /&gt;
        var query = normalizeText(filter);&lt;br /&gt;
        var html = &#039;&#039;;&lt;br /&gt;
        var resultCount = 0;&lt;br /&gt;
&lt;br /&gt;
        data.forEach(function (item) {&lt;br /&gt;
            var provinceMatches = normalizeText(item.province).indexOf(query) !== -1;&lt;br /&gt;
&lt;br /&gt;
            var cities = item.cities.filter(function (city) {&lt;br /&gt;
                return provinceMatches || normalizeText(city).indexOf(query) !== -1;&lt;br /&gt;
            });&lt;br /&gt;
&lt;br /&gt;
            if (!cities.length) {&lt;br /&gt;
                return;&lt;br /&gt;
            }&lt;br /&gt;
&lt;br /&gt;
            resultCount++;&lt;br /&gt;
&lt;br /&gt;
            html += &#039;&amp;lt;section class=&amp;quot;province-section&amp;quot;&amp;gt;&#039;;&lt;br /&gt;
            html += &#039;&amp;lt;h3 class=&amp;quot;province-title&amp;quot;&amp;gt;&#039; + escapeHtml(item.province) + &#039;&amp;lt;/h3&amp;gt;&#039;;&lt;br /&gt;
            html += &#039;&amp;lt;ul class=&amp;quot;city-list&amp;quot;&amp;gt;&#039;;&lt;br /&gt;
&lt;br /&gt;
            cities.forEach(function (city) {&lt;br /&gt;
                html += &#039;&amp;lt;li class=&amp;quot;city-item&amp;quot;&amp;gt;&#039; + escapeHtml(city) + &#039;&amp;lt;/li&amp;gt;&#039;;&lt;br /&gt;
            });&lt;br /&gt;
&lt;br /&gt;
            html += &#039;&amp;lt;/ul&amp;gt;&#039;;&lt;br /&gt;
            html += &#039;&amp;lt;/section&amp;gt;&#039;;&lt;br /&gt;
        });&lt;br /&gt;
&lt;br /&gt;
        if (!resultCount) {&lt;br /&gt;
            html = &#039;&amp;lt;p class=&amp;quot;city-no-result&amp;quot;&amp;gt;شهری یا استانی با این نام پیدا نشد.&amp;lt;/p&amp;gt;&#039;;&lt;br /&gt;
        }&lt;br /&gt;
&lt;br /&gt;
        $container.html(html);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    $input.on(&#039;input&#039;, function () {&lt;br /&gt;
        render($(this).val());&lt;br /&gt;
    });&lt;br /&gt;
&lt;br /&gt;
    // لود اولیه&lt;br /&gt;
    render(&#039;&#039;);&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
  Faraghaib / فراغیب&lt;br /&gt;
  Paste this file into: MediaWiki:Common.js&lt;br /&gt;
  Vanilla JavaScript; no external library or framework is required.&lt;br /&gt;
*/&lt;br /&gt;
(function () {&lt;br /&gt;
	&amp;quot;use strict&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
	function toPersianNumber(value) {&lt;br /&gt;
		return String(value).replace(/\d/g, function (digit) {&lt;br /&gt;
			return &amp;quot;۰۱۲۳۴۵۶۷۸۹&amp;quot;[digit];&lt;br /&gt;
		});&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	function initCounter(counter) {&lt;br /&gt;
		if (counter.dataset.fgCounterReady === &amp;quot;true&amp;quot;) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		counter.dataset.fgCounterReady = &amp;quot;true&amp;quot;;&lt;br /&gt;
		var target = Number(counter.getAttribute(&amp;quot;data-fg-count&amp;quot;)) || 0;&lt;br /&gt;
		var suffix = counter.getAttribute(&amp;quot;data-fg-suffix&amp;quot;) || &amp;quot;&amp;quot;;&lt;br /&gt;
		var duration = 1100;&lt;br /&gt;
		var start = null;&lt;br /&gt;
&lt;br /&gt;
		function frame(timestamp) {&lt;br /&gt;
			if (start === null) {&lt;br /&gt;
				start = timestamp;&lt;br /&gt;
			}&lt;br /&gt;
			var progress = Math.min((timestamp - start) / duration, 1);&lt;br /&gt;
			var eased = 1 - Math.pow(1 - progress, 3);&lt;br /&gt;
			var current = Math.round(target * eased);&lt;br /&gt;
			counter.textContent = toPersianNumber(current) + suffix;&lt;br /&gt;
			if (progress &amp;lt; 1) {&lt;br /&gt;
				window.requestAnimationFrame(frame);&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
&lt;br /&gt;
		window.requestAnimationFrame(frame);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	function initCounters(root) {&lt;br /&gt;
		var counters = root.querySelectorAll(&amp;quot;[data-fg-count]&amp;quot;);&lt;br /&gt;
		if (!counters.length) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		if (!(&amp;quot;IntersectionObserver&amp;quot; in window)) {&lt;br /&gt;
			counters.forEach(initCounter);&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		var observer = new IntersectionObserver(function (entries, currentObserver) {&lt;br /&gt;
			entries.forEach(function (entry) {&lt;br /&gt;
				if (entry.isIntersecting) {&lt;br /&gt;
					initCounter(entry.target);&lt;br /&gt;
					currentObserver.unobserve(entry.target);&lt;br /&gt;
				}&lt;br /&gt;
			});&lt;br /&gt;
		}, { threshold: 0.4 });&lt;br /&gt;
		counters.forEach(function (counter) {&lt;br /&gt;
			observer.observe(counter);&lt;br /&gt;
		});&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	function initReveal(root) {&lt;br /&gt;
		var elements = root.querySelectorAll(&amp;quot;.fg-reveal&amp;quot;);&lt;br /&gt;
		if (!elements.length || !(&amp;quot;IntersectionObserver&amp;quot; in window)) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		elements.forEach(function (element) {&lt;br /&gt;
			element.classList.add(&amp;quot;fg-reveal--pending&amp;quot;);&lt;br /&gt;
		});&lt;br /&gt;
		var observer = new IntersectionObserver(function (entries, currentObserver) {&lt;br /&gt;
			entries.forEach(function (entry) {&lt;br /&gt;
				if (entry.isIntersecting) {&lt;br /&gt;
					entry.target.classList.add(&amp;quot;fg-reveal--visible&amp;quot;);&lt;br /&gt;
					currentObserver.unobserve(entry.target);&lt;br /&gt;
				}&lt;br /&gt;
			});&lt;br /&gt;
		}, { threshold: 0.12 });&lt;br /&gt;
		elements.forEach(function (element) {&lt;br /&gt;
			observer.observe(element);&lt;br /&gt;
		});&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	function initSlider(slider) {&lt;br /&gt;
		if (slider.dataset.fgSliderReady === &amp;quot;true&amp;quot;) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		var slides = Array.prototype.slice.call(slider.querySelectorAll(&amp;quot;.fg-slide&amp;quot;));&lt;br /&gt;
		var dots = Array.prototype.slice.call(slider.querySelectorAll(&amp;quot;.fg-slider__dot&amp;quot;));&lt;br /&gt;
		var previous = slider.querySelector(&amp;quot;.fg-slider__button--prev&amp;quot;);&lt;br /&gt;
		var next = slider.querySelector(&amp;quot;.fg-slider__button--next&amp;quot;);&lt;br /&gt;
		if (!slides.length || !dots.length) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
&lt;br /&gt;
		var activeIndex = 0;&lt;br /&gt;
		var timer = null;&lt;br /&gt;
		var reducedMotion = window.matchMedia &amp;amp;&amp;amp; window.matchMedia(&amp;quot;(prefers-reduced-motion: reduce)&amp;quot;).matches;&lt;br /&gt;
		slider.dataset.fgSliderReady = &amp;quot;true&amp;quot;;&lt;br /&gt;
		slider.classList.add(&amp;quot;fg-slider--ready&amp;quot;);&lt;br /&gt;
&lt;br /&gt;
		function show(index) {&lt;br /&gt;
			activeIndex = (index + slides.length) % slides.length;&lt;br /&gt;
			slides.forEach(function (slide, slideIndex) {&lt;br /&gt;
				var active = slideIndex === activeIndex;&lt;br /&gt;
				slide.classList.toggle(&amp;quot;is-active&amp;quot;, active);&lt;br /&gt;
				slide.setAttribute(&amp;quot;aria-hidden&amp;quot;, active ? &amp;quot;false&amp;quot; : &amp;quot;true&amp;quot;);&lt;br /&gt;
			});&lt;br /&gt;
			dots.forEach(function (dot, dotIndex) {&lt;br /&gt;
				var active = dotIndex === activeIndex;&lt;br /&gt;
				dot.classList.toggle(&amp;quot;is-active&amp;quot;, active);&lt;br /&gt;
				dot.setAttribute(&amp;quot;aria-selected&amp;quot;, active ? &amp;quot;true&amp;quot; : &amp;quot;false&amp;quot;);&lt;br /&gt;
				dot.setAttribute(&amp;quot;tabindex&amp;quot;, active ? &amp;quot;0&amp;quot; : &amp;quot;-1&amp;quot;);&lt;br /&gt;
			});&lt;br /&gt;
		}&lt;br /&gt;
&lt;br /&gt;
		function stop() {&lt;br /&gt;
			if (timer !== null) {&lt;br /&gt;
				window.clearInterval(timer);&lt;br /&gt;
				timer = null;&lt;br /&gt;
			}&lt;br /&gt;
		}&lt;br /&gt;
&lt;br /&gt;
		function start() {&lt;br /&gt;
			if (reducedMotion || document.hidden || timer !== null) {&lt;br /&gt;
				return;&lt;br /&gt;
			}&lt;br /&gt;
			timer = window.setInterval(function () {&lt;br /&gt;
				show(activeIndex + 1);&lt;br /&gt;
			}, 6200);&lt;br /&gt;
		}&lt;br /&gt;
&lt;br /&gt;
		if (previous) {&lt;br /&gt;
			previous.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
				show(activeIndex - 1);&lt;br /&gt;
				stop();&lt;br /&gt;
				start();&lt;br /&gt;
			});&lt;br /&gt;
		}&lt;br /&gt;
		if (next) {&lt;br /&gt;
			next.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
				show(activeIndex + 1);&lt;br /&gt;
				stop();&lt;br /&gt;
				start();&lt;br /&gt;
			});&lt;br /&gt;
		}&lt;br /&gt;
		dots.forEach(function (dot, index) {&lt;br /&gt;
			dot.addEventListener(&amp;quot;click&amp;quot;, function () {&lt;br /&gt;
				show(index);&lt;br /&gt;
				stop();&lt;br /&gt;
				start();&lt;br /&gt;
			});&lt;br /&gt;
			dot.addEventListener(&amp;quot;keydown&amp;quot;, function (event) {&lt;br /&gt;
				if (event.key === &amp;quot;ArrowLeft&amp;quot; || event.key === &amp;quot;ArrowRight&amp;quot;) {&lt;br /&gt;
					event.preventDefault();&lt;br /&gt;
					show(activeIndex + (event.key === &amp;quot;ArrowLeft&amp;quot; ? 1 : -1));&lt;br /&gt;
					dots[activeIndex].focus();&lt;br /&gt;
					stop();&lt;br /&gt;
					start();&lt;br /&gt;
				}&lt;br /&gt;
			});&lt;br /&gt;
		});&lt;br /&gt;
&lt;br /&gt;
		slider.addEventListener(&amp;quot;mouseenter&amp;quot;, stop);&lt;br /&gt;
		slider.addEventListener(&amp;quot;mouseleave&amp;quot;, start);&lt;br /&gt;
		slider.addEventListener(&amp;quot;focusin&amp;quot;, stop);&lt;br /&gt;
		slider.addEventListener(&amp;quot;focusout&amp;quot;, function (event) {&lt;br /&gt;
			if (!slider.contains(event.relatedTarget)) {&lt;br /&gt;
				start();&lt;br /&gt;
			}&lt;br /&gt;
		});&lt;br /&gt;
		document.addEventListener(&amp;quot;visibilitychange&amp;quot;, function () {&lt;br /&gt;
			if (document.hidden) {&lt;br /&gt;
				stop();&lt;br /&gt;
			} else {&lt;br /&gt;
				start();&lt;br /&gt;
			}&lt;br /&gt;
		});&lt;br /&gt;
		show(0);&lt;br /&gt;
		start();&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	function init(root) {&lt;br /&gt;
		var container = root &amp;amp;&amp;amp; root.jquery ? root[0] : root;&lt;br /&gt;
		var home = container &amp;amp;&amp;amp; container.querySelector ? container.querySelector(&amp;quot;.fg-home&amp;quot;) : null;&lt;br /&gt;
		if (!home) {&lt;br /&gt;
			return;&lt;br /&gt;
		}&lt;br /&gt;
		home.querySelectorAll(&amp;quot;.fg-slider&amp;quot;).forEach(initSlider);&lt;br /&gt;
		initCounters(home);&lt;br /&gt;
		initReveal(home);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	if (window.mw &amp;amp;&amp;amp; window.mw.hook) {&lt;br /&gt;
		window.mw.hook(&amp;quot;wikipage.content&amp;quot;).add(init);&lt;br /&gt;
	} else {&lt;br /&gt;
		document.addEventListener(&amp;quot;DOMContentLoaded&amp;quot;, function () {&lt;br /&gt;
			init(document);&lt;br /&gt;
		});&lt;br /&gt;
	}&lt;br /&gt;
}());&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6333</id>
		<title>تست5</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6333"/>
		<updated>2026-08-12T17:53:27Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*&lt;br /&gt;
  Faraghaib / فراغیب&lt;br /&gt;
  Paste this file into: MediaWiki:Common.css&lt;br /&gt;
  All selectors are scoped to .fg-home to reduce skin conflicts.&lt;br /&gt;
  Optional remote assets:&lt;br /&gt;
  https://dl.faraghaib.ir/mediawiki/faraghaib/&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
@font-face {&lt;br /&gt;
	font-family: &amp;quot;FaraghaibVazirmatn&amp;quot;;&lt;br /&gt;
	src: url(&amp;quot;https://dl.faraghaib.ir/mediawiki/faraghaib/Vazirmatn-Variable.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
	font-style: normal;&lt;br /&gt;
	font-weight: 100 900;&lt;br /&gt;
	font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home {&lt;br /&gt;
	--fg-ink: #172033;&lt;br /&gt;
	--fg-muted: #667085;&lt;br /&gt;
	--fg-soft: #f6f7fb;&lt;br /&gt;
	--fg-border: rgba(23, 32, 51, 0.1);&lt;br /&gt;
	--fg-primary: #6d28d9;&lt;br /&gt;
	--fg-primary-dark: #4c1d95;&lt;br /&gt;
	--fg-cyan: #06b6d4;&lt;br /&gt;
	--fg-lime: #b7f34a;&lt;br /&gt;
	--fg-white: #ffffff;&lt;br /&gt;
	--fg-shadow: 0 24px 70px rgba(30, 27, 75, 0.12);&lt;br /&gt;
	box-sizing: border-box;&lt;br /&gt;
	color: var(--fg-ink);&lt;br /&gt;
	font-family: &amp;quot;FaraghaibVazirmatn&amp;quot;, Vazirmatn, Tahoma, Arial, sans-serif;&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
	line-height: 1.8;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home *,&lt;br /&gt;
.mw-parser-output .fg-home *::before,&lt;br /&gt;
.mw-parser-output .fg-home *::after {&lt;br /&gt;
	box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home a {&lt;br /&gt;
	color: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h1,&lt;br /&gt;
.mw-parser-output .fg-home h2,&lt;br /&gt;
.mw-parser-output .fg-home h3,&lt;br /&gt;
.mw-parser-output .fg-home p {&lt;br /&gt;
	margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h2 {&lt;br /&gt;
	font-size: clamp(1.65rem, 3vw, 2.55rem);&lt;br /&gt;
	letter-spacing: -0.04em;&lt;br /&gt;
	line-height: 1.35;&lt;br /&gt;
	margin-bottom: 0.55rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-home h3 {&lt;br /&gt;
	font-size: 1.18rem;&lt;br /&gt;
	line-height: 1.5;&lt;br /&gt;
	margin-bottom: 0.55rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-shell {&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 1240px;&lt;br /&gt;
	padding: 24px 18px 46px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero {&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 80% 15%, rgba(6, 182, 212, 0.2), transparent 30%),&lt;br /&gt;
		linear-gradient(135deg, #1b1248 0%, #30206d 48%, #6d28d9 100%);&lt;br /&gt;
	border-radius: 32px;&lt;br /&gt;
	box-shadow: var(--fg-shadow);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 22px;&lt;br /&gt;
	grid-template-columns: minmax(0, 1.07fr) minmax(330px, 0.93fr);&lt;br /&gt;
	min-height: 540px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(30px, 5vw, 72px);&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero::after {&lt;br /&gt;
	background: linear-gradient(135deg, transparent 45%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.08) 55%, transparent 55%);&lt;br /&gt;
	background-size: 28px 28px;&lt;br /&gt;
	content: &amp;quot;&amp;quot;;&lt;br /&gt;
	inset: 0;&lt;br /&gt;
	opacity: 0.25;&lt;br /&gt;
	pointer-events: none;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__content,&lt;br /&gt;
.mw-parser-output .fg-hero__visual {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__content {&lt;br /&gt;
	align-self: center;&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow,&lt;br /&gt;
.mw-parser-output .fg-kicker {&lt;br /&gt;
	color: var(--fg-cyan);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
	line-height: 1.4;&lt;br /&gt;
	text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	gap: 9px;&lt;br /&gt;
	margin-bottom: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-eyebrow__dot,&lt;br /&gt;
.mw-parser-output .fg-status-dot {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	box-shadow: 0 0 0 5px rgba(183, 243, 74, 0.16);&lt;br /&gt;
	display: inline-block;&lt;br /&gt;
	height: 8px;&lt;br /&gt;
	width: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__title {&lt;br /&gt;
	font-size: clamp(2.55rem, 6vw, 5.6rem);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: -0.07em;&lt;br /&gt;
	line-height: 1.05;&lt;br /&gt;
	margin: 0 0 22px;&lt;br /&gt;
	max-width: 750px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__lead {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.78);&lt;br /&gt;
	font-size: clamp(1rem, 1.5vw, 1.18rem);&lt;br /&gt;
	line-height: 2;&lt;br /&gt;
	margin-bottom: 26px;&lt;br /&gt;
	max-width: 650px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-actions {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	gap: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	border: 1px solid transparent;&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.95rem;&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 48px;&lt;br /&gt;
	padding: 9px 19px;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
	transition: box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease, color 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button:hover,&lt;br /&gt;
.mw-parser-output .fg-button:focus-visible {&lt;br /&gt;
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.16);&lt;br /&gt;
	transform: translateY(-2px);&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-text-link:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-contact__email:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-service-card__link:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-footer a:focus-visible {&lt;br /&gt;
	outline: 3px solid var(--fg-lime);&lt;br /&gt;
	outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--primary {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	color: #18220c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--ghost {&lt;br /&gt;
	border-color: rgba(255, 255, 255, 0.25);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--ghost:hover,&lt;br /&gt;
.mw-parser-output .fg-button--ghost:focus-visible {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-button--light {&lt;br /&gt;
	background: #fff;&lt;br /&gt;
	color: var(--fg-primary-dark);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-trust-row {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.66);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	font-size: 0.83rem;&lt;br /&gt;
	gap: 15px 22px;&lt;br /&gt;
	margin-top: 26px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-trust-row__item {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	gap: 7px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-check {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-hero__visual {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 360px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit {&lt;br /&gt;
	border: 1px solid rgba(255, 255, 255, 0.18);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	height: 350px;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	width: 350px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit--one {&lt;br /&gt;
	transform: rotate(28deg) scaleX(0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-orbit--two {&lt;br /&gt;
	border-color: rgba(183, 243, 74, 0.42);&lt;br /&gt;
	height: 270px;&lt;br /&gt;
	transform: rotate(-36deg) scaleX(0.5);&lt;br /&gt;
	width: 270px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window {&lt;br /&gt;
	background: rgba(13, 12, 37, 0.8);&lt;br /&gt;
	border: 1px solid rgba(255, 255, 255, 0.18);&lt;br /&gt;
	border-radius: 20px;&lt;br /&gt;
	box-shadow: 0 24px 60px rgba(3, 3, 16, 0.35);&lt;br /&gt;
	max-width: 440px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	transform: rotate(4deg);&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(255, 255, 255, 0.06);&lt;br /&gt;
	color: rgba(255, 255, 255, 0.6);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.72rem;&lt;br /&gt;
	gap: 6px;&lt;br /&gt;
	padding: 12px 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span {&lt;br /&gt;
	background: #ff6b6b;&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	height: 7px;&lt;br /&gt;
	width: 7px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span:nth-child(2) {&lt;br /&gt;
	background: #ffd166;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar span:nth-child(3) {&lt;br /&gt;
	background: #7be495;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__bar b {&lt;br /&gt;
	font-weight: 600;&lt;br /&gt;
	margin-right: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__body {&lt;br /&gt;
	color: #d7d5ff;&lt;br /&gt;
	direction: ltr;&lt;br /&gt;
	font-family: Consolas, &amp;quot;Courier New&amp;quot;, monospace;&lt;br /&gt;
	font-size: clamp(0.72rem, 1.2vw, 0.88rem);&lt;br /&gt;
	line-height: 1.9;&lt;br /&gt;
	margin: 0;&lt;br /&gt;
	overflow: auto;&lt;br /&gt;
	padding: 23px 20px;&lt;br /&gt;
	text-align: left;&lt;br /&gt;
	white-space: pre;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-keyword {&lt;br /&gt;
	color: #c084fc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-property {&lt;br /&gt;
	color: #67e8f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-string {&lt;br /&gt;
	color: #bef264;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-boolean {&lt;br /&gt;
	color: #fbbf24;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-code-window__status {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(183, 243, 74, 0.08);&lt;br /&gt;
	color: rgba(255, 255, 255, 0.72);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.75rem;&lt;br /&gt;
	gap: 9px;&lt;br /&gt;
	padding: 11px 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-status-dot {&lt;br /&gt;
	height: 6px;&lt;br /&gt;
	width: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stats {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 12px;&lt;br /&gt;
	grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
	margin: -34px auto 76px;&lt;br /&gt;
	max-width: 1060px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.94);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 18px;&lt;br /&gt;
	box-shadow: 0 18px 46px rgba(30, 27, 75, 0.1);&lt;br /&gt;
	padding: 22px 16px;&lt;br /&gt;
	text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat__number {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: clamp(1.8rem, 3vw, 2.5rem);&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	line-height: 1.2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-stat__label {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	margin-top: 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading {&lt;br /&gt;
	align-items: end;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 36px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	margin: 0 0 28px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading &amp;gt; div {&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-section-heading &amp;gt; p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.95rem;&lt;br /&gt;
	margin-bottom: 4px;&lt;br /&gt;
	max-width: 430px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-kicker {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	margin-bottom: 9px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 14px;&lt;br /&gt;
	grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card {&lt;br /&gt;
	background: var(--fg-white);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 22px;&lt;br /&gt;
	box-shadow: 0 10px 30px rgba(30, 27, 75, 0.04);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	min-height: 315px;&lt;br /&gt;
	padding: 24px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card:hover {&lt;br /&gt;
	border-color: rgba(109, 40, 217, 0.38);&lt;br /&gt;
	box-shadow: 0 20px 42px rgba(30, 27, 75, 0.1);&lt;br /&gt;
	transform: translateY(-6px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured {&lt;br /&gt;
	background: linear-gradient(160deg, #6d28d9, #4c1d95);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__number {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-size: 0.76rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__number {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__icon {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(109, 40, 217, 0.1);&lt;br /&gt;
	border-radius: 12px;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-family: Consolas, monospace;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	height: 46px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	margin: 21px 0 18px;&lt;br /&gt;
	width: 46px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__icon {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.14);&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.9rem;&lt;br /&gt;
	line-height: 1.9;&lt;br /&gt;
	margin-bottom: 19px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured p {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.74);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__link,&lt;br /&gt;
.mw-parser-output .fg-text-link {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.85rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	gap: 8px;&lt;br /&gt;
	margin-top: auto;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card--featured .fg-service-card__link {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-service-card__link:hover,&lt;br /&gt;
.mw-parser-output .fg-text-link:hover {&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
	text-underline-offset: 5px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: var(--fg-soft);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: clamp(28px, 5vw, 72px);&lt;br /&gt;
	grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);&lt;br /&gt;
	margin-bottom: 90px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(20px, 4vw, 42px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media {&lt;br /&gt;
	height: 360px;&lt;br /&gt;
	min-height: 360px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media &amp;gt; .mw-file-element,&lt;br /&gt;
.mw-parser-output .fg-story__media img {&lt;br /&gt;
	border-radius: 20px;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
	object-fit: cover;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .image,&lt;br /&gt;
.mw-parser-output .fg-story__media .thumb,&lt;br /&gt;
.mw-parser-output .fg-story__media .mw-file-description {&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__media .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	border-radius: 16px;&lt;br /&gt;
	bottom: 18px;&lt;br /&gt;
	box-shadow: 0 12px 30px rgba(16, 24, 40, 0.18);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	left: 18px;&lt;br /&gt;
	line-height: 1.4;&lt;br /&gt;
	padding: 13px 16px;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge strong {&lt;br /&gt;
	font-size: 1.1rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__badge span {&lt;br /&gt;
	font-size: 0.75rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__content {&lt;br /&gt;
	max-width: 620px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__content p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.96rem;&lt;br /&gt;
	line-height: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-wrap: wrap;&lt;br /&gt;
	gap: 10px;&lt;br /&gt;
	margin: 23px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points span {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: #fff;&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	gap: 7px;&lt;br /&gt;
	padding: 7px 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-story__points b {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: rgba(109, 40, 217, 0.1);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: inline-flex;&lt;br /&gt;
	font-size: 0.7rem;&lt;br /&gt;
	height: 22px;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	width: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-section {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-grid {&lt;br /&gt;
	display: grid;&lt;br /&gt;
	gap: 15px;&lt;br /&gt;
	grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card {&lt;br /&gt;
	background: var(--fg-white);&lt;br /&gt;
	border: 1px solid var(--fg-border);&lt;br /&gt;
	border-radius: 22px;&lt;br /&gt;
	box-shadow: 0 10px 30px rgba(30, 27, 75, 0.04);&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: 24px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__heading {&lt;br /&gt;
	margin-bottom: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__label {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	display: block;&lt;br /&gt;
	font-size: 0.76rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	letter-spacing: 0.08em;&lt;br /&gt;
	margin-bottom: 4px;&lt;br /&gt;
	text-transform: uppercase;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card__heading h3 {&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background: #16122d;&lt;br /&gt;
	border-radius: 16px;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 240px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .image,&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumb,&lt;br /&gt;
.mw-parser-output .fg-media-frame .mw-file-description {&lt;br /&gt;
	display: block;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame img {&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: auto;&lt;br /&gt;
	max-height: 390px;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	object-fit: contain;&lt;br /&gt;
	width: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-frame--audio {&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 22% 30%, rgba(183, 243, 74, 0.16), transparent 23%),&lt;br /&gt;
		linear-gradient(135deg, #171238, #3a1e76);&lt;br /&gt;
	min-height: 240px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-media-card &amp;gt; p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.88rem;&lt;br /&gt;
	margin: 15px 0 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider-section {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider {&lt;br /&gt;
	background: #15102f;&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	box-shadow: var(--fg-shadow);&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__viewport {&lt;br /&gt;
	min-height: 430px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide {&lt;br /&gt;
	align-items: stretch;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	height: 100%;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	min-height: 430px;&lt;br /&gt;
	padding: clamp(20px, 4vw, 44px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider--ready .fg-slide {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider--ready .fg-slide.is-active {&lt;br /&gt;
	display: flex;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .image,&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .thumb,&lt;br /&gt;
.mw-parser-output .fg-slide &amp;gt; .mw-file-description {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex: 1;&lt;br /&gt;
	justify-content: center;&lt;br /&gt;
	min-height: 260px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide .thumbinner {&lt;br /&gt;
	background: transparent;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide .thumbcaption {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide img {&lt;br /&gt;
	border-radius: 17px;&lt;br /&gt;
	display: block;&lt;br /&gt;
	height: 285px;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	object-fit: cover;&lt;br /&gt;
	width: min(760px, 100%);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	flex-direction: column;&lt;br /&gt;
	gap: 4px;&lt;br /&gt;
	margin-top: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption strong {&lt;br /&gt;
	font-size: 1.25rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slide__caption span {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.62);&lt;br /&gt;
	font-size: 0.86rem;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__controls {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	border-top: 1px solid rgba(255, 255, 255, 0.12);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 15px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	padding: 16px 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button,&lt;br /&gt;
.mw-parser-output .fg-slider__dot {&lt;br /&gt;
	appearance: none;&lt;br /&gt;
	border: 0;&lt;br /&gt;
	cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.1);&lt;br /&gt;
	border-radius: 50%;&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	font-size: 1.1rem;&lt;br /&gt;
	height: 38px;&lt;br /&gt;
	line-height: 1;&lt;br /&gt;
	width: 38px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button:hover,&lt;br /&gt;
.mw-parser-output .fg-slider__button:focus-visible {&lt;br /&gt;
	background: var(--fg-primary);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dots {&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dot {&lt;br /&gt;
	background: rgba(255, 255, 255, 0.25);&lt;br /&gt;
	border-radius: 999px;&lt;br /&gt;
	height: 7px;&lt;br /&gt;
	padding: 0;&lt;br /&gt;
	transition: background-color 180ms ease, width 180ms ease;&lt;br /&gt;
	width: 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__dot.is-active {&lt;br /&gt;
	background: var(--fg-lime);&lt;br /&gt;
	width: 42px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-slider__button:focus-visible,&lt;br /&gt;
.mw-parser-output .fg-slider__dot:focus-visible {&lt;br /&gt;
	outline: 3px solid var(--fg-lime);&lt;br /&gt;
	outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process {&lt;br /&gt;
	margin-bottom: 92px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__grid {&lt;br /&gt;
	border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
	border-top: 1px solid var(--fg-border);&lt;br /&gt;
	display: grid;&lt;br /&gt;
	grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item {&lt;br /&gt;
	border-left: 1px solid var(--fg-border);&lt;br /&gt;
	padding: 25px 22px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item:first-child {&lt;br /&gt;
	border-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item &amp;gt; span {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-size: 0.82rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item h3 {&lt;br /&gt;
	margin: 18px 0 6px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-process__item p {&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	font-size: 0.86rem;&lt;br /&gt;
	line-height: 1.8;&lt;br /&gt;
	margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	background:&lt;br /&gt;
		radial-gradient(circle at 20% 20%, rgba(183, 243, 74, 0.2), transparent 25%),&lt;br /&gt;
		linear-gradient(135deg, #4c1d95, #6d28d9);&lt;br /&gt;
	border-radius: 28px;&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	display: flex;&lt;br /&gt;
	gap: 30px;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	margin-bottom: 22px;&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
	padding: clamp(28px, 5vw, 55px);&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__content {&lt;br /&gt;
	max-width: 780px;&lt;br /&gt;
	position: relative;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact .fg-kicker {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact h2 {&lt;br /&gt;
	font-size: clamp(1.75rem, 4vw, 3.3rem);&lt;br /&gt;
	margin-bottom: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact p {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.72);&lt;br /&gt;
	margin-bottom: 24px;&lt;br /&gt;
	max-width: 680px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__email {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.78);&lt;br /&gt;
	font-size: 0.9rem;&lt;br /&gt;
	font-weight: 700;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__email:hover {&lt;br /&gt;
	color: var(--fg-lime);&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-contact__mark {&lt;br /&gt;
	color: rgba(255, 255, 255, 0.11);&lt;br /&gt;
	font-size: 20rem;&lt;br /&gt;
	font-weight: 900;&lt;br /&gt;
	line-height: 0.7;&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 1%;&lt;br /&gt;
	top: 27%;&lt;br /&gt;
	transform: rotate(-10deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer {&lt;br /&gt;
	align-items: center;&lt;br /&gt;
	color: var(--fg-muted);&lt;br /&gt;
	display: flex;&lt;br /&gt;
	font-size: 0.78rem;&lt;br /&gt;
	justify-content: space-between;&lt;br /&gt;
	padding: 12px 4px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer a {&lt;br /&gt;
	color: var(--fg-primary);&lt;br /&gt;
	font-weight: 800;&lt;br /&gt;
	text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-footer a:hover {&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal {&lt;br /&gt;
	opacity: 1;&lt;br /&gt;
	transform: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal.fg-reveal--pending {&lt;br /&gt;
	opacity: 0;&lt;br /&gt;
	transform: translateY(18px);&lt;br /&gt;
	transition: opacity 600ms ease, transform 600ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-parser-output .fg-reveal.fg-reveal--visible {&lt;br /&gt;
	opacity: 1;&lt;br /&gt;
	transform: translateY(0);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 1050px) {&lt;br /&gt;
	.mw-parser-output .fg-service-grid {&lt;br /&gt;
		grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-service-card {&lt;br /&gt;
		min-height: 270px;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 820px) {&lt;br /&gt;
	.mw-parser-output .fg-hero {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
		min-height: auto;&lt;br /&gt;
		padding: 34px 25px 26px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__visual {&lt;br /&gt;
		min-height: 310px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stats {&lt;br /&gt;
		margin-top: -18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__media {&lt;br /&gt;
		height: 300px;&lt;br /&gt;
		min-height: 300px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__grid {&lt;br /&gt;
		grid-template-columns: repeat(2, 1fr);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(odd) {&lt;br /&gt;
		border-left: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(-n + 2) {&lt;br /&gt;
		border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 620px) {&lt;br /&gt;
	.mw-parser-output .fg-shell {&lt;br /&gt;
		padding: 12px 10px 30px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero,&lt;br /&gt;
	.mw-parser-output .fg-contact {&lt;br /&gt;
		border-radius: 22px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__title {&lt;br /&gt;
		font-size: clamp(2.35rem, 12vw, 3.4rem);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-hero__lead {&lt;br /&gt;
		line-height: 1.9;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-code-window {&lt;br /&gt;
		transform: rotate(0);&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-orbit {&lt;br /&gt;
		height: 280px;&lt;br /&gt;
		width: 280px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stats,&lt;br /&gt;
	.mw-parser-output .fg-service-grid,&lt;br /&gt;
	.mw-parser-output .fg-media-grid {&lt;br /&gt;
		grid-template-columns: 1fr 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stat {&lt;br /&gt;
		padding: 16px 8px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-stat__label {&lt;br /&gt;
		font-size: 0.7rem;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-section-heading {&lt;br /&gt;
		align-items: start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
		gap: 3px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-service-card {&lt;br /&gt;
		min-height: 0;&lt;br /&gt;
		padding: 18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story,&lt;br /&gt;
	.mw-parser-output .fg-media-card {&lt;br /&gt;
		border-radius: 20px;&lt;br /&gt;
		padding: 18px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__media {&lt;br /&gt;
		height: 230px;&lt;br /&gt;
		min-height: 230px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-story__badge {&lt;br /&gt;
		bottom: 10px;&lt;br /&gt;
		left: 10px;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__grid {&lt;br /&gt;
		grid-template-columns: 1fr;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item,&lt;br /&gt;
	.mw-parser-output .fg-process__item:nth-child(odd) {&lt;br /&gt;
		border-bottom: 1px solid var(--fg-border);&lt;br /&gt;
		border-left: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-process__item:last-child {&lt;br /&gt;
		border-bottom: 0;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-contact {&lt;br /&gt;
		align-items: flex-start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-contact__mark {&lt;br /&gt;
		font-size: 12rem;&lt;br /&gt;
		left: 8%;&lt;br /&gt;
		top: 56%;&lt;br /&gt;
	}&lt;br /&gt;
&lt;br /&gt;
	.mw-parser-output .fg-footer {&lt;br /&gt;
		align-items: flex-start;&lt;br /&gt;
		flex-direction: column;&lt;br /&gt;
		gap: 4px;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
	.mw-parser-output .fg-home *,&lt;br /&gt;
	.mw-parser-output .fg-home *::before,&lt;br /&gt;
	.mw-parser-output .fg-home *::after {&lt;br /&gt;
		scroll-behavior: auto !important;&lt;br /&gt;
		transition-duration: 0.01ms !important;&lt;br /&gt;
		animation-duration: 0.01ms !important;&lt;br /&gt;
		animation-iteration-count: 1 !important;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6332</id>
		<title>تست5</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA5&amp;diff=6332"/>
		<updated>2026-08-12T17:37:01Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: صفحه‌ای تازه حاوی «&amp;lt;!-- صفحهٔ اصلی آماده برای MediaWiki و پوستهٔ Vector 2022  پیش از انتشار: ۱) عبارت «نام کسب‌وکار شما» را با نام برند خود جایگزین کنید. ۲) نام فایل‌های رسانه‌ای را دقیقاً با نام فایل‌های آپلودشده در ویکی جایگزین کنید. ۳) عنوان صفحات لینک‌شده مانند «درباره...» ایجاد کرد&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;!--&lt;br /&gt;
صفحهٔ اصلی آماده برای MediaWiki و پوستهٔ Vector 2022&lt;br /&gt;
&lt;br /&gt;
پیش از انتشار:&lt;br /&gt;
۱) عبارت «نام کسب‌وکار شما» را با نام برند خود جایگزین کنید.&lt;br /&gt;
۲) نام فایل‌های رسانه‌ای را دقیقاً با نام فایل‌های آپلودشده در ویکی جایگزین کنید.&lt;br /&gt;
۳) عنوان صفحات لینک‌شده مانند «درباره ما»، «خدمات»، «پروژه‌ها» و «تماس با ما»&lt;br /&gt;
   را با عنوان واقعی صفحات ویکی خود هماهنگ کنید.&lt;br /&gt;
۴) برای پخش صوت و ویدیو، افزونهٔ TimedMediaHandler باید روی ویکی فعال باشد.&lt;br /&gt;
--&amp;gt;&lt;br /&gt;
__NOTOC__&lt;br /&gt;
__NOEDITSECTION__&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div dir=&amp;quot;rtl&amp;quot; lang=&amp;quot;fa&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #a2a9b1; border-radius:16px; background-color:#f8f9fa; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:65%; padding:28px 24px; vertical-align:middle;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:180%; font-weight:bold; color:#202122; margin-bottom:8px;&amp;quot;&amp;gt;به «نام کسب‌وکار شما» خوش آمدید&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:110%; line-height:1.9;&amp;quot;&amp;gt;مرجع تخصصی برنامه‌نویسی، راهکارهای نرم‌افزاری و معرفی خدمات «نام کسب‌وکار شما»&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div style=&amp;quot;margin-top:18px;&amp;quot;&amp;gt;[[درباره ما|دربارهٔ ما]] &amp;amp;nbsp; [[خدمات|خدمات ما]] &amp;amp;nbsp; [[تماس با ما|تماس با ما]]&amp;lt;/div&amp;gt;&lt;br /&gt;
| style=&amp;quot;width:35%; padding:20px; text-align:center; vertical-align:middle;&amp;quot; |&lt;br /&gt;
[[File:لوگوی-کسب‌وکار.png|frameless|220px|alt=لوگوی کسب‌وکار شما|لوگوی کسب‌وکار شما]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:16px 20px; text-align:right; background-color:#eaecf0; font-size:130%;&amp;quot; | دربارهٔ ما&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:18px 20px; line-height:2;&amp;quot; |&lt;br /&gt;
«نام کسب‌وکار شما» با هدف ارائهٔ راهکارهای قابل اعتماد در حوزهٔ برنامه‌نویسی، توسعهٔ وب و آموزش فناوری فعالیت می‌کند. ما تلاش می‌کنیم نیازهای پیچیده را به محصولاتی ساده، امن و قابل توسعه تبدیل کنیم؛ از ایدهٔ اولیه و طراحی تجربهٔ کاربری تا پیاده‌سازی، استقرار و پشتیبانی.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;چشم‌انداز ما:&#039;&#039;&#039; ساختن راهکارهای دیجیتال باکیفیت و انتقال دانش فنی به زبان ساده و کاربردی.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border-collapse:separate; border-spacing:12px; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:33.33%; vertical-align:top; border:1px solid #c8ccd1; border-radius:12px; padding:18px; background-color:#ffffff;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:125%; font-weight:bold; margin-bottom:8px;&amp;quot;&amp;gt;توسعهٔ نرم‌افزار&amp;lt;/div&amp;gt;&lt;br /&gt;
توسعهٔ وب‌سایت، سامانه و ابزارهای اختصاصی با تمرکز بر کیفیت، امنیت و نگهداری آسان.&lt;br /&gt;
&lt;br /&gt;
* تحلیل نیازمندی&lt;br /&gt;
* طراحی و پیاده‌سازی&lt;br /&gt;
* آزمون و پشتیبانی&lt;br /&gt;
| style=&amp;quot;width:33.33%; vertical-align:top; border:1px solid #c8ccd1; border-radius:12px; padding:18px; background-color:#ffffff;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:125%; font-weight:bold; margin-bottom:8px;&amp;quot;&amp;gt;آموزش و محتوای فنی&amp;lt;/div&amp;gt;&lt;br /&gt;
تهیهٔ آموزش‌ها و مطالب قابل فهم برای برنامه‌نویسان، مدیران و علاقه‌مندان فناوری.&lt;br /&gt;
&lt;br /&gt;
* آموزش پروژه‌محور&lt;br /&gt;
* مقاله و مستندات&lt;br /&gt;
* بازبینی کد و رفع اشکال&lt;br /&gt;
| style=&amp;quot;width:33.33%; vertical-align:top; border:1px solid #c8ccd1; border-radius:12px; padding:18px; background-color:#ffffff;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:125%; font-weight:bold; margin-bottom:8px;&amp;quot;&amp;gt;مشاوره و اتوماسیون&amp;lt;/div&amp;gt;&lt;br /&gt;
کمک به کسب‌وکارها برای انتخاب فناوری مناسب، بهینه‌سازی فرایندها و کاهش کارهای تکراری.&lt;br /&gt;
&lt;br /&gt;
* بررسی فنی محصول&lt;br /&gt;
* اتصال سرویس‌ها و APIها&lt;br /&gt;
* اتوماسیون فرایندها&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border-collapse:separate; border-spacing:12px; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top;&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width:100%; height:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:14px 16px; text-align:right; background-color:#eaecf0; font-size:120%;&amp;quot; | ویدیوی معرفی&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:16px; text-align:center;&amp;quot; |&lt;br /&gt;
[[File:ویدیوی-معرفی-کسب‌وکار.webm|500px|center|alt=ویدیوی معرفی کسب‌وکار|ویدیوی معرفی کسب‌وکار]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:0 16px 16px 16px; line-height:1.8;&amp;quot; |&lt;br /&gt;
در این ویدیو با توانمندی‌ها، خدمات و مسیر کاری «نام کسب‌وکار شما» آشنا شوید.&lt;br /&gt;
|}&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top;&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width:100%; height:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:14px 16px; text-align:right; background-color:#eaecf0; font-size:120%;&amp;quot; | فایل صوتی&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:28px 16px 18px 16px; text-align:center;&amp;quot; |&lt;br /&gt;
[[File:پیام-صوتی-معرفی.ogg|center|alt=پیام صوتی معرفی کسب‌وکار|پخش پیام صوتی معرفی کسب‌وکار]]&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:0 16px 16px 16px; line-height:1.8;&amp;quot; |&lt;br /&gt;
پیام صوتی کوتاهی دربارهٔ داستان شکل‌گیری، ارزش‌ها و خدمات ما.&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border-collapse:separate; border-spacing:12px; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top;&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:14px 16px; text-align:right; background-color:#eaecf0; font-size:120%;&amp;quot; | تصویر اصلی&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:16px; text-align:center;&amp;quot; |&lt;br /&gt;
[[File:تصویر-معرفی-اصلی.jpg|500px|thumb|center|alt=تصویر معرفی کسب‌وکار|تصویر معرفی کسب‌وکار]]&lt;br /&gt;
|}&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top;&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:14px 16px; text-align:right; background-color:#eaecf0; font-size:120%;&amp;quot; | اسلایدر تصاویر&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:16px;&amp;quot; |&lt;br /&gt;
&amp;lt;gallery mode=&amp;quot;slideshow&amp;quot; showthumbnails caption=&amp;quot;تصاویر منتخب از فعالیت‌های ما&amp;quot;&amp;gt;&lt;br /&gt;
File:اسلاید-۱.jpg|alt=تصویر اول از فعالیت‌های کسب‌وکار|شروع یک پروژهٔ جدید&lt;br /&gt;
File:اسلاید-۲.jpg|alt=تصویر دوم از فعالیت‌های کسب‌وکار|طراحی و توسعه&lt;br /&gt;
File:اسلاید-۳.jpg|alt=تصویر سوم از فعالیت‌های کسب‌وکار|همکاری با مشتریان&lt;br /&gt;
File:اسلاید-۴.jpg|alt=تصویر چهارم از فعالیت‌های کسب‌وکار|نتیجه و پشتیبانی&lt;br /&gt;
&amp;lt;/gallery&amp;gt;&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #c8ccd1; border-radius:12px; background-color:#ffffff; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;padding:16px 20px; text-align:right; background-color:#eaecf0; font-size:130%;&amp;quot; | فرایند همکاری&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:18px 20px; line-height:1.9;&amp;quot; |&lt;br /&gt;
{| style=&amp;quot;width:100%; border-collapse:collapse; text-align:center;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
! style=&amp;quot;width:25%; padding:10px; border-bottom:2px solid #36c;&amp;quot; | ۱. شناخت&lt;br /&gt;
! style=&amp;quot;width:25%; padding:10px; border-bottom:2px solid #36c;&amp;quot; | ۲. طراحی&lt;br /&gt;
! style=&amp;quot;width:25%; padding:10px; border-bottom:2px solid #36c;&amp;quot; | ۳. اجرا&lt;br /&gt;
! style=&amp;quot;width:25%; padding:10px; border-bottom:2px solid #36c;&amp;quot; | ۴. پشتیبانی&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:10px; vertical-align:top;&amp;quot; | بررسی هدف‌ها و نیازها&lt;br /&gt;
| style=&amp;quot;padding:10px; vertical-align:top;&amp;quot; | انتخاب راهکار و برنامهٔ اجرا&lt;br /&gt;
| style=&amp;quot;padding:10px; vertical-align:top;&amp;quot; | پیاده‌سازی و آزمون&lt;br /&gt;
| style=&amp;quot;padding:10px; vertical-align:top;&amp;quot; | بهبود مستمر و پاسخ‌گویی&lt;br /&gt;
|}&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border-collapse:separate; border-spacing:12px; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top; border:1px solid #c8ccd1; border-radius:12px; padding:18px; background-color:#f8f9fa;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:125%; font-weight:bold; margin-bottom:8px;&amp;quot;&amp;gt;صفحات مهم&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
* [[خدمات|خدمات ما]]&lt;br /&gt;
* [[پروژه‌ها|پروژه‌ها و نمونه‌کارها]]&lt;br /&gt;
* [[آموزش‌ها|آموزش‌ها و مقالات]]&lt;br /&gt;
* [[درباره ما|دربارهٔ ما]]&lt;br /&gt;
| style=&amp;quot;width:50%; vertical-align:top; border:1px solid #c8ccd1; border-radius:12px; padding:18px; background-color:#f8f9fa;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:125%; font-weight:bold; margin-bottom:8px;&amp;quot;&amp;gt;ارتباط با ما&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
برای دریافت مشاوره یا شروع یک پروژه، به [[تماس با ما|صفحهٔ تماس با ما]] بروید.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;ایمیل:&#039;&#039;&#039; info@example.com  &lt;br /&gt;
&#039;&#039;&#039;ساعات پاسخ‌گویی:&#039;&#039;&#039; شنبه تا چهارشنبه، ۹ تا ۱۷&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
{| style=&amp;quot;width:100%; border:1px solid #36c; border-radius:12px; background-color:#eef3ff; margin:0 0 18px 0;&amp;quot;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;padding:20px; text-align:center; line-height:1.9;&amp;quot; |&lt;br /&gt;
&amp;lt;div style=&amp;quot;font-size:130%; font-weight:bold;&amp;quot;&amp;gt;ایده‌ای برای ساخت یا بهبود یک محصول دارید؟&amp;lt;/div&amp;gt;&lt;br /&gt;
[[تماس با ما|همین حالا با «نام کسب‌وکار شما» در تماس شوید.]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;small&amp;gt;این صفحه با ویکی‌متن استاندارد MediaWiki نوشته شده و برای نمایش صحیح در حالت راست‌به‌چپ طراحی شده است.&amp;lt;/small&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6331</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6331"/>
		<updated>2026-08-12T15:44:36Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    margin: 15px auto;&lt;br /&gt;
    max-width: 800px;&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    /* این خط باعث می‌شود در همه حالت‌ها پایه روی 2 ستون باشد */&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در دسکتاپ (صفحه‌های بزرگتر از 769 پیکسل) تبدیل به 4 ستون می‌شود */&lt;br /&gt;
@media (min-width: 769px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل باکس‌ها */&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    height: 45px;&lt;br /&gt;
    padding: 5px 10px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    font-size: 0.85em;&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-2px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی - وسط‌چین و محدود شده */&lt;br /&gt;
.social-section-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده آیکون‌ها - برای جلوگیری از پخش شدن در کل صفحه */&lt;br /&gt;
.social-icons-wrapper {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    gap: 15px; /* فاصله بین آیکون‌ها */&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌ها */&lt;br /&gt;
.social-link-item {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل تصاویر آیکون - اندازه دقیق در اینجا تعیین می‌شود */&lt;br /&gt;
.social-link-item img {&lt;br /&gt;
    width: 35px !important;  /* اندازه آیکون‌ها (می‌توانی با تغییر این عدد اندازه را کم یا زیاد کنی) */&lt;br /&gt;
    height: 35px !important;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 4px; /* اگر می‌خواهی گوشه‌ها کمی گرد باشد */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هاور برای زیبایی */&lt;br /&gt;
.social-link-item:hover {&lt;br /&gt;
    transform: scale(1.15); /* کمی بزرگ شدن هنگام نگه داشتن موس */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی برای جلوگیری از هرگونه تداخل */&lt;br /&gt;
.fgb-social-container {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    margin: 10px 0 !important;&lt;br /&gt;
    clear: both !important; /* برای جلوگیری از تداخل با فلوت‌های سایت */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-box {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    gap: 15px !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon {&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    width: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    height: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon img {&lt;br /&gt;
    width: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    height: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    max-width: 35px !important; /* جلوگیری از بزرگ شدن توسط دستورات سایت */&lt;br /&gt;
    min-width: 35px !important; /* جلوگیری از کوچک شدن */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon:hover {&lt;br /&gt;
    transform: scale(1.2) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*        پس زمینه تکرار شونده*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vertical-pattern {&lt;br /&gt;
    background-image: url(&amp;quot;https://dl.faraghaib.ir/m/260022/26002222.jpg&amp;quot;);&lt;br /&gt;
    background-repeat: repeat-y;&lt;br /&gt;
    background-position: top center;&lt;br /&gt;
    background-size: auto;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
&lt;br /&gt;
    min-height: 100vh;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6329</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6329"/>
		<updated>2026-08-11T21:46:30Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;;&lt;br /&gt;
    src: url(&amp;quot;/w/resources/fonts/IRANSansXFaNum.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;, Tahoma, Arial, sans-serif;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6328</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6328"/>
		<updated>2026-08-11T21:44:34Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* فقط برای مهمان‌ها */&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-panel,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-personal,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-search,&lt;br /&gt;
body:not(.mw-user-loggedin) #left-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) #right-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-page-toolbar {&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای اصلی تمام‌عرض برای مهمان‌ها */&lt;br /&gt;
body:not(.mw-user-loggedin) #content {&lt;br /&gt;
    max-width: none;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 40px 8%;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6327</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6327"/>
		<updated>2026-08-11T21:43:16Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;;&lt;br /&gt;
    src: url(&amp;quot;/w/resources/fonts/IRANSansXFaNum.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;);&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;, Tahoma, Arial, sans-serif;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6326</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6326"/>
		<updated>2026-08-11T21:42:26Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: جایگزینی صفحه با &amp;#039;/* Common.css temporarily cleared */&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* Common.css temporarily cleared */&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6325</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6325"/>
		<updated>2026-08-11T21:37:16Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6324</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6324"/>
		<updated>2026-08-11T21:36:34Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: جایگزینی صفحه با &amp;#039;@font-face {     font-family: &amp;quot;IRANSansXFaNum&amp;quot;;     src:         url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;),         url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff&amp;quot;) format(&amp;quot;woff&amp;quot;);     font-weight: 400;     font-style: normal;     font-display: swap; }  /* فقط کاربرانی که وارد نشده‌اند */ body:not(.mw-user-loggedin) #mw-head, body:not(.mw-user-loggedin) #mw-panel, body:not(.mw-user-loggedin) #footer...&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;;&lt;br /&gt;
    src:&lt;br /&gt;
        url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;),&lt;br /&gt;
        url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff&amp;quot;) format(&amp;quot;woff&amp;quot;);&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فقط کاربرانی که وارد نشده‌اند */&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-head,&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-panel,&lt;br /&gt;
body:not(.mw-user-loggedin) #footer,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-header-container,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-main-menu,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-page-toolbar,&lt;br /&gt;
body:not(.mw-user-loggedin) #left-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) #right-navigation {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) #content,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 40px 8vw !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    font-family:&lt;br /&gt;
        &amp;quot;IRANSansXFaNum&amp;quot;,&lt;br /&gt;
        Tahoma,&lt;br /&gt;
        Arial,&lt;br /&gt;
        sans-serif !important;&lt;br /&gt;
    font-size: 18px;&lt;br /&gt;
    line-height: 2;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6323</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6323"/>
		<updated>2026-08-11T21:35:15Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6322</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6322"/>
		<updated>2026-08-11T21:33:21Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;@font-face {&lt;br /&gt;
    font-family: &amp;quot;IRANSansXFaNum&amp;quot;;&lt;br /&gt;
    src:&lt;br /&gt;
        url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&amp;quot;) format(&amp;quot;woff2&amp;quot;),&lt;br /&gt;
        url(&amp;quot;/w/resources/fonts/IRANSansXFaNum-Regular.woff&amp;quot;) format(&amp;quot;woff&amp;quot;);&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فقط کاربرانی که وارد نشده‌اند */&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-head,&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-panel,&lt;br /&gt;
body:not(.mw-user-loggedin) #footer,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-header-container,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-main-menu,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-page-toolbar,&lt;br /&gt;
body:not(.mw-user-loggedin) #left-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) #right-navigation {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) #content,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 40px 8vw !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    font-family:&lt;br /&gt;
        &amp;quot;IRANSansXFaNum&amp;quot;,&lt;br /&gt;
        Tahoma,&lt;br /&gt;
        Arial,&lt;br /&gt;
        sans-serif !important;&lt;br /&gt;
    font-size: 18px;&lt;br /&gt;
    line-height: 2;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6321</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6321"/>
		<updated>2026-08-11T21:22:42Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: جایگزینی صفحه با &amp;#039;/* ================================================== حالت متنی تمام‌صفحه برای کاربران واردنشده پوسته: Vector 2022 ================================================== */  /* فقط کاربران مهمان */ body:not(.mw-user-loggedin) {     --guest-text-color: #202122;     --guest-link-color: #36c;     --guest-border-color: #c8ccd1;      background: #fff !important;     color: var(--guest-text-color) !important;...&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/*&lt;br /&gt;
==================================================&lt;br /&gt;
حالت متنی تمام‌صفحه برای کاربران واردنشده&lt;br /&gt;
پوسته: Vector 2022&lt;br /&gt;
==================================================&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
/* فقط کاربران مهمان */&lt;br /&gt;
body:not(.mw-user-loggedin) {&lt;br /&gt;
    --guest-text-color: #202122;&lt;br /&gt;
    --guest-link-color: #36c;&lt;br /&gt;
    --guest-border-color: #c8ccd1;&lt;br /&gt;
&lt;br /&gt;
    background: #fff !important;&lt;br /&gt;
    color: var(--guest-text-color) !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فونت اختصاصی برای حالت مهمان */&lt;br /&gt;
body:not(.mw-user-loggedin),&lt;br /&gt;
body:not(.mw-user-loggedin) *,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
    font-family:&lt;br /&gt;
        &amp;quot;IRANSansXFaNum&amp;quot;,&lt;br /&gt;
        Tahoma,&lt;br /&gt;
        Arial,&lt;br /&gt;
        sans-serif !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی‌کردن سربرگ، جست‌وجو و اطلاعات کاربر */&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-head,&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-page-base,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-header-container,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-header,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-personal,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-search,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-search-box,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-user-links,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-sticky-pinned-container {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی‌کردن لوگو، منوی اصلی و منوی کناری */&lt;br /&gt;
body:not(.mw-user-loggedin) #mw-panel,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-main-menu,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-sidebar,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-toc,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-menu-portal,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-menu {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی‌کردن ابزارهای مقاله */&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-page-toolbar,&lt;br /&gt;
body:not(.mw-user-loggedin) .vector-page-tools,&lt;br /&gt;
body:not(.mw-user-loggedin) #left-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) #right-navigation,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-cactions,&lt;br /&gt;
body:not(.mw-user-loggedin) #p-views,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-indicators,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-editsection,&lt;br /&gt;
body:not(.mw-user-loggedin) #siteNotice {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی‌کردن پاورقی و اطلاعات انتهای مقاله */&lt;br /&gt;
body:not(.mw-user-loggedin) #footer,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-footer,&lt;br /&gt;
body:not(.mw-user-loggedin) .printfooter,&lt;br /&gt;
body:not(.mw-user-loggedin) .catlinks,&lt;br /&gt;
body:not(.mw-user-loggedin) .metadata {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف محدودیت‌های Vector */&lt;br /&gt;
body:not(.mw-user-loggedin) #content,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body-content,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
    box-sizing: border-box !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    min-width: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای اصلی تمام‌عرض */&lt;br /&gt;
body:not(.mw-user-loggedin) #content {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-body {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 40px 8vw !important;&lt;br /&gt;
    border: 0 !important;&lt;br /&gt;
    border-radius: 0 !important;&lt;br /&gt;
    box-shadow: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* متن مقاله */&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    font-size: 18px;&lt;br /&gt;
    line-height: 2;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان صفحه */&lt;br /&gt;
body:not(.mw-user-loggedin) #firstHeading,&lt;br /&gt;
body:not(.mw-user-loggedin) .firstHeading {&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
    margin: 0 0 30px !important;&lt;br /&gt;
    padding: 0 0 14px !important;&lt;br /&gt;
    border-bottom: 2px solid var(--guest-border-color);&lt;br /&gt;
    color: #111 !important;&lt;br /&gt;
    font-size: 32px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تیترهای متن */&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output h2 {&lt;br /&gt;
    margin-top: 38px;&lt;br /&gt;
    padding-bottom: 8px;&lt;br /&gt;
    border-bottom: 1px solid var(--guest-border-color);&lt;br /&gt;
    font-size: 25px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output h3 {&lt;br /&gt;
    font-size: 21px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* لینک‌های متن */&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output a {&lt;br /&gt;
    color: var(--guest-link-color) !important;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output a:hover {&lt;br /&gt;
    text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصاویر */&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output img {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جدول‌ها در موبایل قابل اسکرول باشند */&lt;br /&gt;
body:not(.mw-user-loggedin) .wikitable {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output pre,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-parser-output code,&lt;br /&gt;
body:not(.mw-user-loggedin) .mw-highlight {&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    font-family: Consolas, Monaco, monospace !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
    body:not(.mw-user-loggedin) .mw-body {&lt;br /&gt;
        padding: 24px 18px !important;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    body:not(.mw-user-loggedin) .mw-parser-output {&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
        line-height: 1.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    body:not(.mw-user-loggedin) #firstHeading,&lt;br /&gt;
    body:not(.mw-user-loggedin) .firstHeading {&lt;br /&gt;
        font-size: 26px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    body:not(.mw-user-loggedin) .mw-parser-output h2 {&lt;br /&gt;
        font-size: 22px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%B9%D9%84%DB%8C_%D9%81%D8%A7%D8%B6%D9%84%DB%8C&amp;diff=6272</id>
		<title>علی فاضلی</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%B9%D9%84%DB%8C_%D9%81%D8%A7%D8%B6%D9%84%DB%8C&amp;diff=6272"/>
		<updated>2026-08-11T08:46:42Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;سلام **فراغیب** عزیز؛ به عنوان یک محتواساز و برنامه‌نویس، حتماً می‌دانی که ترکیب «هنر» و «منطق» چقدر می‌تواند خروجی‌های شگفت‌انگیزی داشته باشد. طراحی کابینت دقیقاً نقطه‌ی تلاقی مهندسی فضا و زیبایی‌شناسی بصری است.&lt;br /&gt;
&lt;br /&gt;
در ادامه، مقاله‌ای جامع و ساختاریافته در خصوص حرفه‌ی طراح کابینت برای تو آماده کرده‌ام که می‌تواند به عنوان یک پست وبلاگی یا محتوای تخصصی مورد استفاده قرار گیرد.&lt;br /&gt;
&lt;br /&gt;
---&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;#&amp;lt;/nowiki&amp;gt; معمارِ قلب خانه؛ جستاری در حرفه و هنر «طراح کابینت»&lt;br /&gt;
&lt;br /&gt;
آشپزخانه در معماری مدرن دیگر تنها مکانی برای پخت‌وپز نیست، بلکه قطب تپنده و مرکز ثقل هر خانه محسوب می‌شود. در این میان، **طراح کابینت** فردی است که با تکیه بر دانش ارگونومی، شناخت متریال و ذوق هنری، فضایی بلااستفاده را به محیطی کارآمد و زیبا تبدیل می‌کند. در این مقاله به بررسی ابعاد مختلف این حرفه می‌پردازیم.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; ۱. طراح کابینت کیست؟&lt;br /&gt;
&lt;br /&gt;
طراح کابینت صرفاً یک نقشه‌کش نیست؛ او متخصص بهینه‌سازی فضاست. وظیفه‌ی او ایجاد تعادل میان «کارکرد» (Functionality) و «فرم» (Form) است. او باید بتواند نیازهای کارفرما را شنیده و آن‌ها را در قالب استانداردهای مهندسی پیاده‌سازی کند.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; ۲. مهارت‌های کلیدی یک طراح موفق&lt;br /&gt;
&lt;br /&gt;
یک طراح کابینت حرفه‌ای مجموعه‌ای از مهارت‌های نرم و سخت را ترکیب می‌کند:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **تسلط بر نرم‌افزارهای سه‌بعدی:** استفاده از ابزارهایی مانند **3ds Max**، **V-Ray**، **SketchUp** یا **AutoCAD** برای ارائه پیش‌نمایش واقعی (Render) به مشتری.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **شناخت متریال:** آگاهی کامل از انواع ورق‌های ام‌دی‌اف (MDF)، چوب طبیعی، های‌گلاس، ممبران و صفحات رویه (کوارتز، کورین، سنگ طبیعی).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **دانش ارگونومی:** رعایت استانداردهای قد، فاصله‌ی دسترسی و «مثلث کار» (یخچال، سینک، اجاق‌گاز) برای جلوگیری از خستگی کاربر.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **هوش فضایی:** توانایی تجسم حجم‌ها در فضاهای کوچک و محدود.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; ۳. فرآیند اجرایی طراحی کابینت&lt;br /&gt;
&lt;br /&gt;
یک پروژه استاندارد طراحی، معمولاً گام‌های زیر را طی می‌کند:&lt;br /&gt;
&lt;br /&gt;
| مرحله | شرح فعالیت |&lt;br /&gt;
&lt;br /&gt;
| :--- | :--- |&lt;br /&gt;
&lt;br /&gt;
| **۱. برداشت میدانی** | اندازه‌گیری دقیق ابعاد دیوارها، محل لوله‌ها، پریزها و پنجره‌ها. |&lt;br /&gt;
&lt;br /&gt;
| **۲. نیازسنجی** | گفتگو با مشتری درباره سبک مورد نظر (مدرن، کلاسیک، نئوکلاسیک) و میزان بودجه. |&lt;br /&gt;
&lt;br /&gt;
| **۳. اتود اولیه** | جانمایی کلی اجزا و بررسی جریان حرکت در آشپزخانه. |&lt;br /&gt;
&lt;br /&gt;
| **۴. مدل‌سازی و رندرینگ** | ساخت مدل سه‌بعدی با جزئیات نورپردازی و بافت متریال. |&lt;br /&gt;
&lt;br /&gt;
| **۵. تهیه نقشه اجرایی** | ارائه لیست برش (CutList) و نقشه‌های فنی برای کابینت‌ساز (مجری). |&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; ۴. چالش‌های مدرن در طراحی کابینت&lt;br /&gt;
&lt;br /&gt;
امروزه با کوچک‌تر شدن خانه‌ها، طراح کابینت با چالش‌های جدیدی روبروست:&lt;br /&gt;
&lt;br /&gt;
1.  **استفاده از اکسسوری‌های هوشمند:** جایگذاری سوپرمارکت‌های کابینتی، مجیک‌کرنرها و یراق‌آلات پیشرفته برای استفاده از کورترین نقاط کابینت.&lt;br /&gt;
&lt;br /&gt;
2.  **نورپردازی خطی (لاینر):** ترکیب نورپردازی مخفی با طراحی بدنه برای افزایش عمق بصری.&lt;br /&gt;
&lt;br /&gt;
3.  **تلفیق با دکوراسیون داخلی:** هماهنگ کردن سبک آشپزخانه با سالن پذیرایی در خانه‌هایی که پلان باز (Open Plan) دارند.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; ۵. چرا به یک طراح کابینت نیاز داریم؟&lt;br /&gt;
&lt;br /&gt;
بسیاری تصور می‌کنند کابینت‌ساز (مجری) می‌تواند کار طراحی را هم انجام دهد. اما تفاوت در اینجاست:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **کاهش خطا:** طراح قبل از صرف هزینه سنگین ساخت، ایرادات احتمالی را در نرم‌افزار شناسایی می‌کند.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **مدیریت هزینه:** طراح با انتخاب درست متریال، از هدررفت منابع جلوگیری می‌کند.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;*&amp;lt;/nowiki&amp;gt;   **افزایش ارزش ملک:** یک آشپزخانه با طراحی اصولی، یکی از اصلی‌ترین عوامل در فروش سریع و گران‌تر ملک است.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;###&amp;lt;/nowiki&amp;gt; جمع‌بندی&lt;br /&gt;
&lt;br /&gt;
طراحی کابینت، هنری است که با میلیمترها سروکار دارد. یک طراح موفق کسی است که بتواند با ترکیب رنگ‌ها، بافت‌ها و نورها، تجربه‌ی زیستن در خانه را ارتقا دهد. او نه تنها کمدی برای چیدن ظروف، بلکه بستری برای خلق خاطرات خوشمزه در قلب خانه می‌سازد.&lt;br /&gt;
&lt;br /&gt;
---&lt;br /&gt;
&lt;br /&gt;
&amp;lt;nowiki&amp;gt;**&amp;lt;/nowiki&amp;gt;فراغیب** عزیز، امیدوارم این مقاله برای پروژه‌ی محتوایی تو مفید باشد. اگر نیاز داری لحن مقاله را به سمت &amp;quot;آموزشی&amp;quot; یا &amp;quot;تبلیغاتی&amp;quot; تغییر دهم، حتماً اطلاع بده.&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%B9%D9%84%DB%8C_%D9%81%D8%A7%D8%B6%D9%84%DB%8C&amp;diff=6270</id>
		<title>علی فاضلی</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%B9%D9%84%DB%8C_%D9%81%D8%A7%D8%B6%D9%84%DB%8C&amp;diff=6270"/>
		<updated>2026-08-11T08:42:13Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=@soft98&amp;diff=6221</id>
		<title>@soft98</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=@soft98&amp;diff=6221"/>
		<updated>2026-08-10T20:46:38Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=@nore_yekt_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6220</id>
		<title>@nore yekt نور یکتا</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=@nore_yekt_%D9%86%D9%88%D8%B1_%DB%8C%DA%A9%D8%AA%D8%A7&amp;diff=6220"/>
		<updated>2026-08-10T20:44:51Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=@lesan_ghib_%D9%86%D8%AF%D8%A7%DB%8C_%D8%AF%D8%B1%D9%88%D9%86&amp;diff=6219</id>
		<title>@lesan ghib ندای درون</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=@lesan_ghib_%D9%86%D8%AF%D8%A7%DB%8C_%D8%AF%D8%B1%D9%88%D9%86&amp;diff=6219"/>
		<updated>2026-08-10T20:43:03Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=@lesan_ghib&amp;diff=6218</id>
		<title>@lesan ghib</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=@lesan_ghib&amp;diff=6218"/>
		<updated>2026-08-10T20:40:16Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=@%D8%B9%D9%84%DB%8C%D8%B1%D8%B6%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6217</id>
		<title>@علیرضا اسفندیاری</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=@%D8%B9%D9%84%DB%8C%D8%B1%D8%B6%D8%A7_%D8%A7%D8%B3%D9%81%D9%86%D8%AF%DB%8C%D8%A7%D8%B1%DB%8C&amp;diff=6217"/>
		<updated>2026-08-10T20:36:43Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: ایجاد صفحه خالی&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6216</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6216"/>
		<updated>2026-08-10T20:34:18Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6214</id>
		<title>تست4</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6214"/>
		<updated>2026-08-10T20:20:11Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;ig-feed&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=https://dl.faraghaib.ir/faraghaib.mp4&lt;br /&gt;
|poster=&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=این اولین کلیپ من در ویکی است!&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=https://dl.faraghaib.ir/faraghaib.mp4&lt;br /&gt;
|poster=&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=طراحی ظاهر اینستاگرام در مدیاویکی.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6213</id>
		<title>تست4</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6213"/>
		<updated>2026-08-10T20:17:35Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;ig-feed&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=https://dl.faraghaib.ir/faraghaib.mp4&lt;br /&gt;
|poster=/images/thumb1.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=این اولین کلیپ من در ویکی است!&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=/images/clip2.mp4&lt;br /&gt;
|poster=/images/thumb2.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=طراحی ظاهر اینستاگرام در مدیاویکی.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6212</id>
		<title>تست4</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6212"/>
		<updated>2026-08-10T20:15:53Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: جایگزینی صفحه با &amp;#039;&amp;lt;html&amp;gt;  &amp;lt;div class=&amp;quot;ig-feed&amp;quot;&amp;gt;  {{InstaClip |src=/images/clip1.mp4 |poster=/images/thumb1.jpg |user=@faraghib |caption=این اولین کلیپ من در ویکی است! }}  {{InstaClip |src=/images/clip2.mp4 |poster=/images/thumb2.jpg |user=@faraghib |caption=طراحی ظاهر اینستاگرام در مدیاویکی. }}  &amp;lt;/div&amp;gt; &amp;lt;/html&amp;gt;&amp;#039;&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;ig-feed&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=/images/clip1.mp4&lt;br /&gt;
|poster=/images/thumb1.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=این اولین کلیپ من در ویکی است!&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=/images/clip2.mp4&lt;br /&gt;
|poster=/images/thumb2.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=طراحی ظاهر اینستاگرام در مدیاویکی.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6211</id>
		<title>تست4</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%AA%D8%B3%D8%AA4&amp;diff=6211"/>
		<updated>2026-08-10T20:12:28Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;ig-feed&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=/images/clip1.mp4&lt;br /&gt;
|poster=/images/thumb1.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=این اولین کلیپ من در ویکی است!&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{InstaClip&lt;br /&gt;
|src=/images/clip2.mp4&lt;br /&gt;
|poster=/images/thumb2.jpg&lt;br /&gt;
|user=@faraghib&lt;br /&gt;
|caption=طراحی ظاهر اینستاگرام در مدیاویکی.&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;div class=&amp;quot;faraghaib-portal&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;!-- ==================== HERO SECTION ==================== --&amp;gt;&lt;br /&gt;
  &amp;lt;section class=&amp;quot;hero-section&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div class=&amp;quot;hero-content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;h1 class=&amp;quot;hero-title&amp;quot;&amp;gt;خدمات جامع فراغیب&amp;lt;/h1&amp;gt;&lt;br /&gt;
      &amp;lt;p class=&amp;quot;hero-subtitle&amp;quot;&amp;gt;درگاه ورود به پروژه‌ها، خدمات تخصصی فراغیب&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/section&amp;gt;&lt;br /&gt;
  &amp;lt;!-- ==================== VIDEO SECTION ==================== --&amp;gt;&lt;br /&gt;
  &amp;lt;section class=&amp;quot;video-section&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div class=&amp;quot;video-container-wrapper&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;!-- پیش‌نمایش تصویر ویدیو جهت بهینه‌سازی لود اول صفحه (lazy load) --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;video-poster&amp;quot; id=&amp;quot;videoPoster&amp;quot; onclick=&amp;quot;playPortalVideo()&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;play-btn&amp;quot;&amp;gt;&lt;br /&gt;
          &amp;lt;svg viewBox=&amp;quot;0 0 24 24&amp;quot;&amp;gt;&amp;lt;path d=&amp;quot;M8 5v14l11-7z&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;!-- کاور پیش‌فرض ویدیو (می‌توانی آدرس عکس دلخواهت را جایگزین کنی) --&amp;gt;&lt;br /&gt;
        &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/bfa.png&amp;quot; alt=&amp;quot;&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
      &amp;lt;video id=&amp;quot;portalVideo&amp;quot; controls preload=&amp;quot;none&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;source src=&amp;quot;https://dl.faraghaib.ir/faraghaib.mp4&amp;quot; type=&amp;quot;video/mp4&amp;quot;&amp;gt;&lt;br /&gt;
        مرورگر شما از پخش ویدیو پشتیبانی نمی‌کند.&lt;br /&gt;
      &amp;lt;/video&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/section&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;!-- ==================== SERVICES GRID ==================== --&amp;gt;&lt;br /&gt;
  &amp;lt;section class=&amp;quot;services-section&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h2 class=&amp;quot;section-title&amp;quot;&amp;gt;خدمات و دسترسی‌ها&amp;lt;/h2&amp;gt;&lt;br /&gt;
    &amp;lt;div class=&amp;quot;services-grid&amp;quot;&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
      &amp;lt;!-- کارت ۱: ویکی --&amp;gt;&lt;br /&gt;
      &amp;lt;a href=&amp;quot;https://fa.faraghaib.ir/wiki/&amp;quot; class=&amp;quot;service-card wiki-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;📚&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;ویکی شخصی&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;دانشنامه، یادداشت‌ها و مستندات فنی من در حوزه‌های مختلف.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۲ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🏢&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;ثبت شرکت&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;انجام تمام مراحل ثبت شرکت و امور حقوقی مربوطه به صورت آنلاین.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۳ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🏷️&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;ثبت برند&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;تثبیت مالکیت معنوی، لوگو و نشان تجاری کسب‌وکار شما.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۴ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🖨️&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;طراحی کارت ویزیت و تراکت&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;طراحی هویت بصری، اقلام تبلیغاتی و فایل‌های آماده چاپ.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۵ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;📸&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;چاپ عکس&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;سفارش آنلاین چاپ تصاویر روی انواع کاغذهای عکاسی باکیفیت.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۶ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;📶&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;نماینده رسمی ایرانسل&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;خدمات سیم‌کارت، مودم، بسته‌های اینترنتی و پشتیبانی رسمی.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۷ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🌐&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;طراحی وب‌سایت&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;توسعه سایت‌های مدرن، ریسپانسیو و بهینه‌سازی شده برای گوگل.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۸ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;✍️&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;تولید محتوا&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;تولید مقالات متنی، سناریونویسی و محتوای جذاب شبکه‌های اجتماعی.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۹ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;⚡&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;برندسازی&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;ایجاد استراتژی هویت برند و رشد آگاهی از کسب‌وکار در بازار.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۱۰ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🔍&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;تبلیغات در گوگل&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;راه‌اندازی و مدیریت کمپین‌های تبلیغاتی Google Ads جهت افزایش فروش.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
      &amp;lt;!-- کارت ۱۱ --&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;service-card&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;card-icon&amp;quot;&amp;gt;🖥️&amp;lt;/div&amp;gt;&lt;br /&gt;
        &amp;lt;h3&amp;gt;کافی‌نت آنلاین&amp;lt;/h3&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;انجام کلیه خدمات اینترنتی، ثبت‌نام‌های دولتی و دانشجویی به صورت غیرحضوری.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/section&amp;gt;&lt;br /&gt;
&lt;br /&gt;
  &amp;lt;!-- ==================== FOOTER SECTION ==================== --&amp;gt;&lt;br /&gt;
  &amp;lt;footer class=&amp;quot;portal-footer&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div class=&amp;quot;footer-container&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;footer-right&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;© ۱۴۰۵ پورتال فراغیب. تمامی حقوق محفوظ است.&amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
      &amp;lt;div class=&amp;quot;footer-left&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- محل قرارگیری لوگوی اینماد و زرین‌پال --&amp;gt;&lt;br /&gt;
        &amp;lt;div class=&amp;quot;trust-badges&amp;quot;&amp;gt;&lt;br /&gt;
          &lt;br /&gt;
          &amp;lt;!-- بلوک زرین‌پال (کد رسمی خود را جایگزین این بخش کنید) --&amp;gt;&lt;br /&gt;
          &amp;lt;div class=&amp;quot;badge-item&amp;quot; id=&amp;quot;zarinpal-wrapper&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;!-- تصویر موقت زرین‌پال - پس از دریافت کد، اسکریپت را اینجا بگذارید --&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;https://zarinpal.com&amp;quot; target=&amp;quot;_blank&amp;quot; rel=&amp;quot;nofollow&amp;quot;&amp;gt;&lt;br /&gt;
              &amp;lt;img src=&amp;quot;https://cdn.zarinpal.com/brand/logo-zarinpal-icon.svg&amp;quot; alt=&amp;quot;زرین‌پال&amp;quot; style=&amp;quot;width: 45px; height: 45px; filter: grayscale(1) invert(1);&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
          &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
          &amp;lt;!-- بلوک اینماد (کد رسمی خود را جایگزین این بخش کنید) --&amp;gt;&lt;br /&gt;
          &amp;lt;div class=&amp;quot;badge-item&amp;quot; id=&amp;quot;enemad-wrapper&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;!-- جایگاه کد اینماد شما --&amp;gt;&lt;br /&gt;
            &amp;lt;span style=&amp;quot;color: #6b7280; font-size: 11px;&amp;quot;&amp;gt;[محل کد اینماد]&amp;lt;/span&amp;gt;&lt;br /&gt;
          &amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
      &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/footer&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- ==================== CSS STYLES ==================== --&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
  /* تنظیمات کلی ظاهر درگاه */&lt;br /&gt;
  .faraghaib-portal {&lt;br /&gt;
    font-family: &#039;Vazirmatn&#039;, &#039;Yekan Bakh&#039;, Tahoma, sans-serif;&lt;br /&gt;
    background-color: #0d1117;&lt;br /&gt;
    color: #c9d1d9;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* استایل هیرو */&lt;br /&gt;
  .hero-section {&lt;br /&gt;
    padding: 80px 24px 40px 24px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background: radial-gradient(circle at top, #161b22 0%, #0d1117 100%);&lt;br /&gt;
  }&lt;br /&gt;
  .hero-content {&lt;br /&gt;
    max-width: 800px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
  }&lt;br /&gt;
  .hero-title {&lt;br /&gt;
    font-size: 3rem;&lt;br /&gt;
    font-weight: 900;&lt;br /&gt;
    color: #ffffff;&lt;br /&gt;
    margin-bottom: 20px;&lt;br /&gt;
    line-height: 1.4;&lt;br /&gt;
  }&lt;br /&gt;
  .hero-subtitle {&lt;br /&gt;
    font-size: 1.25rem;&lt;br /&gt;
    color: #8b949e;&lt;br /&gt;
    margin-bottom: 30px;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
  }&lt;br /&gt;
  .cta-button {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    background-color: #238636;&lt;br /&gt;
    color: #ffffff;&lt;br /&gt;
    padding: 14px 32px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    font-size: 1.1rem;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition: background-color 0.2s ease, transform 0.2s ease;&lt;br /&gt;
    box-shadow: 0 4px 15px rgba(35, 134, 54, 0.3);&lt;br /&gt;
  }&lt;br /&gt;
  .cta-button:hover {&lt;br /&gt;
    background-color: #2ea043;&lt;br /&gt;
    transform: translateY(-2px);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* استایل بخش ویدیو */&lt;br /&gt;
  .video-section {&lt;br /&gt;
    padding: 20px 24px 60px 24px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
  }&lt;br /&gt;
  .video-container-wrapper {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    max-width: 900px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #161b22;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.08);&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
  }&lt;br /&gt;
  .video-container-wrapper video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: none; /* تا زمان فشرده شدن دکمه پلی پنهان است */&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
  }&lt;br /&gt;
  .video-poster {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    z-index: 5;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
  }&lt;br /&gt;
  .video-poster img {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    opacity: 0.6;&lt;br /&gt;
    transition: opacity 0.3s ease;&lt;br /&gt;
  }&lt;br /&gt;
  .video-poster:hover img {&lt;br /&gt;
    opacity: 0.75;&lt;br /&gt;
  }&lt;br /&gt;
  .play-btn {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    width: 70px;&lt;br /&gt;
    height: 70px;&lt;br /&gt;
    background: rgba(35, 134, 54, 0.9);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    transition: transform 0.3s ease, background 0.3s ease;&lt;br /&gt;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);&lt;br /&gt;
  }&lt;br /&gt;
  .play-btn svg {&lt;br /&gt;
    width: 32px;&lt;br /&gt;
    height: 32px;&lt;br /&gt;
    fill: #fff;&lt;br /&gt;
    margin-right: -4px; /* برای وسط‌چین به نظر رسیدن مثلث پخش */&lt;br /&gt;
  }&lt;br /&gt;
  .video-poster:hover .play-btn {&lt;br /&gt;
    transform: scale(1.1);&lt;br /&gt;
    background: #2ea043;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* استایل گرید کارت‌ها */&lt;br /&gt;
  .services-section {&lt;br /&gt;
    max-width: 1200px;&lt;br /&gt;
    margin: 0 auto;&lt;br /&gt;
    padding: 0 24px 80px 24px;&lt;br /&gt;
  }&lt;br /&gt;
  .section-title {&lt;br /&gt;
    font-size: 2rem;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    color: #ffffff;&lt;br /&gt;
    margin-bottom: 40px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
  }&lt;br /&gt;
  .services-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
    gap: 20px;&lt;br /&gt;
  }&lt;br /&gt;
  .service-card {&lt;br /&gt;
    background-color: #161b22;&lt;br /&gt;
    border: 1px solid #30363d;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    padding: 24px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #c9d1d9;&lt;br /&gt;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    height: auto;&lt;br /&gt;
  }&lt;br /&gt;
  .service-card:hover {&lt;br /&gt;
    transform: translateY(-5px);&lt;br /&gt;
    border-color: #58a6ff;&lt;br /&gt;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);&lt;br /&gt;
  }&lt;br /&gt;
  .wiki-card {&lt;br /&gt;
    border-color: #238636;&lt;br /&gt;
  }&lt;br /&gt;
  .wiki-card:hover {&lt;br /&gt;
    border-color: #2ea043;&lt;br /&gt;
  }&lt;br /&gt;
  .card-icon {&lt;br /&gt;
    font-size: 2.2rem;&lt;br /&gt;
    margin-bottom: 16px;&lt;br /&gt;
  }&lt;br /&gt;
  .service-card h3 {&lt;br /&gt;
    font-size: 1.25rem;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    color: #ffffff;&lt;br /&gt;
    margin: 0 0 10px 0;&lt;br /&gt;
  }&lt;br /&gt;
  .service-card p {&lt;br /&gt;
    font-size: 0.95rem;&lt;br /&gt;
    color: #8b949e;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* استایل فوتر و نمادها */&lt;br /&gt;
  .portal-footer {&lt;br /&gt;
    border-top: 1px solid #30363d;&lt;br /&gt;
    background-color: #090d13;&lt;br /&gt;
    padding: 30px 24px;&lt;br /&gt;
  }&lt;br /&gt;
  .footer-container {&lt;br /&gt;
    max-width: 1200px;&lt;br /&gt;
    margin: 0 auto;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: space-between;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
  }&lt;br /&gt;
  .footer-right p {&lt;br /&gt;
    font-size: 0.9rem;&lt;br /&gt;
    color: #8b949e;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
  }&lt;br /&gt;
  .trust-badges {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    gap: 15px;&lt;br /&gt;
  }&lt;br /&gt;
  .badge-item {&lt;br /&gt;
    background-color: #161b22;&lt;br /&gt;
    border: 1px solid #30363d;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 60px;&lt;br /&gt;
    min-width: 80px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* ==================== RESPONSIVE STYLES ==================== */&lt;br /&gt;
  &lt;br /&gt;
  /* نمایش تبلت (زیر 1024 پیکسل) */&lt;br /&gt;
  @media (max-width: 1024px) {&lt;br /&gt;
    .services-grid {&lt;br /&gt;
      grid-template-columns: repeat(2, 1fr);&lt;br /&gt;
      gap: 16px;&lt;br /&gt;
    }&lt;br /&gt;
    .hero-title {&lt;br /&gt;
      font-size: 2.5rem;&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  /* نمایش موبایل (زیر 768 پیکسل) */&lt;br /&gt;
  @media (max-width: 767px) {&lt;br /&gt;
    .hero-section {&lt;br /&gt;
      padding: 60px 16px 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
    .hero-title {&lt;br /&gt;
      font-size: 2rem;&lt;br /&gt;
    }&lt;br /&gt;
    .hero-subtitle {&lt;br /&gt;
      font-size: 1.1rem;&lt;br /&gt;
    }&lt;br /&gt;
    .video-section {&lt;br /&gt;
      padding: 10px 16px 40px 16px;&lt;br /&gt;
    }&lt;br /&gt;
    .services-grid {&lt;br /&gt;
      grid-template-columns: 1fr;&lt;br /&gt;
      gap: 14px;&lt;br /&gt;
    }&lt;br /&gt;
    .service-card {&lt;br /&gt;
      padding: 20px;&lt;br /&gt;
    }&lt;br /&gt;
    .footer-container {&lt;br /&gt;
      flex-direction: column-reverse;&lt;br /&gt;
      gap: 20px;&lt;br /&gt;
      text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .trust-badges {&lt;br /&gt;
      justify-content: center;&lt;br /&gt;
    }&lt;br /&gt;
  }&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!-- ==================== JAVASCRIPT ==================== --&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
  function playPortalVideo() {&lt;br /&gt;
    var video = document.getElementById(&amp;quot;portalVideo&amp;quot;);&lt;br /&gt;
    var poster = document.getElementById(&amp;quot;videoPoster&amp;quot;);&lt;br /&gt;
    &lt;br /&gt;
    // پنهان کردن کاور و نمایش تگ ویدیو&lt;br /&gt;
    poster.style.display = &amp;quot;none&amp;quot;;&lt;br /&gt;
    video.style.display = &amp;quot;block&amp;quot;;&lt;br /&gt;
    &lt;br /&gt;
    // پخش خودکار ویدیو&lt;br /&gt;
    video.play();&lt;br /&gt;
  }&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6209</id>
		<title>مدیاویکی:Common.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&amp;diff=6209"/>
		<updated>2026-08-10T20:10:16Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* --------------------- Begin Font Style ----------------- */&lt;br /&gt;
@font-face {&lt;br /&gt;
    font-family: &#039;IRANSansXFaNum&#039;;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
    font-weight: 400;&lt;br /&gt;
    font-display: swap;&lt;br /&gt;
    src: url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
         url(&#039;/w/resources/fonts/IRANSansXFaNum-Regular.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#content.mw-body h1,&lt;br /&gt;
#content.mw-body h2,&lt;br /&gt;
#content.mw-body #firstHeading,&lt;br /&gt;
#content.mw-body .mw-editsection,&lt;br /&gt;
.mw-body .mw-editsection-like,&lt;br /&gt;
#content.mw-body #toc h2,&lt;br /&gt;
#content.mw-body .toc h2,&lt;br /&gt;
.vector-sticky-header-context-bar-primary,&lt;br /&gt;
#template-documentation,&lt;br /&gt;
#documentation-meta-data {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
textarea {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
    font-kerning: auto;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 2.0;&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ace_editor {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ui-widget,&lt;br /&gt;
.ui-widget *,&lt;br /&gt;
button,&lt;br /&gt;
input,&lt;br /&gt;
select,&lt;br /&gt;
optgroup {&lt;br /&gt;
    font-family: IRANSansXFaNum !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
&lt;br /&gt;
/* --------------------- End Font Style ----------------- */&lt;br /&gt;
/* end */&lt;br /&gt;
&lt;br /&gt;
dfn {&lt;br /&gt;
    font-style: inherit;  /* Reset default styling for &amp;lt;dfn&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;     /* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Main page fixes */&lt;br /&gt;
&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit {&lt;br /&gt;
    border: 1px dotted #36c;&lt;br /&gt;
}&lt;br /&gt;
body.page-ویکی‌پدیا_صفحه_تمرین #ca-edit:hover,&lt;br /&gt;
body.page-ویکی‌پدیا_آشنایی #ca-edit:hover {&lt;br /&gt;
     background: none repeat scroll 0 0 white;&lt;br /&gt;
     border-color: transparent;&lt;br /&gt;
}&lt;br /&gt;
body.page-صفحهٔ_اصلی #mp-topbanner {&lt;br /&gt;
   clear: both;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-delete,&lt;br /&gt;
body.page-صفحهٔ_اصلی #deleteconfirm,&lt;br /&gt;
body.page-صفحهٔ_اصلی #t-cite,&lt;br /&gt;
body.page-صفحهٔ_اصلی #lastmod,&lt;br /&gt;
body.page-صفحهٔ_اصلی #siteSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #contentSub,&lt;br /&gt;
body.page-صفحهٔ_اصلی #catlinks,&lt;br /&gt;
body.page-صفحهٔ_اصلی h1.firstHeading,&lt;br /&gt;
body.page-صفحهٔ_اصلی #centralNotice,&lt;br /&gt;
body.page-درگاه_ورودی #siteSub,&lt;br /&gt;
body.page-درگاه_ورودی h1.firstHeading {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body.page-صفحهٔ_اصلی #ca-history,&lt;br /&gt;
body.page-صفحهٔ_اصلی #pagehistory {&lt;br /&gt;
  dis play: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make the list of references in [[Template:Reflist]] smaller */&lt;br /&gt;
.references-small { &lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Highlight clicked reference in blue to help navigation */&lt;br /&gt;
ol.references &amp;gt; li:target,&lt;br /&gt;
sup.reference:target,&lt;br /&gt;
span.citation:target, cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Ensure refs in table headers and the like aren&#039;t bold or italic */&lt;br /&gt;
sup.reference {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Styling for citations */&lt;br /&gt;
span.citation, cite {&lt;br /&gt;
    word-wrap: break-word;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */&lt;br /&gt;
cite:target { &lt;br /&gt;
    background-color: #ecf0fa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */&lt;br /&gt;
&lt;br /&gt;
@media screen, handheld, projection {&lt;br /&gt;
    cite *.printonly {&lt;br /&gt;
        display: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal lists (separator following item) */&lt;br /&gt;
&lt;br /&gt;
.skin-monobook .hlist dl,&lt;br /&gt;
.skin-modern .hlist dl,&lt;br /&gt;
.skin-vector .hlist dl {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
}&lt;br /&gt;
/* Style for horizontal lists (separator following item).&lt;br /&gt;
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].&lt;br /&gt;
   @source mediawiki.org/wiki/Snippets/Horizontal_lists&lt;br /&gt;
   @revision 5 (2014-02-24)&lt;br /&gt;
   @author [[User:Edokter]]&lt;br /&gt;
 */&lt;br /&gt;
.hlist dl,&lt;br /&gt;
.hlist ol,&lt;br /&gt;
.hlist ul {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
/* Display list items inline */&lt;br /&gt;
.hlist dd,&lt;br /&gt;
.hlist dt,&lt;br /&gt;
.hlist li {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Display nested lists inline */&lt;br /&gt;
.hlist.inline,&lt;br /&gt;
.hlist.inline dl,&lt;br /&gt;
.hlist.inline ol,&lt;br /&gt;
.hlist.inline ul,&lt;br /&gt;
.hlist dl dl, .hlist dl ol, .hlist dl ul,&lt;br /&gt;
.hlist ol dl, .hlist ol ol, .hlist ol ul,&lt;br /&gt;
.hlist ul dl, .hlist ul ol, .hlist ul ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
}&lt;br /&gt;
/* Generate interpuncts */&lt;br /&gt;
.hlist dt:after {&lt;br /&gt;
    content: &amp;quot;: &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:after,&lt;br /&gt;
.hlist li:after {&lt;br /&gt;
    content: &amp;quot; •&amp;quot;;&lt;br /&gt;
    /*font-weight: bold;*/&lt;br /&gt;
}&lt;br /&gt;
.hlist dd:last-child:after,&lt;br /&gt;
.hlist dt:last-child:after,&lt;br /&gt;
.hlist li:last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd.hlist-last-child:after,&lt;br /&gt;
.hlist dt.hlist-last-child:after,&lt;br /&gt;
.hlist li.hlist-last-child:after {&lt;br /&gt;
    content: none;&lt;br /&gt;
}&lt;br /&gt;
/* Add parentheses around nested lists */&lt;br /&gt;
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,&lt;br /&gt;
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,&lt;br /&gt;
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,&lt;br /&gt;
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,&lt;br /&gt;
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* For IE8 */&lt;br /&gt;
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,&lt;br /&gt;
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,&lt;br /&gt;
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {&lt;br /&gt;
    content: &amp;quot;) &amp;quot;;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
/* Put ordinals in front of ordered list items */&lt;br /&gt;
.hlist ol {&lt;br /&gt;
    counter-reset: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li {&lt;br /&gt;
    counter-increment: listitem;&lt;br /&gt;
}&lt;br /&gt;
.hlist ol &amp;gt; li:before {&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; &amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.hlist dd ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist dt ol &amp;gt; li:first-child:before,&lt;br /&gt;
.hlist li ol &amp;gt; li:first-child:before {&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, -moz-persian) &amp;quot; &amp;quot;;&lt;br /&gt;
    content: &amp;quot; (&amp;quot; counter(listitem, persian) &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فهرست بدون گلوله */&lt;br /&gt;
.plainlist ul {&lt;br /&gt;
    line-height: inherit;&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.plainlist ul li {&lt;br /&gt;
    margin-bottom: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Normal font styling for table row headers with scope=&amp;quot;row&amp;quot; tag */&lt;br /&gt;
.wikitable.plainrowheaders th[scope=row] {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Lists in data cells are always left-aligned */&lt;br /&gt;
.wikitable td ul,&lt;br /&gt;
.wikitable td ol,&lt;br /&gt;
.wikitable td dl {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* ...unless they also use the hlist class */&lt;br /&gt;
.wikitable.hlist td ul,&lt;br /&gt;
.wikitable.hlist td ol,&lt;br /&gt;
.wikitable.hlist td dl {&lt;br /&gt;
    text-align: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default style for navigation boxes */&lt;br /&gt;
.navbox {                     /* Navbox container style */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    padding: 1px;&lt;br /&gt;
}&lt;br /&gt;
.navbox-inner,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-group,&lt;br /&gt;
.navbox-title,&lt;br /&gt;
.navbox-abovebelow {&lt;br /&gt;
    padding: 0.25em 1em;      /* Title, group and above/below styles */&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
th.navbox-group {             /* Group style */&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
.navbox,&lt;br /&gt;
.navbox-subgroup {&lt;br /&gt;
    background: #f8f9fa;      /* Background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-list {&lt;br /&gt;
    line-height: 1.8em;&lt;br /&gt;
    border-color: #f8f9fa;    /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
.navbox th,&lt;br /&gt;
.navbox-title {&lt;br /&gt;
    background: #b3ccff;      /* Level 1 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-abovebelow,&lt;br /&gt;
th.navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-title {&lt;br /&gt;
    background: #dbe7ff;      /* Level 2 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-subgroup .navbox-group,&lt;br /&gt;
.navbox-subgroup .navbox-abovebelow {&lt;br /&gt;
    background: #e5edff;      /* Level 3 color */&lt;br /&gt;
}&lt;br /&gt;
.navbox-even {&lt;br /&gt;
    background: #f8f9fa;      /* Even row striping */&lt;br /&gt;
}&lt;br /&gt;
.navbox-odd {&lt;br /&gt;
    background: transparent;  /* Odd row striping */&lt;br /&gt;
}&lt;br /&gt;
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */&lt;br /&gt;
    margin-top: -1px;          /* (doesn&#039;t work for IE6, but that&#039;s okay)       */&lt;br /&gt;
}&lt;br /&gt;
.navbox .hlist td dl,&lt;br /&gt;
.navbox .hlist td ol,&lt;br /&gt;
.navbox .hlist td ul,&lt;br /&gt;
.navbox td.hlist dl,&lt;br /&gt;
.navbox td.hlist ol,&lt;br /&gt;
.navbox td.hlist ul {&lt;br /&gt;
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */&lt;br /&gt;
}&lt;br /&gt;
ol + table.navbox,&lt;br /&gt;
ul + table.navbox {&lt;br /&gt;
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* RTL fix for navbox-list bullet lists; See [[Special:Permalink/24864265#خطای ظاهری]]. */&lt;br /&gt;
.navbox-list li {&lt;br /&gt;
    unicode-bidi: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Default styling for Navbar template */&lt;br /&gt;
.navbar {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
}&lt;br /&gt;
.navbar ul {&lt;br /&gt;
    display: inline;&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
.navbar li {&lt;br /&gt;
    word-spacing: -0.125em;&lt;br /&gt;
}&lt;br /&gt;
.navbar.mini li { /* span is removed */&lt;br /&gt;
    font-size: xx-small;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk &amp;gt; a {&lt;br /&gt;
    color: #002BB8;&lt;br /&gt;
}&lt;br /&gt;
/* Navbar styling when nested in infobox and navbox */&lt;br /&gt;
.infobox .navbar {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox .navbar {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
.navbox-title .navbar {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-left: 0.5em;&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* &#039;show&#039;/&#039;hide&#039; buttons created dynamically by the CollapsibleTables javascript&lt;br /&gt;
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */&lt;br /&gt;
.collapseButton {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin-right: 0.5em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: left;&lt;br /&gt;
    width: auto;&lt;br /&gt;
}&lt;br /&gt;
/* In navboxes, the show/hide button balances the v·d·e links&lt;br /&gt;
   from [[Template:Navbar]], so they need to be the same width. */&lt;br /&gt;
.navbox .collapseButton {&lt;br /&gt;
    width: 6em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Infobox template style */&lt;br /&gt;
.infobox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    color: black;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0.5em 1em 0.5em 0;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    /* added */&lt;br /&gt;
    max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.infobox caption {&lt;br /&gt;
    font-size: 125%;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
.infobox td,&lt;br /&gt;
.infobox th {&lt;br /&gt;
    vertical-align: top;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered {&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered td,&lt;br /&gt;
.infobox.bordered th {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
.infobox.bordered .borderless td,&lt;br /&gt;
.infobox.bordered .borderless th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.sisterproject {&lt;br /&gt;
    width: 20em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.standard-talk {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
    background-color: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
.infobox.standard-talk.bordered td,&lt;br /&gt;
.infobox.standard-talk.bordered th {&lt;br /&gt;
    border: 1px solid #d2ad76;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* styles for bordered infobox with merged rows */&lt;br /&gt;
.infobox.bordered .mergedtoprow td,&lt;br /&gt;
.infobox.bordered .mergedtoprow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.bordered .mergedrow td,&lt;br /&gt;
.infobox.bordered .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-left: 1px solid #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Styles for geography infoboxes, eg countries,&lt;br /&gt;
   country subdivisions, cities, etc.            */&lt;br /&gt;
.infobox.geography {&lt;br /&gt;
    text-align: right;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    line-height: 1.2em;&lt;br /&gt;
    font-size: 90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.infobox.geography caption { /* کمی فاصله بیشتر برای عنوان */&lt;br /&gt;
    line-height: 1.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography  td,&lt;br /&gt;
.infobox.geography  th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
.infobox.geography .mergedtoprow td,&lt;br /&gt;
.infobox.geography .mergedtoprow th {&lt;br /&gt;
    border-top: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0.4em 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedrow td,&lt;br /&gt;
.infobox.geography .mergedrow th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0 0.6em 0.2em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .mergedbottomrow td,&lt;br /&gt;
.infobox.geography .mergedbottomrow th {&lt;br /&gt;
    border-top: 0;&lt;br /&gt;
    border-bottom: 1px solid #a2a9b1;&lt;br /&gt;
    padding: 0 0.6em 0.4em 0.6em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
.infobox.geography .maptable td,&lt;br /&gt;
.infobox.geography .maptable th {&lt;br /&gt;
    border: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for &amp;quot;notices&amp;quot; */&lt;br /&gt;
.notice {&lt;br /&gt;
    margin: 1em;&lt;br /&gt;
    padding: 0.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#disambig {&lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.notice-text, .toggle-box, .red-button, .goal, div.red-button, div.siteNoticeSmall, div#siteNotice {&lt;br /&gt;
  font-family: inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
DIV.siteNoticeSmall {&lt;br /&gt;
  font-size: 15pt;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Persondata and other (future) metadata */&lt;br /&gt;
table.InChI, /* temporary */&lt;br /&gt;
table.persondata {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    display: none;&lt;br /&gt;
    speak: none;&lt;br /&gt;
}&lt;br /&gt;
.InChI-label, /* temporary */&lt;br /&gt;
.persondata-label {&lt;br /&gt;
    color: #a2a9b1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */&lt;br /&gt;
div.listenlist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png&amp;quot;);&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 40px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.videolist, div.multivideolist {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png&amp;quot;);&lt;br /&gt;
    padding-right: 50px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon for all PDF files&lt;br /&gt;
   in browsers that support these CSS selectors, like Mozilla and Opera */&lt;br /&gt;
.mw-body a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
.mw-body a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
.mw-body a[href*=&amp;quot;.PDF#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.pdf&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.pdf#&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href$=&amp;quot;.PDF&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF?&amp;quot;].external,&lt;br /&gt;
div#mw_content a[href*=&amp;quot;.PDF#&amp;quot;].external {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) no-repeat left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-left: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */&lt;br /&gt;
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */&lt;br /&gt;
span.PDFlink a {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif&amp;quot;) center left no-repeat !important;&lt;br /&gt;
    padding-left: 18px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.geolink a {&lt;br /&gt;
    background: url(//upload.wikimedia.org/wikipedia/en/a/a7/Monobook-globe.png) center left no-repeat !important;&lt;br /&gt;
    padding-left: 11px !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Content in columns with CSS instead of tables [[Template:Columns]] */&lt;br /&gt;
div.columns-2 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 50%;&lt;br /&gt;
    min-width: 300px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-3 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 33.3%;&lt;br /&gt;
    min-width: 200px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-4 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 25%;&lt;br /&gt;
    min-width: 150px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
div.columns-5 div.column {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: right;&lt;br /&gt;
    width: 20%;&lt;br /&gt;
    min-width: 120px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*Add formatting to make sure that &amp;quot;external references&amp;quot; from [[Template:Ref]] do&lt;br /&gt;
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was&lt;br /&gt;
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class&lt;br /&gt;
  &amp;quot;urlexpansion&amp;quot;, which was not displayed on screen, but was shown when the medium was&lt;br /&gt;
  &amp;quot;print&amp;quot;. The rules below ensure (a) that there is no extra padding to the left of&lt;br /&gt;
  the anchor (displayed as &amp;quot;[&amp;lt;number&amp;gt;]&amp;quot;), (b) that there is no &amp;quot;external link arrow&amp;quot; for&lt;br /&gt;
  the link, and (c) that this SPAN of class &amp;quot;urlexpansion&amp;quot; is never shown.&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand {&lt;br /&gt;
    background: none ! important;&lt;br /&gt;
    padding: 0 ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.plainlinksneverexpand .urlexpansion {&lt;br /&gt;
    display: none ! important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure that ext links displayed within &amp;quot;plainlinksneverexpand&amp;quot; don&#039;t get&lt;br /&gt;
   the arrow...&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a {&lt;br /&gt;
    background: none !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Messagebox templates */&lt;br /&gt;
.messagebox {&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #f8f9fa;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    margin: 0 auto 1em auto;&lt;br /&gt;
    padding: .2em;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.merge {&lt;br /&gt;
    border: 1px solid #c0b8cc;&lt;br /&gt;
    background-color: #f0e5ff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.cleanup {&lt;br /&gt;
    border: 1px solid #9f9fff;&lt;br /&gt;
    background-color: #efefff;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.standard-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.nested-talk {&lt;br /&gt;
    border: 1px solid #c0c090;&lt;br /&gt;
    background-color: #f8eaba;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 2px 4px 2px 4px;&lt;br /&gt;
}&lt;br /&gt;
.messagebox.small {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
}&lt;br /&gt;
.messagebox.small-talk {&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 85%;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    clear: both;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 0 0 1em 1em;&lt;br /&gt;
    line-height: 1.25em; &lt;br /&gt;
    background: #fff2cc;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Article message box styles */&lt;br /&gt;
table.ambox {&lt;br /&gt;
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */&lt;br /&gt;
    border: 1px solid #a2a9b1; &lt;br /&gt;
    border-right: 10px solid #36c;  /* Default &amp;quot;notice&amp;quot; blue */&lt;br /&gt;
    background: #f8f9fa; &lt;br /&gt;
}&lt;br /&gt;
table.ambox + table.ambox {      /* Single border between stacked boxes. */&lt;br /&gt;
    margin-top: -1px;&lt;br /&gt;
}&lt;br /&gt;
.ambox th.mbox-text, &lt;br /&gt;
.ambox td.mbox-text {            /* The message body cell(s) */&lt;br /&gt;
    padding: 0.25em 0.5em;       /* 0.5em left/right */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-image {           /* The left image cell */&lt;br /&gt;
    padding: 2px 0.5em 2px 0;    /* 0.5em right, 0px left */&lt;br /&gt;
}&lt;br /&gt;
.ambox td.mbox-imageright {      /* The right image cell */&lt;br /&gt;
    padding: 2px 0 2px 0.5em;    /* 0px right, 0.5em left */&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
table.ambox-notice {&lt;br /&gt;
    border-right: 10px solid #36c;    /* Blue */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-speedy {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
    background: #fee7e6;                   /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-delete {&lt;br /&gt;
    border-right: 10px solid #DD0000;    /* Red */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-content {&lt;br /&gt;
    border-right: 10px solid #FF5D00;    /* Orange */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-style {&lt;br /&gt;
    border-right: 10px solid #fc3;    /* Yellow */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-move {&lt;br /&gt;
    border-right: 10px solid #9932cc;    /* Purple */&lt;br /&gt;
}&lt;br /&gt;
table.ambox-protection {&lt;br /&gt;
    border-right: 10px solid #a2a9b1;       /* Gray-gold */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Disambig and set index box styles */&lt;br /&gt;
table.dmbox {&lt;br /&gt;
    clear: both; &lt;br /&gt;
    margin: 0.9em 1em; &lt;br /&gt;
    border-top: 1px solid #c8ccd1; &lt;br /&gt;
    border-bottom: 1px solid #c8ccd1; &lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* Footer and header message box styles */&lt;br /&gt;
table.fmbox {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;     /* Default &amp;quot;system&amp;quot; gray */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-system {&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-warning {&lt;br /&gt;
    border: 1px solid #DD0000;  /* Dark pink */&lt;br /&gt;
    background: #fee7e6;        /* Pink */&lt;br /&gt;
}&lt;br /&gt;
table.fmbox-editnotice {&lt;br /&gt;
    background: transparent;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;warning&amp;quot; style fmbox messages. */&lt;br /&gt;
div.mw-warning-with-logexcerpt,&lt;br /&gt;
div.mw-lag-warn-high,&lt;br /&gt;
div.mw-cascadeprotectedwarning,&lt;br /&gt;
div#mw-protect-cascadeon {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #DD0000;&lt;br /&gt;
    background: #fee7e6;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
/* Div based &amp;quot;system&amp;quot; style fmbox messages. &lt;br /&gt;
   Used in [[MediaWiki:Readonly lag]]. */&lt;br /&gt;
div.mw-lag-warn-normal,&lt;br /&gt;
div.fmbox-system {&lt;br /&gt;
    clear: both;&lt;br /&gt;
    margin: 0.2em 0;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background: #f8f9fa;&lt;br /&gt;
    padding: 0.25em 0.9em;&lt;br /&gt;
}&lt;br /&gt;
 &lt;br /&gt;
/* These mbox-small classes must be placed after all other&lt;br /&gt;
   ambox/tmbox/ombox etc classes. &amp;quot;body.mediawiki&amp;quot; is so&lt;br /&gt;
   they override &amp;quot;table.ambox + table.ambox&amp;quot; above. */&lt;br /&gt;
body.mediawiki table.mbox-small {   /* For the &amp;quot;small=yes&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    clear: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    float: left;&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 1em 4px 0;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
body.mediawiki table.mbox-small-right {   /* For the &amp;quot;small=right&amp;quot; option. */&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    margin: 4px 0 4px 1em;&lt;br /&gt;
    width: 238px;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 88%;&lt;br /&gt;
    line-height: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Put a checker background at the image description page only visible if the image has transparent background */&lt;br /&gt;
#file img {&lt;br /&gt;
    background: url(&amp;quot;//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png&amp;quot;) repeat;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#wpSave {&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* suppress missing interwiki image links where #ifexist cannot be used due to high number of requests */&lt;br /&gt;
/* use restricted to rail icon management pages */&lt;br /&gt;
/* see .hidden-redlink on //meta.wikimedia.org/wiki/MediaWiki:Common.css */&lt;br /&gt;
.check-icon a.new {&lt;br /&gt;
    display: none; &lt;br /&gt;
    speak:none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes underlines from links */&lt;br /&gt;
.nounderlines a { &lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Remove underline from IPA links */&lt;br /&gt;
.IPA a:link, .IPA a:visited {&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Removes useless links from printout */&lt;br /&gt;
@media print {&lt;br /&gt;
    #privacy, #about, #disclaimer {display:none;}&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }&lt;br /&gt;
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top left; }&lt;br /&gt;
#EnWpMpSearchInner { float: left; width: 20em; text-align: center; }&lt;br /&gt;
#EnWpMpBook2 { background-image: url(//upload.wikimedia.org/wikipedia/commons/8/8e/MP-open-book2.png); }&lt;br /&gt;
&lt;br /&gt;
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */&lt;br /&gt;
&lt;br /&gt;
div.Boxmerge,&lt;br /&gt;
div.NavFrame {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 4px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    border-collapse: collapse;&lt;br /&gt;
    font-size: 95%;&lt;br /&gt;
}&lt;br /&gt;
div.Boxmerge div.NavFrame {&lt;br /&gt;
    border-style: none;&lt;br /&gt;
    border-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame + div.NavFrame {&lt;br /&gt;
    border-top-style: none;&lt;br /&gt;
    border-top-style: hidden;&lt;br /&gt;
}&lt;br /&gt;
div.NavPic {&lt;br /&gt;
    background-color: #fff;&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 2px;&lt;br /&gt;
    float: right;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead {&lt;br /&gt;
    height: 1.6em;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    background-color: #b3ccff;&lt;br /&gt;
    position:relative;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavHead:hover {&lt;br /&gt;
        background-color: #aaf;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavFrame div.NavContent p {&lt;br /&gt;
    font-size: 100%;&lt;br /&gt;
}&lt;br /&gt;
div.NavEnd {&lt;br /&gt;
    margin: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
    line-height: 1px;&lt;br /&gt;
    clear: both;&lt;br /&gt;
}&lt;br /&gt;
a.NavToggle {&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    top:0px;&lt;br /&gt;
    left:3px;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
    font-size:smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hatnotes and disambiguation notices */&lt;br /&gt;
.rellink,&lt;br /&gt;
.dablink,&lt;br /&gt;
.hatnote {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
}&lt;br /&gt;
.rellink i,&lt;br /&gt;
.dablink i,&lt;br /&gt;
.hatnote i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
div.rellink,&lt;br /&gt;
div.dablink,&lt;br /&gt;
div.hatnote {&lt;br /&gt;
    /* @noflip */&lt;br /&gt;
    padding-right: 1.6em;&lt;br /&gt;
    margin-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
span.updatedmarker {&lt;br /&gt;
    background-color: transparent;&lt;br /&gt;
    color: #006400;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Coloured watchlist numbers */&lt;br /&gt;
.mw-plusminus-pos {&lt;br /&gt;
    color: #006400; /* darkgreen */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* .mw-plusminus-null currently at developer default */&lt;br /&gt;
&lt;br /&gt;
.mw-plusminus-neg {&lt;br /&gt;
    color: #8B0000; /* darkred */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink {&lt;br /&gt;
    font-style: italic;&lt;br /&gt;
    padding-right: 2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dablink i {&lt;br /&gt;
    font-style: normal;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Style for horizontal UL lists */&lt;br /&gt;
.horizontal ul {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.horizontal li { &lt;br /&gt;
    padding: 0 0.6em 0 0.4em;&lt;br /&gt;
    display: inline;&lt;br /&gt;
    border-left: 1px solid;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Geographical coordinates &lt;br /&gt;
&lt;br /&gt;
To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: none } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using decimal notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline } .geo-dms { display: none }&lt;br /&gt;
&lt;br /&gt;
To display coordinates using DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: none }   .geo-dms { display: inline }&lt;br /&gt;
&lt;br /&gt;
To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:&lt;br /&gt;
   .geo-default { display: inline } .geo-nondefault { display: inline } &lt;br /&gt;
   .geo-dec { display: inline }   .geo-dms { display: inline }&lt;br /&gt;
   .geo-multi-punct { display: inline }&lt;br /&gt;
&lt;br /&gt;
See [[Template:Coor link]] for how these are used.&lt;br /&gt;
&lt;br /&gt;
Note that the classes &amp;quot;geo&amp;quot;, &amp;quot;longitude&amp;quot;, and &amp;quot;latitude&amp;quot; are not just styles but also used by the [[Geo microformat]], so the names should not be changed.&lt;br /&gt;
&lt;br /&gt;
*/&lt;br /&gt;
&lt;br /&gt;
.geo-default { display: inline; }&lt;br /&gt;
.geo-nondefault { display: none; }&lt;br /&gt;
.geo-dms { display: inline; }&lt;br /&gt;
.geo-dec { display: inline; }&lt;br /&gt;
.geo-multi-punct { display: none; }&lt;br /&gt;
&lt;br /&gt;
.longitude .latitude {&lt;br /&gt;
    white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */&lt;br /&gt;
.geo { }&lt;br /&gt;
&lt;br /&gt;
/***** end Geo-related */&lt;br /&gt;
&lt;br /&gt;
/* When &amp;lt;div class=&amp;quot;nonumtoc&amp;quot;&amp;gt; is used on the table of contents, the ToC will display without numbers */&lt;br /&gt;
.nonumtoc .tocnumber { display:none; }&lt;br /&gt;
.nonumtoc #toc ul,&lt;br /&gt;
.nonumtoc .toc ul {&lt;br /&gt;
    line-height: 1.5em;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    margin: .3em 0 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
.nonumtoc #toc ul ul, &lt;br /&gt;
.nonumtoc .toc ul ul { &lt;br /&gt;
    margin: 0 0 0 2em; &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Allow limiting of which header levels are shown in a TOC; &amp;lt;div class=&amp;quot;toclimit-3&amp;quot;&amp;gt;, for&lt;br /&gt;
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as&lt;br /&gt;
   there are no =headings= on the page, which there shouldn&#039;t be according to the MoS). */&lt;br /&gt;
.toclimit-2 .toclevel-2 {display:none;}&lt;br /&gt;
.toclimit-3 .toclevel-3 {display:none;}&lt;br /&gt;
.toclimit-4 .toclevel-4 {display:none;}&lt;br /&gt;
.toclimit-5 .toclevel-5 {display:none;}&lt;br /&gt;
.toclimit-6 .toclevel-6 {display:none;}&lt;br /&gt;
.toclimit-7 .toclevel-7 {display:none;}&lt;br /&gt;
&lt;br /&gt;
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */&lt;br /&gt;
.listify td {display:list-item;}&lt;br /&gt;
.listify tr {display:block;}&lt;br /&gt;
.listify table {display:block;}&lt;br /&gt;
&lt;br /&gt;
div.user-block {&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    border: 1px solid #a2a9b1;&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
/* Prevent line breaks in silly places: &lt;br /&gt;
   1) links when we don&#039;t want them to&lt;br /&gt;
   2) HTML formulae&lt;br /&gt;
   3) Ref tags with group names &amp;lt;ref group=&amp;quot;Note&amp;quot;&amp;gt; --&amp;gt; &amp;quot;[Note 1]&amp;quot;&lt;br /&gt;
*/&lt;br /&gt;
.nowrap,&lt;br /&gt;
.nowraplinks a,&lt;br /&gt;
span.texhtml,&lt;br /&gt;
sup.reference a { white-space: nowrap; }&lt;br /&gt;
&lt;br /&gt;
/* Contents of &amp;lt;math&amp;gt; tag should have an ltr layout */&lt;br /&gt;
span.texhtml {&lt;br /&gt;
    direction:ltr;&lt;br /&gt;
    unicode-bidi:bidi-override;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.thumbinner {&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */&lt;br /&gt;
th.mbox-text, td.mbox-text {     /* The message body cell(s) */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 0.25em 0.9em;       /* 0.9em left/right */&lt;br /&gt;
    width: 100%;    /* Make all mboxes the same width regardless of text length */&lt;br /&gt;
}&lt;br /&gt;
td.mbox-image {                  /* The left image cell */&lt;br /&gt;
    border: none; &lt;br /&gt;
    padding: 2px 0.9em 2px 0px;    /* 0.9em right, 0px left */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
td.mbox-imageright {             /* The right image cell */&lt;br /&gt;
    border: none;&lt;br /&gt;
    padding: 2px 0px 2px 0.9em;    /* 0px left, 0.9em right */&lt;br /&gt;
    text-align: center; &lt;br /&gt;
}&lt;br /&gt;
/* Reduce line-height for &amp;lt;sup&amp;gt; and &amp;lt;sub&amp;gt; */&lt;br /&gt;
sup, sub {&lt;br /&gt;
    line-height: 1em;&lt;br /&gt;
}&lt;br /&gt;
/* Styling for Abuse Filter tags */&lt;br /&gt;
.mw-tag-markers {&lt;br /&gt;
 font-style:italic;&lt;br /&gt;
 font-size:90%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Für &amp;lt;nowiki&amp;gt;&amp;lt;hiero&amp;gt;…&amp;lt;/hiero&amp;gt;&amp;lt;/nowiki&amp;gt; */ &lt;br /&gt;
.mw-hierotable, .hierotable-mw, &lt;br /&gt;
.mw-hierotable  th, .hierotable mw-th, &lt;br /&gt;
.mw-hierotable  td, .hierotable mw-td { &lt;br /&gt;
    border: 0px;&lt;br /&gt;
    padding: 0px;&lt;br /&gt;
}&lt;br /&gt;
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class &amp;quot;urlexpansion&amp;quot;&lt;br /&gt;
   following the anchor A, the anchor itself now has class &amp;quot;external autonumber&amp;quot; and the&lt;br /&gt;
   expansion is inserted when printing (see the common printing style sheet at&lt;br /&gt;
   //en.wikipedia.org/w/skins/common/commonPrint.css) using the &amp;quot;:after&amp;quot; pseudo-&lt;br /&gt;
   element of CSS. We have to switch this off for links due to Template:Ref!&lt;br /&gt;
*/&lt;br /&gt;
.plainlinksneverexpand a.external.text:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
.plainlinksneverexpand a.external.autonumber:after {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
/* for Main Page */&lt;br /&gt;
.globegris {&lt;br /&gt;
  background: url(//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png);&lt;br /&gt;
}&lt;br /&gt;
/* End */&lt;br /&gt;
&lt;br /&gt;
.prefsection fieldset {&lt;br /&gt;
        float: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Small font-size for hidden categories */&lt;br /&gt;
#mw-hidden-catlinks { font-size: 87% !important; }&lt;br /&gt;
&lt;br /&gt;
.listify {&lt;br /&gt;
  margin-left:0;&lt;br /&gt;
  margin-right:2em;&lt;br /&gt;
}&lt;br /&gt;
#wpFilterRules {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این نیز باگ است که وقتی عنوان یک بخش انگلیسی است، فارسی درون خلاصه ویرایش در تاریخچه به هم می‌ریزد */&lt;br /&gt;
.comment &amp;gt; span { unicode-bidi: normal; }&lt;br /&gt;
&lt;br /&gt;
/* نمایش بهتر خلاصه ویرایش‌های خیلی طولانی */&lt;br /&gt;
.comment {&lt;br /&gt;
	overflow-wrap: break-word;&lt;br /&gt;
	word-break: break-word	;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* زیاد کردن اندازه توضیحات صفحه بارگذاری */&lt;br /&gt;
#wpUploadDescription {&lt;br /&gt;
  height: 25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*ابزار پررنگ کننده نظرهای کاربر*/&lt;br /&gt;
.mycomment { background: #ff9; }&lt;br /&gt;
&lt;br /&gt;
/* Pie chart test: Transparent borders */&lt;br /&gt;
.transborder {&lt;br /&gt;
    border: solid transparent;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Hide edittools base for those not using the gadget */&lt;br /&gt;
#mw-edittools-charinsert {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Category tree styling. Works in conjuction with [[MediaWiki:Categorytree-expand-bullet]],&lt;br /&gt;
   [[MediaWiki:Categorytree-collapse-bullet]] and [[MediaWiki:Categorytree-empty-bullet]]. */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
    list-style: none none;&lt;br /&gt;
    margin-left: 0.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
    margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
    color: #36c;&lt;br /&gt;
}&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
    color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* توضیح به کاربران درباره صفحه تمرین */&lt;br /&gt;
body.ns-2[class*=&amp;quot;_صفحه_تمرین&amp;quot;] #firstHeading::after {&lt;br /&gt;
    color: #72777d;&lt;br /&gt;
    content: &amp;quot;توجه:این صفحه بخشی از دانشنامه نیست.&amp;quot;;&lt;br /&gt;
    float: left;&lt;br /&gt;
    width: 40%;&lt;br /&gt;
    font-size: 40%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*اصلاح اندازه فونت در تغییرات اخیر برای [ویرایش‌های در حال انتظار] برگرفته از ویکی‌روسی*/&lt;br /&gt;
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    font-size: smaller;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* Make it possible to hide checkboxes in &amp;lt;inputbox&amp;gt; */&lt;br /&gt;
.inputbox-hidecheckboxes form .inputbox-element {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* این برچسپ بهتر است فقط برای Gadget-taghighlighter.css را فعال کرده اند دیده شوند */&lt;br /&gt;
.mw-tag-marker-نیازمند_بازبینی { display: none; }&lt;br /&gt;
&lt;br /&gt;
/* Reduce page jumps by hiding collapsed/dismissed content */&lt;br /&gt;
.client-js .mw-special-Watchlist #watchlist-message {&lt;br /&gt;
    display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کمی پیوند ایجاد مقاله بزرگتر شود که پس از حذف بیشتر استفاده شود */&lt;br /&gt;
.mw-warning-with-logexcerpt a[title=&amp;quot;ویکی‌پدیا:ایجاد مقاله&amp;quot;] { font-size: 120%; font-weight: bold; }&lt;br /&gt;
&lt;br /&gt;
/* Make the textarea pink when an admin is editing a protected page */&lt;br /&gt;
.mw-textarea-protected {&lt;br /&gt;
    background-color: #fee7e6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Made diffs use Wikimedia UI color palette ([[phab:M82]]) */&lt;br /&gt;
td.diff-addedline {&lt;br /&gt;
    border-color: #36c;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline {&lt;br /&gt;
    border-color: #fc3;&lt;br /&gt;
}&lt;br /&gt;
td.diff-addedline .diffchange {&lt;br /&gt;
    background: #e9eef9;&lt;br /&gt;
}&lt;br /&gt;
td.diff-deletedline .diffchange {&lt;br /&gt;
    background: #fff4d6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Spacing between the rows of navbox */&lt;br /&gt;
tr + tr &amp;gt; .navbox-abovebelow,&lt;br /&gt;
tr + tr &amp;gt; .navbox-group,&lt;br /&gt;
tr + tr &amp;gt; .navbox-image,&lt;br /&gt;
tr + tr &amp;gt; .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */&lt;br /&gt;
    border-top: 2px solid #fdfdfd; /* Must match background color */&lt;br /&gt;
}&lt;br /&gt;
/* End of Spacing between the rows of navbox */&lt;br /&gt;
&lt;br /&gt;
/* Color diff links */&lt;br /&gt;
.mw-diff-edit a {&lt;br /&gt;
	color: #2a4b8d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-diff-undo a, .mw-history-undo a, .mw-rollback-link a {&lt;br /&gt;
	color: #d33;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
a.mw-thanks-thank-link {&lt;br /&gt;
	color: #14866d;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Make sure cite and dfn are not italicized thorugh the user agent stylesheet */&lt;br /&gt;
cite, dfn {&lt;br /&gt;
	font-style:inherit;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* LTR citations should be listed LTR and be left-aligned, as is the case in Persian literature */&lt;br /&gt;
LI.mw-cite-dir-ltr {&lt;br /&gt;
  direction: ltr;&lt;br /&gt;
  margin-left: 2.3em;&lt;br /&gt;
  text-align: left;&lt;br /&gt;
  list-style-type: decimal !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* OL with Persian alphabet used for its counter */&lt;br /&gt;
@counter-style persian-alpha {&lt;br /&gt;
  system: cyclic;&lt;br /&gt;
  symbols: &amp;quot;\627\644\641&amp;quot; &amp;quot;\628&amp;quot; &amp;quot;\67E&amp;quot; &amp;quot;\62A&amp;quot; &amp;quot;\62B&amp;quot; &amp;quot;\62C&amp;quot; &amp;quot;\684&amp;quot; &amp;quot;\62D&amp;quot; &amp;quot;\62E&amp;quot; &amp;quot;\62F&amp;quot; &amp;quot;\630&amp;quot; &amp;quot;\631&amp;quot; &amp;quot;\632&amp;quot; &amp;quot;\698&amp;quot; &amp;quot;\633&amp;quot; &amp;quot;\634&amp;quot; &amp;quot;\635&amp;quot; &amp;quot;\636&amp;quot; &amp;quot;\637&amp;quot; &amp;quot;\638&amp;quot; &amp;quot;\639&amp;quot; &amp;quot;\63A&amp;quot; &amp;quot;\641&amp;quot; &amp;quot;\642&amp;quot; &amp;quot;\6A9&amp;quot; &amp;quot;\6AB&amp;quot; &amp;quot;\644&amp;quot; &amp;quot;\645&amp;quot; &amp;quot;\646&amp;quot; &amp;quot;\648&amp;quot; &amp;quot;\6BE&amp;quot; &amp;quot;\6CC&amp;quot;;&lt;br /&gt;
  suffix = &amp;quot; &amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.reflist-persian-alpha ol:lang( fa ) li {&lt;br /&gt;
  list-style-type: persian-alpha !important;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  margin-left: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Right margin for left-aligned tables */&lt;br /&gt;
table[align=&amp;quot;left&amp;quot;] {&lt;br /&gt;
	margin-right: 1.2em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Center aligning wikitables should be as easy as using align=center */&lt;br /&gt;
table.wikitable[align=&amp;quot;center&amp;quot;] {&lt;br /&gt;
  margin-right: auto;&lt;br /&gt;
  margin-left: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-indicator, .mw-helplink, .mw-indicator-pp-default {&lt;br /&gt;
    -moz-user-select: none;&lt;br /&gt;
    -webkit-user-select: none;&lt;br /&gt;
    -ms-user-select: none;&lt;br /&gt;
    user-select: none;&lt;br /&gt;
}&lt;br /&gt;
/* For portals, added 2011-12-07 -bv&lt;br /&gt;
   On wide screens, show these as two columns&lt;br /&gt;
   On narrow and mobile screens, let them collapse into a single column */&lt;br /&gt;
.mainpage-portals {&lt;br /&gt;
	float: right; &lt;br /&gt;
	width: 14.2%;&lt;br /&gt;
	margin: 12px auto;&lt;br /&gt;
}&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(2, auto);&lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(3, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(4, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(5, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(6, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
	display: grid; &lt;br /&gt;
	grid-gap: 15px; &lt;br /&gt;
	grid-template-columns: repeat(7, auto); &lt;br /&gt;
	grid-template-rows: auto;  &lt;br /&gt;
	width: 100%&lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-3 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-4 {&lt;br /&gt;
	grid-column-end: span 2; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-4 {&lt;br /&gt;
	grid-column-end: span 3; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-1-2,&lt;br /&gt;
.portal-column-1-3,&lt;br /&gt;
.portal-column-1-4,&lt;br /&gt;
.portal-column-1-5,&lt;br /&gt;
.portal-column-1-6,&lt;br /&gt;
.portal-column-1-7 {&lt;br /&gt;
	grid-column-end: span 1; &lt;br /&gt;
}&lt;br /&gt;
.portal-column-2-2 {&lt;br /&gt;
	grid-column-end: span 2;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-3-3 {&lt;br /&gt;
	grid-column-end: span 3;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-4-4 {&lt;br /&gt;
	grid-column-end: span 4;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-5-5 {&lt;br /&gt;
	grid-column-end: span 5;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-6-6 {&lt;br /&gt;
	grid-column-end: span 6;&lt;br /&gt;
}&lt;br /&gt;
.portal-column-7-7 {&lt;br /&gt;
	grid-column-end: span 7;&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 700px) {&lt;br /&gt;
	.mainpage-portals {&lt;br /&gt;
		width: 25%; &lt;br /&gt;
	}&lt;br /&gt;
    /* Decouple the columns on narrow screens */&lt;br /&gt;
    .portal-container-2,&lt;br /&gt;
    .portal-container-3, &lt;br /&gt;
    .portal-container-4, &lt;br /&gt;
    .portal-container-5, &lt;br /&gt;
    .portal-container-6, &lt;br /&gt;
    .portal-container-7 {&lt;br /&gt;
		display: block;&lt;br /&gt;
	}&lt;br /&gt;
    .portal-column-1-2,&lt;br /&gt;
    .portal-column-2-4,&lt;br /&gt;
    .portal-column-3-4,&lt;br /&gt;
    .portal-column-1-3,&lt;br /&gt;
    .portal-column-2-3,&lt;br /&gt;
    .portal-column-2-2,&lt;br /&gt;
    .portal-column-3-3,&lt;br /&gt;
	.portal-column-4-4,&lt;br /&gt;
	.portal-column-5-5,&lt;br /&gt;
	.portal-column-6-6,&lt;br /&gt;
	.portal-column-7-7 {&lt;br /&gt;
        flo at: inherit;&lt;br /&gt;
        wid th: 100%;&lt;br /&gt;
        margin-top: 16px;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-4 {&lt;br /&gt;
		wid th: calc(50% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-6 {&lt;br /&gt;
		wid th: calc(33.3% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
    .portal-column-1-7 {&lt;br /&gt;
	flo at: right;&lt;br /&gt;
	wid th: calc(25% - 16px);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
    .portal-column-1-4, &lt;br /&gt;
    .portal-column-1-6, &lt;br /&gt;
    .portal-column-1-5 {&lt;br /&gt;
        float: inherit;&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        margin: 0;&lt;br /&gt;
        display: block !important;&lt;br /&gt;
        text-align: center;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
/* temporary fix for T86979 */&lt;br /&gt;
.ui-dialog { right: auto; }&lt;br /&gt;
&lt;br /&gt;
/* wikipedia styles with unknown origin! */&lt;br /&gt;
.mw-body-content blockquote {&lt;br /&gt;
	border-right:4px solid #eaecf0;&lt;br /&gt;
 	padding:8px 32px&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* طراحی صفحه اول */&lt;br /&gt;
 .mainpage-top {&lt;br /&gt;
    background-image: url(/mainpage-top-2.jpg);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
	background-position-y: 60%;&lt;br /&gt;
	background-position-x: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.rootpage-صفحهٔ_اصلی .firstHeading {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* عنوان جعبه ها */&lt;br /&gt;
.mainpage-box .heading {&lt;br /&gt;
	     background-image: url(/background-3.png);&lt;br /&gt;
}&lt;br /&gt;
/* فیدبک */&lt;br /&gt;
.page-صفحهٔ_اصلی .articleFeedbackv5 {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
#mw-articlefeedbackv5 {&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5 {&lt;br /&gt;
	font-size: 80%;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-panel{&lt;br /&gt;
	max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-tooltip-trigger {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-title {&lt;br /&gt;
    margin-top:0 !important&lt;br /&gt;
}&lt;br /&gt;
 .feedback-text {&lt;br /&gt;
	height: 6em !important;&lt;br /&gt;
	margin-bottom: 12px;&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-disclosure {&lt;br /&gt;
    display:none&lt;br /&gt;
}&lt;br /&gt;
 .articleFeedbackv5-submit {&lt;br /&gt;
    float:left !important;&lt;br /&gt;
}&lt;br /&gt;
.articleFeedbackv5-cta-5 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.page-صفحهٔ_اصلی #content{&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن از بازدید کننده ها */&lt;br /&gt;
 .showtologgedin {&lt;br /&gt;
     display: none &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox {&lt;br /&gt;
    width: auto !important&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* side bar &lt;br /&gt;
#mw-panel{&lt;br /&gt;
	posi tion: fixed;&lt;br /&gt;
    z-index: 100;&lt;br /&gt;
    /* background-color: #fefdf9; */&lt;br /&gt;
    width: 10.5em;&lt;br /&gt;
    overflow: auto;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* navbox */&lt;br /&gt;
.navbox-title a {&lt;br /&gt;
	color: black !important;;&lt;br /&gt;
	text-decoration: underline;&lt;br /&gt;
}&lt;br /&gt;
.nv-talk {&lt;br /&gt;
	display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* font-sizes */&lt;br /&gt;
.mw-body-content{&lt;br /&gt;
	font-size: 16px;&lt;br /&gt;
}&lt;br /&gt;
.mw-editfont-monospace{&lt;br /&gt;
	font-size: 15px;&lt;br /&gt;
}&lt;br /&gt;
img {&lt;br /&gt;
	max-width: 100%; &lt;br /&gt;
	height: auto !important;&lt;br /&gt;
    clip: rect(auto, auto, auto, auto) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*&lt;br /&gt;
 * New image thumb design&lt;br /&gt;
 *&lt;br /&gt;
 * @dependencies none&lt;br /&gt;
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-NewImageThumb.css&lt;br /&gt;
 * @revision 2&lt;br /&gt;
 * @author: Edokter ([[User:Edokter]])&lt;br /&gt;
 */&lt;br /&gt;
&lt;br /&gt;
.tocnumber {&lt;br /&gt;
    color: #333;&lt;br /&gt;
}&lt;br /&gt;
.toc, #toc,&lt;br /&gt;
.catlinks,&lt;br /&gt;
.mw-gallery-traditional li.gallerybox div.thumb,&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
    box-shadow:  0.25em 0.25em 0.5em rgba(0, 0, 0, 0.05);&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
div.thumbinner.mp-thumb {&lt;br /&gt;
    box-shadow: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbimage {&lt;br /&gt;
    border: none;&lt;br /&gt;
}&lt;br /&gt;
html .thumbcaption {&lt;br /&gt;
    line-height: 1.5;&lt;br /&gt;
    padding: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
img.thumbborder {&lt;br /&gt;
    border-width: 1px;&lt;br /&gt;
    border-style: solid;&lt;br /&gt;
    border-color: #E0E0E0 #B1B1B1 #B1B1B1 #E0E0E0;&lt;br /&gt;
}&lt;br /&gt;
.tmulti .tsingle {&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  پاپ آپ منابع &lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-title {&lt;br /&gt;
    margin-top: 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-title {&lt;br /&gt;
    margin: 0 5px;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade {&lt;br /&gt;
	position: inherit;&lt;br /&gt;
}&lt;br /&gt;
.mwe-popups .mwe-popups-extract {&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: unset;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* جستجو &lt;br /&gt;
#searchInput {&lt;br /&gt;
	padding: 0.2em 0.4em;&lt;br /&gt;
	background-color: white !important;&lt;br /&gt;
}&lt;br /&gt;
*/&lt;br /&gt;
/* لوگو */&lt;br /&gt;
#p-logo {&lt;br /&gt;
    height: 180px;&lt;br /&gt;
}&lt;br /&gt;
#p-logo a {&lt;br /&gt;
    posi tion: fixed;&lt;br /&gt;
    margin-top: 10px;&lt;br /&gt;
    height: 185px;&lt;br /&gt;
}&lt;br /&gt;
/*&lt;br /&gt;
#mw-panel #p-logo + .portal {&lt;br /&gt;
    margin-top: 3em;&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* تصویر زمینه &lt;br /&gt;
body {&lt;br /&gt;
    background-color: #b3e1b3;&lt;br /&gt;
    background-image: url(background-3.png);&lt;br /&gt;
}&lt;br /&gt;
#mw-page-base {&lt;br /&gt;
	background-color: unset;&lt;br /&gt;
	background-image: none;&lt;br /&gt;
}*/&lt;br /&gt;
/* تب های بالا &lt;br /&gt;
.vectorTabs li {&lt;br /&gt;
    background-image: linear-gradient(to top, #6c6 0, rgb(246, 255, 246) 1px, rgba(255,255,255,0) 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {&lt;br /&gt;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #4bd74b 100%);&lt;br /&gt;
}&lt;br /&gt;
.vectorTabs .selected {&lt;br /&gt;
    background: linear-gradient(to bottom, rgba(179, 225, 179, .1), #fff 70%);&lt;br /&gt;
}*/&lt;br /&gt;
&lt;br /&gt;
/* محیط ویرایش */&lt;br /&gt;
#wpTextbox1 {&lt;br /&gt;
    font-size: 15px;&lt;br /&gt;
    font-family: tahoma;&lt;br /&gt;
}&lt;br /&gt;
/* الگوی شاخه */&lt;br /&gt;
.mw-indicator {&lt;br /&gt;
	font-size: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه های جمع شدن منوی سمت راست، بازگشت به بالای صفحه و تغییر اندازه فونت */&lt;br /&gt;
.sidebarbottons {&lt;br /&gt;
	display: block;&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	z-index: 999;&lt;br /&gt;
	right: 0;&lt;br /&gt;
	height: 23px;&lt;br /&gt;
	width: 23px;&lt;br /&gt;
	border: 1px solid #356843;&lt;br /&gt;
	padding: 2px;&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: center;&lt;br /&gt;
	border-radius: 3px;&lt;br /&gt;
}&lt;br /&gt;
.sidebarbottons:hover {&lt;br /&gt;
	filter: invert(40%); &lt;br /&gt;
}&lt;br /&gt;
#collsidebar {&lt;br /&gt;
	background-image: url(&#039;/images/d/d6/Right.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#totop {&lt;br /&gt;
	background-image: url(&#039;/images/d/da/Up.png&#039;);&lt;br /&gt;
	bottom: calc( 50% + 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizeup {&lt;br /&gt;
background-image: url(&#039;/images/2/2f/Plus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 11px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
#fontsizedown {&lt;br /&gt;
background-image: url(&#039;/images/e/ee/Minus.png&#039;);&lt;br /&gt;
bottom: calc( 50% - 33px );&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله خالی اول مقالات */&lt;br /&gt;
p br {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ .firstHeading,&lt;br /&gt;
.page-نرم‌افزار_پاسخ .firstHeading, &lt;br /&gt;
.page-درگاه_کرونا_و_بلایا .firstHeading, &lt;br /&gt;
.page-درگاه_مهدویت .firstHeading, &lt;br /&gt;
.page-درگاه_غدیر .firstHeading,&lt;br /&gt;
.page-درگاه_امام_حسین_ع .firstHeading,&lt;br /&gt;
.page-درگاه_فاطمی .firstHeading,&lt;br /&gt;
.page-درگاه_حکومت_دینی .firstHeading,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت .firstHeading,&lt;br /&gt;
.page-درگاه_زن_و_خانواده .firstHeading {&lt;br /&gt;
	display:none;&lt;br /&gt;
}&lt;br /&gt;
.page-کتاب_پاسخ #content,&lt;br /&gt;
.page-نرم‌افزار_پاسخ #content,&lt;br /&gt;
.page-درگاه_کرونا_و_بلایا #content,&lt;br /&gt;
.page-درگاه_مهدویت #content,&lt;br /&gt;
.page-درگاه_غدیر #content,&lt;br /&gt;
.page-درگاه_امام_حسین_ع #content,&lt;br /&gt;
.page-درگاه_فاطمی #content,&lt;br /&gt;
.page-درگاه_حکومت_دینی #content,&lt;br /&gt;
.page-درگاه_حوزه_و_روحانیت #content,&lt;br /&gt;
.page-درگاه_زن_و_خانواده #content {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* الگو:مقاله‌های کاربر */&lt;br /&gt;
.user-articles .mw-newpages-history, .user-articles .mw-newpages-length, .user-articles .mw-userlink, .user-articles .mw-usertoollinks, .user-articles .comment, .user-articles .mw-tag-markers, .user-articles .mw-newpages-oldtitle {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.user-articles ul {&lt;br /&gt;
	list-style: persian;&lt;br /&gt;
}&lt;br /&gt;
/* خرده ریز */&lt;br /&gt;
dd {&lt;br /&gt;
	margin-left: 1em !important;&lt;br /&gt;
}&lt;br /&gt;
.navbar-mini, .mw-collapsible-toggle {&lt;br /&gt;
	font-size: 80% !important;&lt;br /&gt;
}&lt;br /&gt;
.navbox-image img{&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* بسم الله */&lt;br /&gt;
.page-صفحهٔ_اصلی #mw-head {&lt;br /&gt;
    background-image: url(&#039;/images/1/15/Basmala.png&#039;);&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-attachment: fixed;&lt;br /&gt;
    background-position-x: 50%;&lt;br /&gt;
}&lt;br /&gt;
/* headings */&lt;br /&gt;
h1, h2, h3, h4, h5, h6 {&lt;br /&gt;
	font-family: sahel;&lt;br /&gt;
	font-weight: bold;&lt;br /&gt;
}&lt;br /&gt;
/* editing */&lt;br /&gt;
.ve-ui-mwWikitextSurface .ve-ce-attachedRootNode{ &lt;br /&gt;
	font-family:vazir; &lt;br /&gt;
	font-size: 16px&lt;br /&gt;
}&lt;br /&gt;
#ca-ve-edit {&lt;br /&gt;
	display: block !important;&lt;br /&gt;
}&lt;br /&gt;
/* language list */&lt;br /&gt;
#interwiki-completelist {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
* {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
/* vector 2022 */&lt;br /&gt;
.mw-logo {&lt;br /&gt;
&lt;br /&gt;
	background-repeat: no-repeat;&lt;br /&gt;
	background-position: right;&lt;br /&gt;
	background-size: 60px;&lt;br /&gt;
	padding: 0px 65px;&lt;br /&gt;
	height: 60px;&lt;br /&gt;
}&lt;br /&gt;
.mw-logo-wordmark {&lt;br /&gt;
    font-size: 130%;&lt;br /&gt;
}&lt;br /&gt;
.mw-header {&lt;br /&gt;
    min-height: 6em;&lt;br /&gt;
}&lt;br /&gt;
.mw-content-container, .mw-article-toolbar-container {&lt;br /&gt;
  max -width: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-sidebar-action {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn.mw-portlet-empty {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
#p-lang-btn {&lt;br /&gt;
	float: left;&lt;br /&gt;
}&lt;br /&gt;
/* جعبه گفتاورد */&lt;br /&gt;
.quotebox {&lt;br /&gt;
	width: 30%&lt;br /&gt;
}&lt;br /&gt;
@media only screen and (max-width: 600px) {&lt;br /&gt;
	.quotebox {&lt;br /&gt;
		width: 100%;&lt;br /&gt;
	}&lt;br /&gt;
}&lt;br /&gt;
/* book reader */&lt;br /&gt;
.fileInfo .mediawiki-filewarning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement &amp;gt; .oo-ui-buttonElement-button {&lt;br /&gt;
	padding-right: unset;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .oo-ui-image-warning {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal::before {&lt;br /&gt;
    content: &amp;quot;دانلود &amp;quot;&lt;br /&gt;
}&lt;br /&gt;
.fullMedia .internal {&lt;br /&gt;
	color: #fff;&lt;br /&gt;
	background-color: #36c;&lt;br /&gt;
	border-color: #36c;&lt;br /&gt;
	line-height: 1.28571429em;&lt;br /&gt;
	padding-top: 6px;&lt;br /&gt;
	padding-bottom: 6px;&lt;br /&gt;
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;&lt;br /&gt;
	padding-right: 12px;&lt;br /&gt;
	padding-left: 12px;&lt;br /&gt;
	min-height: 2.28571429em;&lt;br /&gt;
}&lt;br /&gt;
.fileInfo .mime-type.has-warning {&lt;br /&gt;
	color: black;&lt;br /&gt;
}&lt;br /&gt;
.oo-ui-tagMultiselectWidget-handle {&lt;br /&gt;
	margin-right: 0;&lt;br /&gt;
}&lt;br /&gt;
/* sidebar */&lt;br /&gt;
.sidebar {&lt;br /&gt;
	max-width: 25%;&lt;br /&gt;
}&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
	width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
/* شاخه */&lt;br /&gt;
.mw-indicators {&lt;br /&gt;
	float: right;&lt;br /&gt;
	margin: 16px 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide excess menus for non-logged-in */&lt;br /&gt;
#n-امتیاز-مشارکت, #t-whatlinkshere, #t-recentchangeslinked, #t-upload, #t-redirectmaker, #left-navigation, #ca-view, #ca-viewsource {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-view {&lt;br /&gt;
	display: block;&lt;br /&gt;
}&lt;br /&gt;
.action-history #ca-history {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-menu-tabs .mw-list-item &amp;gt; a {&lt;br /&gt;
	padding: 10px 0;&lt;br /&gt;
	margin-bottom: 0;&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.mw-article-toolbar-container {&lt;br /&gt;
	border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
.vector-article-toolbar {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: 10px;&lt;br /&gt;
	z-index: 1;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
.page-صفحهٔ_اصلی .vector-article-toolbar {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
#mw-indicator-mw-helplink {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* compress header */&lt;br /&gt;
.mw-body-content {&lt;br /&gt;
  margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بزرگنمایی هنگام رفتن موس روی تصویر استفاده شده در الگو های zoom و imagelabel */&lt;br /&gt;
  &lt;br /&gt;
.zoomonhover {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	float: left;&lt;br /&gt;
	clear: left;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhovertext {&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 1000;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhoverimageabove {&lt;br /&gt;
	position: absolute;&lt;br /&gt;
	left: 0px;&lt;br /&gt;
	top: 0px;&lt;br /&gt;
	display: none;&lt;br /&gt;
	z-index: 100;&lt;br /&gt;
	max-width: initial;&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhoverimageabove {&lt;br /&gt;
	z-index: 10;&lt;br /&gt;
	display: block;&lt;br /&gt;
	background-color:white; /* in case of files with transparent background */&lt;br /&gt;
}&lt;br /&gt;
.zoomonhover:hover .zoomonhovertext {&lt;br /&gt;
	display: block;&lt;br /&gt;
	transition: .7s;&lt;br /&gt;
	position: relative;&lt;br /&gt;
}&lt;br /&gt;
/* video and audio */&lt;br /&gt;
.video, .audio {&lt;br /&gt;
	max-width: 30%;&lt;br /&gt;
}&lt;br /&gt;
.thumbinner .video, .thumbinner .audio {&lt;br /&gt;
	max-width: none;&lt;br /&gt;
}&lt;br /&gt;
/* redirected from */&lt;br /&gt;
.mw-redirectedfrom {&lt;br /&gt;
	float: left;&lt;br /&gt;
	margin: -35px 0 0 0;&lt;br /&gt;
}&lt;br /&gt;
/* hide hitcounter */&lt;br /&gt;
#footer-info-0 {&lt;br /&gt;
	display: none;&lt;br /&gt;
}&lt;br /&gt;
/* related */&lt;br /&gt;
.mw-body {&lt;br /&gt;
	padding-bottom: 0.5em;&lt;br /&gt;
}&lt;br /&gt;
.ra-read-more {&lt;br /&gt;
	padding-top: 0;&lt;br /&gt;
}&lt;br /&gt;
/* comment section */&lt;br /&gt;
.cs-comments, .cs-title-edit-field, .cs-body-edit-field {&lt;br /&gt;
  font-family: vazir !important;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[tabindex=&amp;quot;0&amp;quot;] {&lt;br /&gt;
	position: fixed;&lt;br /&gt;
	top: 4em;&lt;br /&gt;
	left: 1em;&lt;br /&gt;
}&lt;br /&gt;
.cs-header .oo-ui-buttonElement-button[title=&amp;quot;لغو&amp;quot;], .cs-header .oo-ui-buttonElement-button[title=&amp;quot;ثبت&amp;quot;] {&lt;br /&gt;
	position: relative;&lt;br /&gt;
	top: unset;&lt;br /&gt;
	left: unset;&lt;br /&gt;
}&lt;br /&gt;
/* red links color */&lt;br /&gt;
a.new {&lt;br /&gt;
    color: black;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های مربعی سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-box {&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 15px; /* گوشه‌های نرم مربع */&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم رفتن موس */&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون (Hover) */&lt;br /&gt;
.wiki-3d-box:hover {&lt;br /&gt;
    transform: scale(1.08); /* ۸ درصد بزرگ‌نمایی */&lt;br /&gt;
    box-shadow: 0 0px 10px rgb(93, 156, 227), &lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1), &lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important; /* عمیق‌تر شدن سایه بیرونی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم یا قاب داخلی سفید رنگ دور تصویر */&lt;br /&gt;
.wiki-3d-inner-frame {&lt;br /&gt;
    width: 105px;&lt;br /&gt;
    height: 105px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    border: 4px solid #ffffff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده هوشمند تصویر جهت فیت شدن کامل عکس‌های مربع یا مستطیل */&lt;br /&gt;
.wiki-3d-image-wrapper {&lt;br /&gt;
    min-width: 100%;&lt;br /&gt;
    min-height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   طراحی آیکون‌های دایره سه‌بعدی و هوشمند (سازگار با انواع تصاویر)&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
/* کانتینر اصلی و سه‌بعدی آیکون */&lt;br /&gt;
.wiki-3d-circle {&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    width: 110px;&lt;br /&gt;
    height: 110px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 40%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    position: relative;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت رفتن موس روی آیکون */&lt;br /&gt;
.wiki-3d-circle:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow: 0 0 10px rgba(93, 156, 227, 0.5),&lt;br /&gt;
                inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
                inset 0 -6px 12px rgba(0, 0, 0, 0.08) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* فریم داخلی سفید */&lt;br /&gt;
.wiki-3d-inner-frame-circle {&lt;br /&gt;
   box-sizing: border-box;&lt;br /&gt;
    width: 102px; /* کمی کوچک‌تر شد تا از تداخل مرزها جلوگیری شود */&lt;br /&gt;
    height: 102px;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 3px solid #ffffff; /* کاهش ضخامت برای هماهنگی بیشتر */&lt;br /&gt;
    background-clip: padding-box; /* جلوگیری از نشست رنگ مرز به داخل */&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده تصویر */&lt;br /&gt;
.wiki-3d-image-wrapper-circle {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-3d-image-wrapper-circle img,&lt;br /&gt;
.wiki-3d-circle img {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کامل بدون بهم ریختگی */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* --- MediaWiki Full-Width Banner Slider (3:1) --- */&lt;br /&gt;
.fgwiki-slider {&lt;br /&gt;
    --fgwiki-radius: 8px; /* کمی گردتر برای ظاهر بنری */&lt;br /&gt;
    --fgwiki-dot-size: 10px;&lt;br /&gt;
    --fgwiki-shadow: none; /* در حالت تمام‌عرض سایه کمتر زیباتر است */&lt;br /&gt;
    --fgwiki-overlay: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);&lt;br /&gt;
    &lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: 100%;           /* تمام عرض صفحه */&lt;br /&gt;
    max-width: 100%;       /* حذف محدودیت عرض */&lt;br /&gt;
    margin: 0;             /* حذف حاشیه اضافی برای چسبیدن به متن‌های بالا و پایین */&lt;br /&gt;
    border-radius: var(--fgwiki-radius);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background: #1a1a1a;&lt;br /&gt;
    aspect-ratio: 3 / 1;   /* نسبت ۳ به ۱: ارتفاع دقیقاً یک‌سوم عرض */&lt;br /&gt;
    direction: ltr;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider, .fgwiki-slider * { box-sizing: border-box; }&lt;br /&gt;
&lt;br /&gt;
  .fgwiki-slider__track {&lt;br /&gt;
        position: relative; /* یا absolute، بسته به نیاز */&lt;br /&gt;
        width: 100%;      /* یا مقدار ثابت */&lt;br /&gt;
height: 100%;    /* یا مقدار ثابت/متغیر دیگر */&lt;br /&gt;
&lt;br /&gt;
overflow: hidden; /* برای جلوگیری از بیرون زدن اسلایدها */&lt;br /&gt;
    }&lt;br /&gt;
.fgwiki-slider__slide {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    opacity: 0;fgwiki-slider__slide&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    transition: opacity 1s ease, visibility 1s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide.is-active { opacity: 1; visibility: visible; z-index: 1; }&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 0;&lt;br /&gt;
    background: var(--fgwiki-overlay);&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__slide img {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover; /* پر کردن کادر بدون به‌هم‌ریختگی تصویر */&lt;br /&gt;
    object-position: center; /* تمرکز عکس روی مرکز */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دایره‌های پایین */&lt;br /&gt;
.fgwiki-slider__dots {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: 12px;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    transform: translateX(-50%);&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot {&lt;br /&gt;
    width: var(--fgwiki-dot-size);&lt;br /&gt;
    height: var(--fgwiki-dot-size);&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.5);&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgwiki-slider__dot.is-active {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    transform: scale(1.2);&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.video-grid {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* اجازه می‌دهد در صفحه کوچک، ویدیوها به سطر بعدی بروند */&lt;br /&gt;
    gap: 15px;      /* فاصله بین ویدیوها */&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم ویدیو */&lt;br /&gt;
.video-item {&lt;br /&gt;
    /* در دسکتاپ: ۳ ویدیو در هر ردیف (با کسر فاصله) */&lt;br /&gt;
    flex: 1 1 calc(33.33% - 15px);&lt;br /&gt;
    min-width: 280px; /* حداقل عرض برای اینکه در تبلت خیلی کوچک نشوند */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در موبایل: ویدیوها ۱۰۰ درصد عرض را می‌گیرند */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .video-item {&lt;br /&gt;
        flex: 1 1 100%;&lt;br /&gt;
        min-width: 100%; /* این خط باعث می‌شود در موبایل کامل پر شود */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تنظیمات خود ویدیو */&lt;br /&gt;
.video-item video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    background-color: #000; /* رنگ پس‌زمینه در صورت لود نشدن */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 18px 16px;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #e5e7eb;&lt;br /&gt;
    border-radius: 14px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #1f2937;&lt;br /&gt;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-4px);&lt;br /&gt;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    border-color: #cbd5e1;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    line-height: 1.8;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
    color: #6b7280;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-section-title {&lt;br /&gt;
    font-size: 24px;&lt;br /&gt;
    font-weight: 800;&lt;br /&gt;
    margin: 24px 0 16px;&lt;br /&gt;
    color: #111827;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: 1fr;&lt;br /&gt;
        gap: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-card {&lt;br /&gt;
        padding: 16px 14px;&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-title {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .category-desc {&lt;br /&gt;
        font-size: 12px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* =========================================&lt;br /&gt;
   Full CSS - only requested fixes applied&lt;br /&gt;
   Based on pasted-text.txt&lt;br /&gt;
   ========================================= */&lt;br /&gt;
&lt;br /&gt;
/* 1) Category Tree */&lt;br /&gt;
#mw-subcategories ul {&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding-right: 1.5em;&lt;br /&gt;
  list-style: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeChildren {&lt;br /&gt;
  margin-left: 1.25em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeToggle {&lt;br /&gt;
  color: #36c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.CategoryTreeEmptyBullet {&lt;br /&gt;
  color: #c8ccd1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 2) Portal / Province Layouts */&lt;br /&gt;
.portal-container-2,&lt;br /&gt;
.portal-container-3,&lt;br /&gt;
.portal-container-4,&lt;br /&gt;
.portal-container-5,&lt;br /&gt;
.portal-container-6,&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-gap: 15px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-2 {&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-3 {&lt;br /&gt;
  grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-4 {&lt;br /&gt;
  grid-template-columns: repeat(4, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-5 {&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-6 {&lt;br /&gt;
  grid-template-columns: repeat(6, auto);&lt;br /&gt;
  grid-template-rows: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.portal-container-7 {&lt;br /&gt;
  grid-template-columns: repeat(7, minmax(0, 1fr));&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Decouple the columns on narrow screens */&lt;br /&gt;
@media screen and (max-width: 992px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media screen and (max-width: 768px) {&lt;br /&gt;
  .portal-container-2,&lt;br /&gt;
  .portal-container-3,&lt;br /&gt;
  .portal-container-4,&lt;br /&gt;
  .portal-container-5,&lt;br /&gt;
  .portal-container-6,&lt;br /&gt;
  .portal-container-7 {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Sidebar override */&lt;br /&gt;
.mw-parser-output .sidebar {&lt;br /&gt;
  width: auto !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 3) Generic Category Grid */&lt;br /&gt;
.category-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(5, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
  margin: 0;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card {&lt;br /&gt;
  display: block;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #e5e7eb;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  color: #1f2937;&lt;br /&gt;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);&lt;br /&gt;
  transition: transform 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
  transform: translateY(-4px);&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-title {&lt;br /&gt;
  display: block;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.5;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-desc {&lt;br /&gt;
  display: block;&lt;br /&gt;
  margin-top: 8px;&lt;br /&gt;
  font-size: 13px;&lt;br /&gt;
  color: #6b7280;&lt;br /&gt;
  line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* 4) Wiki Category Grid */&lt;br /&gt;
.wiki-category-container {&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  max-width: 1400px;&lt;br /&gt;
  margin: 10px auto;&lt;br /&gt;
  padding: 10px;&lt;br /&gt;
  box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-grid {&lt;br /&gt;
  display: grid !important;&lt;br /&gt;
  grid-template-columns: repeat(5, 1fr) !important;&lt;br /&gt;
  gap: 12px !important;&lt;br /&gt;
  margin: 0 !important;&lt;br /&gt;
  padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card {&lt;br /&gt;
  display: flex !important;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  width: 100% !important;&lt;br /&gt;
  min-width: 0 !important;&lt;br /&gt;
  min-height: 52px;&lt;br /&gt;
  padding: 12px 8px !important;&lt;br /&gt;
  border: 1.5px solid #8ee0d8;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  background: #ffffff;&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  font-size: clamp(10px, 0.9vw, 13px) !important;&lt;br /&gt;
  font-weight: 400;&lt;br /&gt;
  line-height: 1.3;&lt;br /&gt;
  white-space: nowrap !important;&lt;br /&gt;
  overflow: hidden !important;&lt;br /&gt;
  text-overflow: clip !important;&lt;br /&gt;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);&lt;br /&gt;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:hover,&lt;br /&gt;
.wiki-category-card:active {&lt;br /&gt;
  transform: translateY(-3px);&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  color: #65c3ba !important;&lt;br /&gt;
  text-decoration: none !important;&lt;br /&gt;
  box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:visited {&lt;br /&gt;
  color: #2d3748 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-category-card:focus {&lt;br /&gt;
  outline: none;&lt;br /&gt;
  border-color: #65c3ba;&lt;br /&gt;
  box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    font-size: clamp(9.5px, 1.3vw, 12px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(3, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .wiki-category-container {&lt;br /&gt;
    padding: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;&lt;br /&gt;
    gap: 10px !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .wiki-category-card {&lt;br /&gt;
    min-height: 46px;&lt;br /&gt;
    padding: 10px 6px !important;&lt;br /&gt;
    font-size: clamp(9px, 2.8vw, 11px) !important;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .category-grid {&lt;br /&gt;
    grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* ==========================================================================&lt;br /&gt;
   ساختار گالری تصاویر دایره‌ای منعطف (Responsive Circle Gallery)&lt;br /&gt;
   طراحی شده برای استفاده در الگوهای ردیفی ویکی&lt;br /&gt;
   ========================================================================== */&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی گالری */&lt;br /&gt;
.wiki-circle-gallery {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    gap: 16px;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: flex-start;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    margin: 15px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* آیتم‌های مجزای گالری (شامل تصویر و کپشن زیر آن) */&lt;br /&gt;
.wiki-circle-item {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: column;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: flex-start;&lt;br /&gt;
    flex: 1 1 21%; /* توزیع بهینه ۴ ستون در حالت دسکتاپ */&lt;br /&gt;
    min-width: 130px; /* جلوگیری از تغییر فرم در صفحات بسیار کوچک */&lt;br /&gt;
    gap: 8px; /* فاصله عمودی استاندارد بین دایره و متن */&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل کپشن زیر تصاویر */&lt;br /&gt;
.wiki-circle-caption {&lt;br /&gt;
    font-size: 0.88em;&lt;br /&gt;
    font-weight: 500;&lt;br /&gt;
    line-height: 1.45;&lt;br /&gt;
    color: #3b3b3b;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    word-break: break-word;&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* مدل جدید برای فیت کردن عکس داخل دایره */&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d {&lt;br /&gt;
    width: 230px;&lt;br /&gt;
    height: 230px;&lt;br /&gt;
    margin: 20px auto;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fcfcfc 42%, #ececec 80%, #dfdfdf 100%);&lt;br /&gt;
    border: 3px solid #eef0f3;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 15px 35px rgba(0, 0, 0, 0.15),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.3s ease, box-shadow 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d:hover {&lt;br /&gt;
    transform: scale(1.08);&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 20px 45px rgba(0, 0, 0, 0.25),&lt;br /&gt;
        inset 0 4px 8px rgba(255, 255, 255, 1),&lt;br /&gt;
        inset 0 -6px 12px rgba(0, 0, 0, 0.08);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.wiki-avatar-3d__inner {&lt;br /&gt;
    width: 82%;&lt;br /&gt;
    height: 82%;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    border: 4px solid #fff;&lt;br /&gt;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    background-color: #f9f9f9;&lt;br /&gt;
    background-position: center center;&lt;br /&gt;
    background-repeat: no-repeat;&lt;br /&gt;
    background-size: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
/* کانتینر اصلی پاپ‌آپ */&lt;br /&gt;
/* جلوگیری از اسکرول صفحه */&lt;br /&gt;
body.modal-open { overflow: hidden !important; }&lt;br /&gt;
&lt;br /&gt;
.discount-overlay {&lt;br /&gt;
    position: fixed; inset: 0; z-index: 99999;&lt;br /&gt;
    display: flex; align-items: center; justify-content: center;&lt;br /&gt;
    padding: 20px; background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);&lt;br /&gt;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible { opacity: 1; visibility: visible; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal {&lt;br /&gt;
    position: relative; width: min(100%, 500px); padding: 40px 30px;&lt;br /&gt;
    text-align: center; background: white; border-radius: 24px;&lt;br /&gt;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);&lt;br /&gt;
    transform: translateY(30px); transition: 0.4s cubic-bezier(0.17, 0.84, 0.44, 1);&lt;br /&gt;
    direction: rtl; font-family: iransans, sans-serif;&lt;br /&gt;
}&lt;br /&gt;
.discount-overlay.is-visible .discount-modal { transform: translateY(0); }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__close {&lt;br /&gt;
    position: absolute; top: 15px; left: 15px; background: #f1f5f9;&lt;br /&gt;
    border: none; border-radius: 50%; width: 35px; height: 35px; cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__image {&lt;br /&gt;
    width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px;&lt;br /&gt;
    border-radius: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.discount-modal__title { color: #0f172a; font-size: 22px; margin: 10px 0; font-weight: 900; }&lt;br /&gt;
.discount-modal__desc { color: #64748b; font-size: 14px; line-height: 1.8; margin-bottom: 20px; }&lt;br /&gt;
&lt;br /&gt;
.discount-modal__button {&lt;br /&gt;
    display: block; width: 100%; padding: 14px; background: #f59e0b;&lt;br /&gt;
    color: #111827; text-decoration: none; border-radius: 12px;&lt;br /&gt;
    font-weight: bold; font-size: 15px; transition: 0.2s;&lt;br /&gt;
}&lt;br /&gt;
.discount-modal__button:hover { background: #d97706; color: white; }&lt;br /&gt;
&lt;br /&gt;
/* المان تنظیمات که در صفحه مخفی است */&lt;br /&gt;
#popup-settings { display: none; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 24px);&lt;br /&gt;
        max-width: none;&lt;br /&gt;
        padding: 32px 20px;&lt;br /&gt;
        border-radius: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__title {&lt;br /&gt;
        font-size: 20px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__desc {&lt;br /&gt;
        font-size: 15px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__button {&lt;br /&gt;
        padding: 15px;&lt;br /&gt;
        font-size: 16px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .discount-modal__image {&lt;br /&gt;
        width: 90px;&lt;br /&gt;
        height: 90px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
    .discount-modal {&lt;br /&gt;
        width: calc(100% - 16px);&lt;br /&gt;
        padding: 30px 16px;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*                 نقطه روی عکس             */&lt;br /&gt;
/* کانتینر اصلی تصویر */&lt;br /&gt;
.interactive-image {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    width: min(100%, 1000px);&lt;br /&gt;
    margin-inline: auto;&lt;br /&gt;
    isolation: isolate;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر اصلی */&lt;br /&gt;
.interactive-image__main {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 18px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نقطه تعاملی */&lt;br /&gt;
.image-hotspot {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 3;&lt;br /&gt;
    top: var(--y);&lt;br /&gt;
    left: var(--x);&lt;br /&gt;
    width: 42px;&lt;br /&gt;
    height: 42px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    display: grid;&lt;br /&gt;
    place-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* خود نقطه */&lt;br /&gt;
.image-hotspot__dot {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 16px;&lt;br /&gt;
    height: 16px;&lt;br /&gt;
    border: 3px solid #fff;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    box-shadow:&lt;br /&gt;
        0 4px 12px rgba(0, 0, 0, 0.3),&lt;br /&gt;
        0 0 0 5px rgba(225, 29, 72, 0.25);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت موج دور نقطه */&lt;br /&gt;
.image-hotspot__dot::before,&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    inset: 50%;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    border: 2px solid rgba(255, 255, 255, 0.9);&lt;br /&gt;
    border-radius: inherit;&lt;br /&gt;
    transform: translate(-50%, -50%);&lt;br /&gt;
    animation: hotspotPulse 2s infinite;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-hotspot__dot::after {&lt;br /&gt;
    animation-delay: 1s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@keyframes hotspotPulse {&lt;br /&gt;
    0% {&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        height: 100%;&lt;br /&gt;
        opacity: 0.9;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    100% {&lt;br /&gt;
        width: 300%;&lt;br /&gt;
        height: 300%;&lt;br /&gt;
        opacity: 0;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت اطلاعات */&lt;br /&gt;
.hotspot-card {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 10;&lt;br /&gt;
    top: 50%;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    width: min(290px, calc(100% - 24px));&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    border: 1px solid rgba(255, 255, 255, 0.6);&lt;br /&gt;
    border-radius: 16px;&lt;br /&gt;
    background: rgba(255, 255, 255, 0.96);&lt;br /&gt;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25);&lt;br /&gt;
    backdrop-filter: blur(10px);&lt;br /&gt;
&lt;br /&gt;
    opacity: 0;&lt;br /&gt;
    visibility: hidden;&lt;br /&gt;
    pointer-events: none;&lt;br /&gt;
    transform: translate(-50%, -45%) scale(0.94);&lt;br /&gt;
    transition:&lt;br /&gt;
        opacity 180ms ease,&lt;br /&gt;
        visibility 180ms ease,&lt;br /&gt;
        transform 180ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* وضعیت باز بودن کارت */&lt;br /&gt;
.hotspot-card.is-open {&lt;br /&gt;
    opacity: 1;&lt;br /&gt;
    visibility: visible;&lt;br /&gt;
    pointer-events: auto;&lt;br /&gt;
    transform: translate(-50%, -50%) scale(1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تصویر داخل کارت */&lt;br /&gt;
.hotspot-card__image {&lt;br /&gt;
    display: block;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    aspect-ratio: 16 / 9;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
    border-radius: 11px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* محتوای کارت */&lt;br /&gt;
.hotspot-card__content {&lt;br /&gt;
    padding: 12px 4px 4px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__title {&lt;br /&gt;
    display: block;&lt;br /&gt;
    margin-bottom: 5px;&lt;br /&gt;
    color: #0f172a;&lt;br /&gt;
    font-size: 16px;&lt;br /&gt;
    line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__description {&lt;br /&gt;
    margin: 0 0 12px;&lt;br /&gt;
    color: #64748b;&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    line-height: 1.7;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه CTA */&lt;br /&gt;
.hotspot-card__cta {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    min-height: 42px;&lt;br /&gt;
    padding: 8px 16px;&lt;br /&gt;
    border-radius: 10px;&lt;br /&gt;
    background: #e11d48;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    transition:&lt;br /&gt;
        background-color 160ms ease,&lt;br /&gt;
        transform 160ms ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.hotspot-card__cta:hover {&lt;br /&gt;
    background: #be123c;&lt;br /&gt;
    transform: translateY(-1px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* دکمه بستن */&lt;br /&gt;
.hotspot-card__close {&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    z-index: 2;&lt;br /&gt;
    top: 16px;&lt;br /&gt;
    left: 16px;&lt;br /&gt;
    width: 30px;&lt;br /&gt;
    height: 30px;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    border: 0;&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    background: rgba(15, 23, 42, 0.75);&lt;br /&gt;
    color: #fff;&lt;br /&gt;
    font-size: 22px;&lt;br /&gt;
    line-height: 1;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نمایش فوکوس برای کاربران کیبورد */&lt;br /&gt;
.image-hotspot:focus-visible,&lt;br /&gt;
.hotspot-card__close:focus-visible,&lt;br /&gt;
.hotspot-card__cta:focus-visible {&lt;br /&gt;
    outline: 3px solid #38bdf8;&lt;br /&gt;
    outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .interactive-image__main {&lt;br /&gt;
        border-radius: 12px;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        width: calc(100% - 20px);&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card__image {&lt;br /&gt;
        aspect-ratio: 2 / 1;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* غیرفعال‌کردن انیمیشن برای کاربران حساس به حرکت */&lt;br /&gt;
@media (prefers-reduced-motion: reduce) {&lt;br /&gt;
    .image-hotspot__dot::before,&lt;br /&gt;
    .image-hotspot__dot::after {&lt;br /&gt;
        animation: none;&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .hotspot-card {&lt;br /&gt;
        transition: none;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر 4 تایی*/&lt;br /&gt;
&lt;br /&gt;
.sajad-categories {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-grid {&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: repeat(2, minmax(0, 1fr));&lt;br /&gt;
  gap: 16px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  display: block;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  border-radius: 20px;&lt;br /&gt;
  aspect-ratio: 1 / 0.72;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  background: #f3f3f3;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card img {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
  display: block;&lt;br /&gt;
  transition: transform 0.35s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:hover img {&lt;br /&gt;
  transform: scale(1.04);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card::after {&lt;br /&gt;
  content: &amp;quot;&amp;quot;;&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  inset: 0;&lt;br /&gt;
  background: linear-gradient(&lt;br /&gt;
    to top,&lt;br /&gt;
    rgba(0, 0, 0, 0.35) 0%,&lt;br /&gt;
    rgba(0, 0, 0, 0.05) 45%,&lt;br /&gt;
    rgba(0, 0, 0, 0) 70%&lt;br /&gt;
  );&lt;br /&gt;
  pointer-events: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  right: 16px;&lt;br /&gt;
  bottom: 14px;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
  color: #111;&lt;br /&gt;
  font-size: 18px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  text-shadow: 0 1px 2px rgba(255,255,255,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-label--white {&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-shadow: 0 1px 3px rgba(0,0,0,0.55);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-card:focus-visible {&lt;br /&gt;
  outline: 3px solid #111;&lt;br /&gt;
  outline-offset: 3px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sr-only {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  width: 1px;&lt;br /&gt;
  height: 1px;&lt;br /&gt;
  padding: 0;&lt;br /&gt;
  margin: -1px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  clip: rect(0, 0, 0, 0);&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
  border: 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-grid {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-card {&lt;br /&gt;
    aspect-ratio: 1 / 0.68;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر متن و عکس -عکس های اورراید   */&lt;br /&gt;
&lt;br /&gt;
.sajad-hero {&lt;br /&gt;
  background: var(--hero-bg, #E5D5C0);&lt;br /&gt;
  padding: clamp(24px, 4vw, 56px);&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__container {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 0 auto;&lt;br /&gt;
  display: grid;&lt;br /&gt;
  grid-template-columns: 1.1fr 0.9fr;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: clamp(24px, 4vw, 64px);&lt;br /&gt;
  min-height: min(620px, auto);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__content {&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  max-width: 560px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__badge {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  background: var(--hero-badge-bg, #100E47);&lt;br /&gt;
  color: var(--hero-badge-text, #fff);&lt;br /&gt;
  font-size: clamp(0.85rem, 1vw, 1rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 10px 16px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  margin-bottom: 18px;&lt;br /&gt;
  line-height: 1.6;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__title {&lt;br /&gt;
  margin: 0 0 14px;&lt;br /&gt;
  color: var(--hero-title, #100E47);&lt;br /&gt;
  font-size: clamp(1.8rem, 3vw, 3.4rem);&lt;br /&gt;
  font-weight: 800;&lt;br /&gt;
  line-height: 1.25;&lt;br /&gt;
  letter-spacing: -0.02em;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__description {&lt;br /&gt;
  margin: 0 0 28px;&lt;br /&gt;
  color: var(--hero-text, #3E3A36);&lt;br /&gt;
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  max-width: 52ch;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button {&lt;br /&gt;
  display: inline-flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
  background: var(--hero-btn-bg, #100E47);&lt;br /&gt;
  color: var(--hero-btn-text, #fff);&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 14px 26px;&lt;br /&gt;
  border-radius: 999px;&lt;br /&gt;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;&lt;br /&gt;
  box-shadow: 0 10px 24px rgba(16, 14, 71, 0.18);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__button:hover {&lt;br /&gt;
  transform: translateY(-2px);&lt;br /&gt;
  opacity: 0.95;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__media {&lt;br /&gt;
  position: relative;&lt;br /&gt;
  min-height: 480px;&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img {&lt;br /&gt;
  position: absolute;&lt;br /&gt;
  border-radius: 18px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  background: #fff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img img {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: 100%;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--back {&lt;br /&gt;
  width: min(260px, 42vw);&lt;br /&gt;
  height: 420px;&lt;br /&gt;
  left: 8%;&lt;br /&gt;
  top: 6%;&lt;br /&gt;
  z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.sajad-hero__img--front {&lt;br /&gt;
  width: min(290px, 48vw);&lt;br /&gt;
  height: 360px;&lt;br /&gt;
  left: 28%;&lt;br /&gt;
  top: 18%;&lt;br /&gt;
  z-index: 2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 992px) {&lt;br /&gt;
  .sajad-hero__container {&lt;br /&gt;
    grid-template-columns: 1fr;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__content {&lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 420px;&lt;br /&gt;
    order: 2;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    left: 12%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    left: 34%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .sajad-hero {&lt;br /&gt;
    padding: 20px 16px 28px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__title {&lt;br /&gt;
    font-size: clamp(1.55rem, 6vw, 2.2rem);&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__description {&lt;br /&gt;
    font-size: 0.98rem;&lt;br /&gt;
    line-height: 1.9;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 340px;&lt;br /&gt;
    margin-top: 8px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 42vw;&lt;br /&gt;
    height: 260px;&lt;br /&gt;
    left: 2%;&lt;br /&gt;
    top: 10%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 52vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
    left: 34%;&lt;br /&gt;
    top: 18%;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .sajad-hero__badge {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__button {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__media {&lt;br /&gt;
    min-height: 280px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--back {&lt;br /&gt;
    width: 46vw;&lt;br /&gt;
    height: 220px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .sajad-hero__img--front {&lt;br /&gt;
    width: 58vw;&lt;br /&gt;
    height: 190px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*      جدول چاپ بنر*/&lt;br /&gt;
.banner-table-section {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  margin: 30px auto;&lt;br /&gt;
  direction: rtl;&lt;br /&gt;
  font-family:  iransans , sans-serif;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-wrap {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-title {&lt;br /&gt;
  margin: 0 0 18px;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  font-size: clamp(20px, 2.2vw, 32px);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  line-height: 1.8;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table-responsive {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  overflow-x: auto;&lt;br /&gt;
  -webkit-overflow-scrolling: touch;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table {&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  min-width: 760px;&lt;br /&gt;
  border-collapse: separate;&lt;br /&gt;
  border-spacing: 0;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border: 1px solid #ececec;&lt;br /&gt;
  border-radius: 12px;&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table caption {&lt;br /&gt;
  caption-side: top;&lt;br /&gt;
  text-align: right;&lt;br /&gt;
  padding: 0 0 14px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #666;&lt;br /&gt;
  font-weight: 500;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th {&lt;br /&gt;
  background: #ef2b2d;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  font-size: 16px;&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:first-child {&lt;br /&gt;
  border-top-right-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table thead th:last-child {&lt;br /&gt;
  border-top-left-radius: 12px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody td {&lt;br /&gt;
  padding: 18px 16px;&lt;br /&gt;
  font-size: 15px;&lt;br /&gt;
  color: #333;&lt;br /&gt;
  text-align: center;&lt;br /&gt;
  vertical-align: middle;&lt;br /&gt;
  line-height: 2;&lt;br /&gt;
  border-top: 1px solid #f1f1f1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:nth-child(even) td {&lt;br /&gt;
  background: #fafafa;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.banner-table tbody tr:hover td {&lt;br /&gt;
  background: #fff4f4;&lt;br /&gt;
  transition: 0.25s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بهبود خوانایی ستون اول */&lt;br /&gt;
.banner-table tbody td:first-child {&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  color: #222;&lt;br /&gt;
  white-space: nowrap;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اسکرول موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .banner-table-title {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table {&lt;br /&gt;
    min-width: 680px;&lt;br /&gt;
  }&lt;br /&gt;
&lt;br /&gt;
  .banner-table thead th,&lt;br /&gt;
  .banner-table tbody td {&lt;br /&gt;
    padding: 14px 12px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* الگو:کانتینر متن عکس دکمه   */&lt;br /&gt;
/* Nemati Printing Styles - Updated */&lt;br /&gt;
.nemati-wrapper {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border-radius: 40px;&lt;br /&gt;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 30px;&lt;br /&gt;
    gap: 25px;&lt;br /&gt;
    border: 1px solid #e0e0e0;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
    font-family: &#039;IRANSans&#039;, sans-serif; /* مطمئن شوید این فونت در محیط ویکی شما موجود است */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.nemati-image {&lt;br /&gt;
    flex: 1 1 300px; /* تنظیم انعطاف‌پذیری برای جایگزینی */&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    order: 2; /* تصویر در سمت راست قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
.nemati-image img { max-width: 100%; border-radius: 20px; }&lt;br /&gt;
&lt;br /&gt;
.nemati-text {&lt;br /&gt;
    flex: 2 1 400px; /* تنظیم انعطاف‌پذیری */&lt;br /&gt;
    text-align: justify;&lt;br /&gt;
    order: 1; /* متن در سمت چپ قرار می‌گیرد */&lt;br /&gt;
}&lt;br /&gt;
/* تغییر اندازه فونت اینجا اعمال شده است */&lt;br /&gt;
.nemati-text h2 { color: #333; margin-top: 0; font-size: 1.3em; } /* 2 درجه کوچکتر از 1.5em */&lt;br /&gt;
.nemati-text p { color: #444; line-height: 1.8; margin-bottom: 20px; font-size: 0.9em; } /* 2 درجه کوچکتر از 1.1em */&lt;br /&gt;
&lt;br /&gt;
.nemati-btns {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    flex-wrap: wrap;&lt;br /&gt;
    justify-content: flex-end; /* دکمه‌ها به سمت راست منتقل شدند */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn {&lt;br /&gt;
    padding: 10px 20px;&lt;br /&gt;
    border: 1px solid #ccc;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    color: #333;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    transition: 0.3s;&lt;br /&gt;
    font-size: 0.85em; /* کمی کوچکتر برای هماهنگی */&lt;br /&gt;
}&lt;br /&gt;
.nemati-btn:hover { background: #f0f0f0; }&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .nemati-wrapper { flex-direction: column; text-align: center; }&lt;br /&gt;
    .nemati-text { text-align: center; }&lt;br /&gt;
    .nemati-btns { justify-content: center; } /* در موبایل دکمه‌ها وسط چین شوند */&lt;br /&gt;
    .nemati-image { order: 1; } /* در موبایل تصویر اول نمایش داده شود */&lt;br /&gt;
    .nemati-text { order: 2; } /* در موبایل متن بعد از تصویر نمایش داده شود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* سایه منحنی   */&lt;br /&gt;
/* Container styling for Wiki pages */&lt;br /&gt;
.nikan-box {&lt;br /&gt;
    position: relative;&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    border: 1px solid #dcdcdc;&lt;br /&gt;
    border-top: 4px solid #8b0000; /* خط قرمز تیره بالا */&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 30px 0;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
    /* این خاصیت برای دیده شدن سایه پشت کادر ضروری است */&lt;br /&gt;
    z-index: 1;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت سایه برای القای حس قوس پایین کادر */&lt;br /&gt;
.nikan-box::before,&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    content: &amp;quot;&amp;quot;;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    bottom: -15px;&lt;br /&gt;
    width: 44%;&lt;br /&gt;
    height: 35px;&lt;br /&gt;
    background: transparent;&lt;br /&gt;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.25);&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    z-index: -1;&lt;br /&gt;
    pointer-events: none; /* تا مزاحم کلیک روی محتوا نشود */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت چپ */&lt;br /&gt;
.nikan-box::before {&lt;br /&gt;
    left: 10px;&lt;br /&gt;
    transform: rotate(-3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* قوس سمت راست */&lt;br /&gt;
.nikan-box::after {&lt;br /&gt;
    right: 10px;&lt;br /&gt;
    transform: rotate(3deg);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* برای اطمینان از اینکه در موبایل هم به هم نریزد */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .nikan-box::before, .nikan-box::after {&lt;br /&gt;
        display: none; /* در موبایل برای سادگی سایه را حذف می‌کنیم */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.security-door-card {&lt;br /&gt;
  max-width: 1200px;&lt;br /&gt;
  margin: 2rem auto;&lt;br /&gt;
  background: #fff;&lt;br /&gt;
  border-radius: 14px;&lt;br /&gt;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);&lt;br /&gt;
  overflow: hidden;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__image {&lt;br /&gt;
  display: block;&lt;br /&gt;
  width: 100%;&lt;br /&gt;
  height: auto;&lt;br /&gt;
  aspect-ratio: 1200 / 675;&lt;br /&gt;
  object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__content {&lt;br /&gt;
  padding: clamp(16px, 2.5vw, 24px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__title {&lt;br /&gt;
  margin: 0 0 12px;&lt;br /&gt;
  font-size: clamp(1.5rem, 3vw, 2rem);&lt;br /&gt;
  font-weight: 700;&lt;br /&gt;
  line-height: 1.4;&lt;br /&gt;
  color: #222;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__text {&lt;br /&gt;
  margin: 0 0 16px;&lt;br /&gt;
  font-size: clamp(1rem, 2vw, 1.0625rem);&lt;br /&gt;
  line-height: 1.9;&lt;br /&gt;
  color: #444;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link {&lt;br /&gt;
  display: inline-block;&lt;br /&gt;
  padding: 10px 18px;&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  background: #111;&lt;br /&gt;
  color: #fff;&lt;br /&gt;
  text-decoration: none;&lt;br /&gt;
  font-weight: 600;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.security-door-card__link:hover,&lt;br /&gt;
.security-door-card__link:focus {&lt;br /&gt;
  background: #333;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media (max-width: 480px) {&lt;br /&gt;
  .security-door-card {&lt;br /&gt;
    margin: 1rem auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
  }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*باکس های کافی نت*/&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
    max-width:1400px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:40px 20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section h2{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
    margin-bottom:35px;&lt;br /&gt;
    font-size:32px;&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    min-height:180px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 5px 20px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    padding:20px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 15px 35px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
    font-size:60px;&lt;br /&gt;
&lt;br /&gt;
  color:#00b894;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
    font-size:20px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Tablet */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:991px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:50px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Mobile */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.service-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-section{&lt;br /&gt;
&lt;br /&gt;
padding:20px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box{&lt;br /&gt;
&lt;br /&gt;
min-height:150px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box i{&lt;br /&gt;
&lt;br /&gt;
font-size:42px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.service-box span{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*کانتینر متن و کارت*/&lt;br /&gt;
&lt;br /&gt;
.stats-section { padding: 40px 20px; background: #ffffff; font-family: IRANsans,sans-serif; }&lt;br /&gt;
.container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 40px; flex-wrap: wrap; }&lt;br /&gt;
&lt;br /&gt;
.text-side { flex: 1; min-width: 300px; }&lt;br /&gt;
.text-side h2 { color: #00b894; margin-bottom: 15px; }&lt;br /&gt;
&lt;br /&gt;
.stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; flex: 1; }&lt;br /&gt;
&lt;br /&gt;
.stat-card {&lt;br /&gt;
  display: flex;&lt;br /&gt;
  align-items: center;&lt;br /&gt;
  gap: 15px;&lt;br /&gt;
  background: #f8f9fa;&lt;br /&gt;
  padding: 15px 20px; /* ارتفاع کمتر */&lt;br /&gt;
  border-radius: 10px;&lt;br /&gt;
  border: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.icon { font-size: 24px; color: #00b894; }&lt;br /&gt;
&lt;br /&gt;
.stat-info { display: flex; flex-direction: column; }&lt;br /&gt;
.number { font-size: 1.4rem; font-weight: bold; color: #333; line-height: 1; }&lt;br /&gt;
.stat-info p { font-size: 0.85rem; color: #666; margin: 0; }&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
  .container { flex-direction: column; }&lt;br /&gt;
  .stats-grid { width: 100%; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.services-list li i {&lt;br /&gt;
    color: #00b894;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  منو */&lt;br /&gt;
/* اصلاح تداخل با مدیاویکی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important; /* اجبار به افقی شدن */&lt;br /&gt;
    flex-direction: row !important; /* جهت افقی */&lt;br /&gt;
    justify-content: flex-start !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ظاهر نوار بالای صفحه */&lt;br /&gt;
.poly-menu-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    position: sticky; /* برای اینکه در بالای صفحه بماند */&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 999;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav {&lt;br /&gt;
    border-bottom: 3px solid #2e7d32;&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    white-space: nowrap; /* جلوگیری از شکستن کلمات در منو */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریست کردن استایل‌های li که ممکن است از پوسته گرفته شود */&lt;br /&gt;
.poly-nav li::before {&lt;br /&gt;
    content: none !important; /* حذف بولت‌های پیش‌فرض ویکی */&lt;br /&gt;
}&lt;br /&gt;
/* تنظیمات پایه برای منوی اصلی */&lt;br /&gt;
.poly-nav ul {&lt;br /&gt;
    list-style: none !important;&lt;br /&gt;
    margin: 0 !important;&lt;br /&gt;
    padding: 0 !important;&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav li {&lt;br /&gt;
    position: relative; /* بسیار مهم برای موقعیت قرارگیری منوی کشویی */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.poly-nav a {&lt;br /&gt;
    display: block;&lt;br /&gt;
    padding: 15px 20px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    color: #0277bd;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    transition: all 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل منوی کشویی (Dropdown) */&lt;br /&gt;
.dropdown-content {&lt;br /&gt;
    display: none; /* در حالت عادی مخفی باشد */&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
   min-width: 180&lt;br /&gt;
    box-shadow: 0px 8px 16px rgba(0,0,0,0.1);&lt;br /&gt;
    z-index: 1000;&lt;br /&gt;
    border-top: 3px solid #ff8f00; /* رنگ مکمل برای زیبایی */&lt;br /&gt;
    border-radius: 0 0 8px 8px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌های داخل منوی کشویی */&lt;br /&gt;
.dropdown-content a {&lt;br /&gt;
    color: #333 !important;&lt;br /&gt;
    padding: 12px 16px !important;&lt;br /&gt;
    font-size: 0.9rem !important;&lt;br /&gt;
    border-bottom: 1px solid #eee;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dropdown-content a:last-child {&lt;br /&gt;
    border-bottom: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حالت Hover برای باز شدن منو */&lt;br /&gt;
.dropdown:hover .dropdown-content {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* تغییر رنگ در هنگام هاور لینک‌های داخلی */&lt;br /&gt;
.dropdown-content a:hover {&lt;br /&gt;
    background-color: #f1f8ff !important;&lt;br /&gt;
    color: #0277bd !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو: در موبایل منوی کشویی به صورت ستونی زیر هم باز شود */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-nav ul {&lt;br /&gt;
        flex-direction: column !important;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown-content {&lt;br /&gt;
        position: static; /* در موبایل، منو زیر هم باز شود نه روی صفحه */&lt;br /&gt;
        width: 100%;&lt;br /&gt;
        box-shadow: none;&lt;br /&gt;
        background-color: #f9f9f9;&lt;br /&gt;
    }&lt;br /&gt;
    .dropdown:hover .dropdown-content {&lt;br /&gt;
        display: block;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* مخفی کردن کامل منو در موبایل */&lt;br /&gt;
@media (max-width: 768px) {&lt;br /&gt;
    .poly-menu-container,&lt;br /&gt;
    .poly-nav,&lt;br /&gt;
    .poly-nav ul,&lt;br /&gt;
    .poly-nav li,&lt;br /&gt;
    .poly-nav a {&lt;br /&gt;
        display: none !important;&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   کانتینر 3ردیف در 2 ستون کادر شامل متن و عکس  */&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PROFESSIONAL CARD GRID&lt;br /&gt;
    Production Version 1.0&lt;br /&gt;
    Optimized for MediaWiki&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    THEME&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
:root{&lt;br /&gt;
&lt;br /&gt;
    --dpx-primary:#0f5fa8;&lt;br /&gt;
    --dpx-primary-hover:#0c4f8d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-secondary:#00b894;&lt;br /&gt;
    --dpx-secondary-hover:#009a7d;&lt;br /&gt;
&lt;br /&gt;
    --dpx-accent:#38bdf8;&lt;br /&gt;
&lt;br /&gt;
    --dpx-title:#183153;&lt;br /&gt;
    --dpx-text:#5f6f7c;&lt;br /&gt;
&lt;br /&gt;
    --dpx-bg:#f7fafc;&lt;br /&gt;
    --dpx-card:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    --dpx-border:#d9e7ef;&lt;br /&gt;
&lt;br /&gt;
    --dpx-radius:24px;&lt;br /&gt;
&lt;br /&gt;
    --dpx-speed:.35s;&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 30px rgba(0,0,0,.06),&lt;br /&gt;
&lt;br /&gt;
        0 2px 10px rgba(15,95,168,.05);&lt;br /&gt;
&lt;br /&gt;
    --dpx-shadow-hover:&lt;br /&gt;
&lt;br /&gt;
        0 20px 50px rgba(15,95,168,.16),&lt;br /&gt;
&lt;br /&gt;
        0 8px 24px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RESET&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-section,&lt;br /&gt;
.dpx-section *,&lt;br /&gt;
.dpx-section *::before,&lt;br /&gt;
.dpx-section *::after{&lt;br /&gt;
&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    max-width:100%;&lt;br /&gt;
&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section a{&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    max-width:1320px;&lt;br /&gt;
&lt;br /&gt;
    margin:60px auto;&lt;br /&gt;
&lt;br /&gt;
    padding:0 18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    GRID&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(2,minmax(0,1fr));&lt;br /&gt;
&lt;br /&gt;
    gap:34px;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CARD&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:stretch;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:linear-gradient(&lt;br /&gt;
        180deg,&lt;br /&gt;
        #ffffff,&lt;br /&gt;
        #fbfdff&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    border:1px solid var(--dpx-border);&lt;br /&gt;
&lt;br /&gt;
    border-radius:var(--dpx-radius);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform var(--dpx-speed),&lt;br /&gt;
        box-shadow var(--dpx-speed),&lt;br /&gt;
        border-color var(--dpx-speed);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    LEFT GLOW&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto auto -120px -120px;&lt;br /&gt;
&lt;br /&gt;
    width:240px;&lt;br /&gt;
&lt;br /&gt;
    height:240px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    radial-gradient(&lt;br /&gt;
&lt;br /&gt;
        rgba(56,189,248,.14),&lt;br /&gt;
&lt;br /&gt;
        transparent 70%&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    RIGHT ACCENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    right:0;&lt;br /&gt;
&lt;br /&gt;
    width:8px;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        180deg,&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
        var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    border-color:#b8ddee;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:var(--dpx-shadow-hover);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::after{&lt;br /&gt;
&lt;br /&gt;
    width:12px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    flex:0 0 42%;&lt;br /&gt;
&lt;br /&gt;
    max-width:42%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    background:#edf6fb;&lt;br /&gt;
&lt;br /&gt;
    isolation:isolate;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image a{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    min-height:290px;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    object-position:center;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1);&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .65s ease,&lt;br /&gt;
&lt;br /&gt;
        filter .45s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE OVERLAY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:0;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
    linear-gradient(&lt;br /&gt;
&lt;br /&gt;
        90deg,&lt;br /&gt;
&lt;br /&gt;
        rgba(15,95,168,.06),&lt;br /&gt;
&lt;br /&gt;
        rgba(0,184,148,.14)&lt;br /&gt;
&lt;br /&gt;
    );&lt;br /&gt;
&lt;br /&gt;
    z-index:1;&lt;br /&gt;
&lt;br /&gt;
    transition:opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SHINE EFFECT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:-35%;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:55%;&lt;br /&gt;
&lt;br /&gt;
    height:180%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(255,255,255,.40),&lt;br /&gt;
&lt;br /&gt;
            transparent&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:rotate(18deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .9s ease;&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE HOVER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
    filter:&lt;br /&gt;
&lt;br /&gt;
        saturate(110%)&lt;br /&gt;
&lt;br /&gt;
        contrast(104%)&lt;br /&gt;
&lt;br /&gt;
        brightness(102%);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image::after{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE RADIUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image{&lt;br /&gt;
&lt;br /&gt;
    border-radius:0 24px 24px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE LOADING&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    background:#eef5fa;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    IMAGE PERFORMANCE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image,&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    backface-visibility:hidden;&lt;br /&gt;
&lt;br /&gt;
    transform:translateZ(0);&lt;br /&gt;
&lt;br /&gt;
    will-change:transform;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE BADGE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-badge{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:18px;&lt;br /&gt;
&lt;br /&gt;
    right:18px;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 14px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:30px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(255,255,255,.94);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.78rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 6px 18px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    OPTIONAL IMAGE GRADIENT&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-gradient{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    inset:auto 0 0 0;&lt;br /&gt;
&lt;br /&gt;
    height:90px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            transparent,&lt;br /&gt;
&lt;br /&gt;
            rgba(0,0,0,.18)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    z-index:2;&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CONTENT MODULE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-content{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    align-items:flex-start;&lt;br /&gt;
&lt;br /&gt;
    padding:34px 32px;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    z-index:3;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    CATEGORY&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:16px;&lt;br /&gt;
&lt;br /&gt;
    padding:7px 16px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:40px;&lt;br /&gt;
&lt;br /&gt;
    background:rgba(0,184,148,.10);&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-secondary);&lt;br /&gt;
&lt;br /&gt;
    font-size:.80rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    line-height:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title{&lt;br /&gt;
&lt;br /&gt;
    margin:0 0 14px;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-title);&lt;br /&gt;
&lt;br /&gt;
    font-size:1.45rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:800;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.6;&lt;br /&gt;
&lt;br /&gt;
    letter-spacing:-.2px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-title a{&lt;br /&gt;
&lt;br /&gt;
    color:inherit;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:color .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-primary);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    TITLE BAR&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:54px;&lt;br /&gt;
&lt;br /&gt;
    height:4px;&lt;br /&gt;
&lt;br /&gt;
    margin-top:12px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:20px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            90deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transition:width .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title::after{&lt;br /&gt;
&lt;br /&gt;
    width:88px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DESCRIPTION&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:var(--dpx-text);&lt;br /&gt;
&lt;br /&gt;
    font-size:1rem;&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    text-align:justify;&lt;br /&gt;
&lt;br /&gt;
    display:-webkit-box;&lt;br /&gt;
&lt;br /&gt;
    -webkit-box-orient:vertical;&lt;br /&gt;
&lt;br /&gt;
    -webkit-line-clamp:2;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    SPACER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-spacer{&lt;br /&gt;
&lt;br /&gt;
    flex:1;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOOTER&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-footer{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    margin-top:24px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
&lt;br /&gt;
    justify-content:space-between;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    META&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-meta{&lt;br /&gt;
&lt;br /&gt;
    color:#8a98a6;&lt;br /&gt;
&lt;br /&gt;
    font-size:.85rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:600;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    display:inline-flex;&lt;br /&gt;
&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    gap:10px;&lt;br /&gt;
&lt;br /&gt;
    padding:12px 22px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:60px;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
&lt;br /&gt;
            135deg,&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-primary),&lt;br /&gt;
&lt;br /&gt;
            var(--dpx-secondary)&lt;br /&gt;
&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    color:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
&lt;br /&gt;
        transform .30s ease,&lt;br /&gt;
&lt;br /&gt;
        box-shadow .30s ease;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 8px 20px rgba(15,95,168,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 14px 28px rgba(15,95,168,.26);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    BUTTON ICON&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more svg{&lt;br /&gt;
&lt;br /&gt;
    width:18px;&lt;br /&gt;
&lt;br /&gt;
    height:18px;&lt;br /&gt;
&lt;br /&gt;
    flex-shrink:0;&lt;br /&gt;
&lt;br /&gt;
    transition:transform .30s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover svg{&lt;br /&gt;
&lt;br /&gt;
    transform:translateX(-5px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    FOCUS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    PREMIUM EFFECTS&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
/* Glass Light */&lt;br /&gt;
.dpx-card::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    left:-140px;&lt;br /&gt;
&lt;br /&gt;
    bottom:-140px;&lt;br /&gt;
&lt;br /&gt;
    width:260px;&lt;br /&gt;
&lt;br /&gt;
    height:260px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        radial-gradient(&lt;br /&gt;
            circle,&lt;br /&gt;
            rgba(56,189,248,.16) 0%,&lt;br /&gt;
            rgba(56,189,248,.05) 45%,&lt;br /&gt;
            transparent 72%&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    pointer-events:none;&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .55s ease,&lt;br /&gt;
        opacity .35s ease;&lt;br /&gt;
&lt;br /&gt;
    opacity:.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover::before{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Premium Border&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    border-color:rgba(0,184,148,.35);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Image Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.07);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Content Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc,&lt;br /&gt;
.dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transition:&lt;br /&gt;
        transform .35s ease,&lt;br /&gt;
        color .35s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-category{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-title{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-3px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-2px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Button Shine&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-more{&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more::before{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
&lt;br /&gt;
    top:0;&lt;br /&gt;
&lt;br /&gt;
    left:-150%;&lt;br /&gt;
&lt;br /&gt;
    width:60%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    background:&lt;br /&gt;
        linear-gradient(&lt;br /&gt;
            90deg,&lt;br /&gt;
            transparent,&lt;br /&gt;
            rgba(255,255,255,.45),&lt;br /&gt;
            transparent&lt;br /&gt;
        );&lt;br /&gt;
&lt;br /&gt;
    transform:skewX(-20deg);&lt;br /&gt;
&lt;br /&gt;
    transition:left .7s ease;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-more:hover::before{&lt;br /&gt;
&lt;br /&gt;
    left:170%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Soft Card Lift&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    transform-origin:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:&lt;br /&gt;
        translateY(-8px)&lt;br /&gt;
        scale(1.015);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Shadow Layers&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 10px 20px rgba(15,95,168,.05),&lt;br /&gt;
&lt;br /&gt;
        0 18px 40px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card:hover{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 16px 34px rgba(15,95,168,.10),&lt;br /&gt;
&lt;br /&gt;
        0 30px 70px rgba(0,0,0,.10);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Fade Animation&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
@keyframes dpxFade{&lt;br /&gt;
&lt;br /&gt;
    from{&lt;br /&gt;
&lt;br /&gt;
        opacity:0;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(24px);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    to{&lt;br /&gt;
&lt;br /&gt;
        opacity:1;&lt;br /&gt;
&lt;br /&gt;
        transform:&lt;br /&gt;
            translateY(0);&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    animation:&lt;br /&gt;
        dpxFade .65s ease both;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card:focus-within{&lt;br /&gt;
&lt;br /&gt;
    box-shadow:&lt;br /&gt;
&lt;br /&gt;
        0 0 0 4px rgba(56,189,248,.18),&lt;br /&gt;
&lt;br /&gt;
        0 18px 45px rgba(15,95,168,.14);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Typography&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    text-rendering:optimizeLegibility;&lt;br /&gt;
&lt;br /&gt;
    -webkit-font-smoothing:antialiased;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    Better Selection&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card *::selection{&lt;br /&gt;
&lt;br /&gt;
    background:#d9f7ef;&lt;br /&gt;
&lt;br /&gt;
    color:#183153;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*==============================================================&lt;br /&gt;
    DPX PRODUCTION FINAL&lt;br /&gt;
    Responsive + Performance + Accessibility&lt;br /&gt;
==============================================================*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Desktop&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:1200px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:28px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.32rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Tablet&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:992px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:768px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-section{&lt;br /&gt;
&lt;br /&gt;
        padding:0 14px;&lt;br /&gt;
&lt;br /&gt;
        margin:36px auto;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        flex:none;&lt;br /&gt;
&lt;br /&gt;
        max-width:100%;&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
        border-radius:24px 24px 0 0;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:240px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        padding:24px 20px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.20rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        -webkit-line-clamp:3;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-footer{&lt;br /&gt;
&lt;br /&gt;
        flex-wrap:wrap;&lt;br /&gt;
&lt;br /&gt;
        gap:14px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Small Mobile&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (max-width:480px){&lt;br /&gt;
&lt;br /&gt;
    .dpx-grid{&lt;br /&gt;
&lt;br /&gt;
        gap:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-image img{&lt;br /&gt;
&lt;br /&gt;
        min-height:200px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-content{&lt;br /&gt;
&lt;br /&gt;
        padding:18px;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-title{&lt;br /&gt;
&lt;br /&gt;
        font-size:1.05rem;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-desc{&lt;br /&gt;
&lt;br /&gt;
        font-size:.92rem;&lt;br /&gt;
&lt;br /&gt;
        line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        width:100%;&lt;br /&gt;
&lt;br /&gt;
        justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Images&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Links&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a{&lt;br /&gt;
&lt;br /&gt;
    -webkit-tap-highlight-color:transparent;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Keyboard&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card a:focus-visible{&lt;br /&gt;
&lt;br /&gt;
    outline:3px solid rgba(56,189,248,.35);&lt;br /&gt;
&lt;br /&gt;
    outline-offset:3px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:8px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Reduced Motion&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media (prefers-reduced-motion:reduce){&lt;br /&gt;
&lt;br /&gt;
    .dpx-card,&lt;br /&gt;
    .dpx-card *,&lt;br /&gt;
    .dpx-image img,&lt;br /&gt;
    .dpx-more{&lt;br /&gt;
&lt;br /&gt;
        animation:none !important;&lt;br /&gt;
&lt;br /&gt;
        transition:none !important;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Print&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
@media print{&lt;br /&gt;
&lt;br /&gt;
    .dpx-card{&lt;br /&gt;
&lt;br /&gt;
        break-inside:avoid;&lt;br /&gt;
&lt;br /&gt;
        box-shadow:none;&lt;br /&gt;
&lt;br /&gt;
        border:1px solid #cfcfcf;&lt;br /&gt;
&lt;br /&gt;
    }&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    Performance&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
.dpx-card{&lt;br /&gt;
&lt;br /&gt;
    contain:layout paint;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.dpx-image img{&lt;br /&gt;
&lt;br /&gt;
    image-rendering:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*==============================&lt;br /&gt;
    FINAL FIXES&lt;br /&gt;
==============================*/&lt;br /&gt;
&lt;br /&gt;
/* حذف فاصله ناخواسته تصاویر */&lt;br /&gt;
&lt;br /&gt;
.dpx-image picture{&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* رفع کشیدگی متن */&lt;br /&gt;
&lt;br /&gt;
.dpx-title,&lt;br /&gt;
.dpx-desc{&lt;br /&gt;
&lt;br /&gt;
    overflow-wrap:anywhere;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* جلوگیری از اسکرول افقی */&lt;br /&gt;
&lt;br /&gt;
.dpx-section{&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*   رنگ پس زمینه اختصاصی یک صفحه  */&lt;br /&gt;
&lt;br /&gt;
/* ۱. شفاف کردن پس‌زمینه اصلی مدیاویکی برای نمایش گرادینت */&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ۲. تعریف کلاس گرادینت اختصاصی شما */&lt;br /&gt;
.my-custom-gradient {&lt;br /&gt;
    /* ایجاد گرادینت از بالا به پایین با ترتیب رنگ‌های درخواستی شما */&lt;br /&gt;
   background: linear-gradient(180deg, &lt;br /&gt;
        #2A7B9B 0%,    /* رنگ بالا */&lt;br /&gt;
        #57C785 50%,   /* رنگ میانی */&lt;br /&gt;
        #EDDD53 100%   /* رنگ پایین */&lt;br /&gt;
    ) !important;&lt;br /&gt;
&lt;br /&gt;
    /* ثابت نگه داشتن پس‌زمینه هنگام اسکرول برای جلوگیری از بهم ریختگی */&lt;br /&gt;
    background-attachment: fixed !important;&lt;br /&gt;
    &lt;br /&gt;
    /* ایجاد حس نرمی و محو بودن (Blur effect) با استفاده از ترکیب رنگ‌ها */&lt;br /&gt;
    /* توجه: خود گرادینت در لبه‌ها محو می‌شود، اما اگر می‌خواهید محتوا هم نرم باشد: */&lt;br /&gt;
    border-radius: 15px; &lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#content, #mw-page-base, #mw-head, .mw-body {&lt;br /&gt;
    background: transparent !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
=============================================================&lt;br /&gt;
تغییرات جدید&lt;br /&gt;
============================================================&lt;br /&gt;
/* استایل فونت متحرک */&lt;br /&gt;
.sanjab-typewriter {&lt;br /&gt;
    direction: rtl;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    font-family: Tahoma, &#039;B Nazanin&#039;, sans-serif;&lt;br /&gt;
    font-size: 50px;&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    color: #1a202c;&lt;br /&gt;
    min-height: 120px;&lt;br /&gt;
    display: block;&lt;br /&gt;
    visibility: hidden; /* تا قبل از شروع جاوااسکریپت مخفی بماند */&lt;br /&gt;
    border-left: 4px solid #ff7a00;&lt;br /&gt;
    padding-left: 10px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
===================================================================&lt;br /&gt;
&lt;br /&gt;
/*=====================================================&lt;br /&gt;
  Deniz Door Products Section&lt;br /&gt;
  Version : 2.0&lt;br /&gt;
  Responsive + SEO + Accessibility&lt;br /&gt;
======================================================*/&lt;br /&gt;
@charset &amp;quot;UTF-8&amp;quot;;&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    IRANSans Font&lt;br /&gt;
--------------------------*/&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:normal;&lt;br /&gt;
}&lt;br /&gt;
@font-face{&lt;br /&gt;
    font-family:&#039;IRANSans&#039;;&lt;br /&gt;
    src:url(&#039;/fonts/IRANSans-Bold.woff2&#039;) format(&#039;woff2&#039;),&lt;br /&gt;
        url(&#039;/fonts/IRANSans-Bold.woff&#039;) format(&#039;woff&#039;);&lt;br /&gt;
    font-display:swap;&lt;br /&gt;
    font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Variables&lt;br /&gt;
--------------------------*/&lt;br /&gt;
:root{&lt;br /&gt;
--primary:#222222;&lt;br /&gt;
--secondary:#666666;&lt;br /&gt;
--border:#ececec;&lt;br /&gt;
--bg:#ffffff;&lt;br /&gt;
--hover:#fafafa;&lt;br /&gt;
--radius:22px;&lt;br /&gt;
--shadow:&lt;br /&gt;
0 8px 20px rgba(0,0,0,.06);&lt;br /&gt;
--shadow-hover:&lt;br /&gt;
0 18px 40px rgba(0,0,0,.12);&lt;br /&gt;
--transition:.35s ease;&lt;br /&gt;
}&lt;br /&gt;
/*-------------------------&lt;br /&gt;
    Reset&lt;br /&gt;
--------------------------*/&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
html{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
scroll-behavior:smooth;&lt;br /&gt;
}&lt;br /&gt;
body{&lt;br /&gt;
font-family:&#039;IRANSans&#039;,Tahoma,sans-serif;&lt;br /&gt;
direction:rtl;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:var(--primary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
overflow-x:hidden;&lt;br /&gt;
text-rendering:optimizeLegibility;&lt;br /&gt;
}&lt;br /&gt;
img{&lt;br /&gt;
display:block;&lt;br /&gt;
max-width:100%;&lt;br /&gt;
height:auto;&lt;br /&gt;
}&lt;br /&gt;
a{&lt;br /&gt;
text-decoration:none;&lt;br /&gt;
color:inherit;&lt;br /&gt;
}&lt;br /&gt;
ul{&lt;br /&gt;
list-style:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            PRODUCTS SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:90px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Heading&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
text-align:center;&lt;br /&gt;
margin-bottom:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:46px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.3;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
display:block;&lt;br /&gt;
width:90px;&lt;br /&gt;
height:2px;&lt;br /&gt;
background:#d9d9d9;&lt;br /&gt;
margin:22px auto 0;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Grid&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,minmax(240px,1fr));&lt;br /&gt;
gap:42px;&lt;br /&gt;
align-items:start;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Card&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card{&lt;br /&gt;
position:relative;&lt;br /&gt;
padding:0;&lt;br /&gt;
text-align:center;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
display:block;&lt;br /&gt;
padding:10px;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:var(--hover);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Image Area&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
position:relative;&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1 / 1;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
background:#f7f7f7;&lt;br /&gt;
margin-bottom:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
width:100%;&lt;br /&gt;
height:100%;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-box img{&lt;br /&gt;
transform:scale(1.08);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Product Title&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.8;&lt;br /&gt;
margin-bottom:12px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover h3{&lt;br /&gt;
color:#444;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Description&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:var(--secondary);&lt;br /&gt;
line-height:2;&lt;br /&gt;
max-width:280px;&lt;br /&gt;
margin:0 auto;&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Read More&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more::after{&lt;br /&gt;
content:&amp;quot;←&amp;quot;;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .read-more::after{&lt;br /&gt;
transform:translateX(-6px);&lt;br /&gt;
}&lt;br /&gt;
/*=========================&lt;br /&gt;
      Accessibility Focus&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-card a:focus-visible{&lt;br /&gt;
outline:3px solid #777;&lt;br /&gt;
outline-offset:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            TABLET RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:70px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,minmax(240px,1fr));&lt;br /&gt;
gap:35px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            MOBILE RESPONSIVE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading{&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
gap:28px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
padding:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
            SMALL MOBILE&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:380px){&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO + PERFORMANCE OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
/* جلوگیری از پرش محتوا هنگام لود تصاویر */&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
contain:layout paint;&lt;br /&gt;
}&lt;br /&gt;
/* بهینه سازی رندر متن */&lt;br /&gt;
.deniz-products,&lt;br /&gt;
.deniz-products *{&lt;br /&gt;
-webkit-font-smoothing:antialiased;&lt;br /&gt;
-moz-osx-font-smoothing:grayscale;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE SEO SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card img{&lt;br /&gt;
loading:lazy;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HIGH CONTRAST SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media (prefers-contrast:high){&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#000;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
border:1px solid #333;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      REDUCED MOTION ACCESSIBILITY&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-reduced-motion:reduce){&lt;br /&gt;
*,&lt;br /&gt;
*::before,&lt;br /&gt;
*::after{&lt;br /&gt;
animation-duration:.01ms!important;&lt;br /&gt;
animation-iteration-count:1!important;&lt;br /&gt;
transition-duration:.01ms!important;&lt;br /&gt;
scroll-behavior:auto!important;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      DARK MODE SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(prefers-color-scheme:dark){&lt;br /&gt;
.deniz-products{&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading h2{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-heading::after{&lt;br /&gt;
background:#444;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a{&lt;br /&gt;
background:#1b1b1b;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card p{&lt;br /&gt;
color:#bbb;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box{&lt;br /&gt;
background:#1c1c1c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LARGE DESKTOP OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
.deniz-products .container{&lt;br /&gt;
max-width:1450px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-grid{&lt;br /&gt;
gap:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card h3{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRINT OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media print{&lt;br /&gt;
.deniz-products{&lt;br /&gt;
padding:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover{&lt;br /&gt;
transform:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card a{&lt;br /&gt;
box-shadow:none!important;&lt;br /&gt;
background:none!important;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .read-more{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BADGE&lt;br /&gt;
      (ویژگی / جدید / پرفروش)&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
position:absolute;&lt;br /&gt;
top:18px;&lt;br /&gt;
right:18px;&lt;br /&gt;
z-index:5;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:6px 14px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
/* رنگ‌های مختلف Badge */&lt;br /&gt;
.deniz-card .product-badge.new{&lt;br /&gt;
background:#2ecc71;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.sale{&lt;br /&gt;
background:#e74c3c;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-badge.best{&lt;br /&gt;
background:#f39c12;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT FEATURE LIST&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-features{&lt;br /&gt;
margin-top:18px;&lt;br /&gt;
display:flex;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
background:#f6f6f6;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
padding:5px 12px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-features span{&lt;br /&gt;
background:#fff;&lt;br /&gt;
box-shadow:0 5px 15px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin-top:22px;&lt;br /&gt;
padding:10px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FEATURED PRODUCT CARD&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.featured a{&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 10px 30px rgba(0,0,0,.08);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.featured:hover a{&lt;br /&gt;
box-shadow:&lt;br /&gt;
0 20px 45px rgba(0,0,0,.15);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT IMAGE OVERLAY&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-overlay{&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
background:linear-gradient(&lt;br /&gt;
to top,&lt;br /&gt;
rgba(0,0,0,.35),&lt;br /&gt;
transparent 60%&lt;br /&gt;
);&lt;br /&gt;
opacity:0;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .image-overlay{&lt;br /&gt;
opacity:1;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      ICON SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-icon{&lt;br /&gt;
width:45px;&lt;br /&gt;
height:45px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f4f4f4;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:20px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-icon{&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE CARD IMPROVEMENT&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-card .product-badge{&lt;br /&gt;
top:12px;&lt;br /&gt;
right:12px;&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:5px 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-features span{&lt;br /&gt;
font-size:11px;&lt;br /&gt;
padding:4px 9px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .product-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
padding:9px 20px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO STRUCTURE SUPPORT&lt;br /&gt;
      Breadcrumb + Schema Layout&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:1320px;&lt;br /&gt;
margin:0 auto 35px;&lt;br /&gt;
padding:12px 20px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#777;&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a{&lt;br /&gt;
color:#555;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-breadcrumb a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO INTRO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:0 auto 60px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro strong{&lt;br /&gt;
color:#111;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FAQ SECTION SEO&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-faq{&lt;br /&gt;
max-width:1000px;&lt;br /&gt;
margin:80px auto 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border-bottom:1px solid var(--border);&lt;br /&gt;
padding:20px 0;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
margin-top:12px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CTA SEO BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
padding:45px 35px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:28px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:12px 35px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SEO KEYWORD HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-keyword{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE SEO ELEMENTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
.deniz-breadcrumb{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
padding:10px 14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-intro{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:0 10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-question{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-answer{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-cta h3{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PERFORMANCE + CORE WEB VITALS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-products{&lt;br /&gt;
content-visibility:auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card{&lt;br /&gt;
will-change:transform;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card .image-box img{&lt;br /&gt;
backface-visibility:hidden;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      LOADING PLACEHOLDER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card .image-box.loading{&lt;br /&gt;
background:&lt;br /&gt;
linear-gradient(&lt;br /&gt;
90deg,&lt;br /&gt;
#f3f3f3 25%,&lt;br /&gt;
#fafafa 50%,&lt;br /&gt;
#f3f3f3 75%&lt;br /&gt;
);&lt;br /&gt;
background-size:200% 100%;&lt;br /&gt;
animation:deniz-loading 1.5s infinite;&lt;br /&gt;
}&lt;br /&gt;
@keyframes deniz-loading{&lt;br /&gt;
0%{&lt;br /&gt;
background-position:200% 0;&lt;br /&gt;
}&lt;br /&gt;
100%{&lt;br /&gt;
background-position:-200% 0;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PREMIUM CARD STYLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card.premium a{&lt;br /&gt;
border:1px solid #ededed;&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card.premium:hover a{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT PRICE AREA&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-price{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:10px;&lt;br /&gt;
margin-top:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .old-price{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#999;&lt;br /&gt;
text-decoration:line-through;&lt;br /&gt;
}&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:20px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST BADGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:15px;&lt;br /&gt;
margin-top:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:8px;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#555;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
color:#222;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      HOVER MICRO INTERACTIONS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card:hover .deniz-trust-item i{&lt;br /&gt;
transform:scale(1.1);&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item i{&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT CATEGORY FILTER&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
flex-wrap:wrap;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-bottom:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:10px 25px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
font-family:inherit;&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button:hover,&lt;br /&gt;
.deniz-filter button.active{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      MOBILE FINAL OPTIMIZATION&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-price .new-price{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust{&lt;br /&gt;
gap:10px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-item{&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter{&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-filter button{&lt;br /&gt;
padding:8px 16px;&lt;br /&gt;
font-size:12px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PROFESSIONAL SHOP STYLE&lt;br /&gt;
      Product Actions&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
}&lt;br /&gt;
/* دکمه مشاهده محصول */&lt;br /&gt;
.deniz-view-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 28px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn:hover{&lt;br /&gt;
background:#333;&lt;br /&gt;
transform:translateY(-3px);&lt;br /&gt;
}&lt;br /&gt;
/* دکمه تماس */&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
padding:11px 22px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#111;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
border:1px solid #ddd;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-call-btn:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
border-color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      TRUST SECTION&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
padding:35px 25px;&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .item{&lt;br /&gt;
padding:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box .icon{&lt;br /&gt;
width:55px;&lt;br /&gt;
height:55px;&lt;br /&gt;
margin:0 auto 15px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box p{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT HOVER BORDER EFFECT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-card a::before{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
inset:0;&lt;br /&gt;
border-radius:var(--radius);&lt;br /&gt;
border:1px solid transparent;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
pointer-events:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover a::before{&lt;br /&gt;
border-color:#ddd;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      IMAGE ZOOM BUTTON&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-image-btn{&lt;br /&gt;
position:absolute;&lt;br /&gt;
bottom:20px;&lt;br /&gt;
left:20px;&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
opacity:0;&lt;br /&gt;
transform:translateY(15px);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
box-shadow:0 8px 20px rgba(0,0,0,.12);&lt;br /&gt;
}&lt;br /&gt;
.deniz-card:hover .deniz-image-btn{&lt;br /&gt;
opacity:1;&lt;br /&gt;
transform:translateY(0);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      BRAND HIGHLIGHT&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-brand{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
position:relative;&lt;br /&gt;
}&lt;br /&gt;
.deniz-brand::after{&lt;br /&gt;
content:&amp;quot;&amp;quot;;&lt;br /&gt;
position:absolute;&lt;br /&gt;
height:2px;&lt;br /&gt;
width:100%;&lt;br /&gt;
bottom:-5px;&lt;br /&gt;
right:0;&lt;br /&gt;
background:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE TRUST BOX&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-actions{&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
}&lt;br /&gt;
.deniz-view-btn,&lt;br /&gt;
.deniz-call-btn{&lt;br /&gt;
width:100%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-trust-box h4{&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT DETAIL SECTION&lt;br /&gt;
      مشخصات صفحه محصول&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
/* عنوان محصول */&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:36px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
line-height:1.5;&lt;br /&gt;
margin-bottom:25px;&lt;br /&gt;
}&lt;br /&gt;
/* توضیحات محصول */&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#555;&lt;br /&gt;
line-height:2.3;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SPECIFICATIONS TABLE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-specs{&lt;br /&gt;
width:100%;&lt;br /&gt;
border-collapse:separate;&lt;br /&gt;
border-spacing:0;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:0 10px 30px rgba(0,0,0,.06);&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr{&lt;br /&gt;
background:#fff;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:nth-child(even){&lt;br /&gt;
background:#fafafa;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:16px 22px;&lt;br /&gt;
border-bottom:1px solid #eee;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
width:35%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs tr:last-child td{&lt;br /&gt;
border-bottom:none;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      PRODUCT ADVANTAGES&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(3,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:50px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item{&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:22px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item:hover{&lt;br /&gt;
transform:translateY(-8px);&lt;br /&gt;
box-shadow:var(--shadow-hover);&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item .icon{&lt;br /&gt;
font-size:35px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item h4{&lt;br /&gt;
font-size:18px;&lt;br /&gt;
margin-bottom:10px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantage-item p{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CUSTOMER REVIEWS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-reviews{&lt;br /&gt;
margin-top:80px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
padding:25px;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
margin-bottom:20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-header{&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-name{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-stars{&lt;br /&gt;
color:#555;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
letter-spacing:3px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-review-text{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RELATED PRODUCTS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-related{&lt;br /&gt;
margin-top:90px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:30px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
margin-bottom:45px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item{&lt;br /&gt;
background:#fff;&lt;br /&gt;
border-radius:20px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item:hover{&lt;br /&gt;
transform:translateY(-7px);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item img{&lt;br /&gt;
width:100%;&lt;br /&gt;
aspect-ratio:1/1;&lt;br /&gt;
object-fit:cover;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-item h5{&lt;br /&gt;
padding:15px;&lt;br /&gt;
font-size:16px;&lt;br /&gt;
text-align:center;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      RESPONSIVE PRODUCT DETAIL&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-product-detail{&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-product-description{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td{&lt;br /&gt;
padding:12px;&lt;br /&gt;
font-size:13px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-specs td:first-child{&lt;br /&gt;
width:40%;&lt;br /&gt;
}&lt;br /&gt;
.deniz-advantages{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-grid{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
.deniz-related-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL SEO COMPONENTS&lt;br /&gt;
      FAQ + SHARE + SCHEMA SUPPORT&lt;br /&gt;
===================================================*/&lt;br /&gt;
/*=========================&lt;br /&gt;
      FAQ ACCORDION&lt;br /&gt;
==========================*/&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
max-width:1100px;&lt;br /&gt;
margin:80px auto;&lt;br /&gt;
padding:0 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
text-align:center;&lt;br /&gt;
font-size:32px;&lt;br /&gt;
font-weight:700;&lt;br /&gt;
color:#111;&lt;br /&gt;
margin-bottom:40px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item{&lt;br /&gt;
border:1px solid #ececec;&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
background:#fff;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item:hover{&lt;br /&gt;
box-shadow:var(--shadow);&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
cursor:pointer;&lt;br /&gt;
padding:20px 25px;&lt;br /&gt;
font-size:17px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
color:#111;&lt;br /&gt;
list-style:none;&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:space-between;&lt;br /&gt;
align-items:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::-webkit-details-marker{&lt;br /&gt;
display:none;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary::after{&lt;br /&gt;
content:&amp;quot;+&amp;quot;;&lt;br /&gt;
font-size:25px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item[open] summary::after{&lt;br /&gt;
content:&amp;quot;−&amp;quot;;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
padding:0 25px 25px;&lt;br /&gt;
font-size:15px;&lt;br /&gt;
color:#666;&lt;br /&gt;
line-height:2.2;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      SOCIAL SHARE&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-share{&lt;br /&gt;
display:flex;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
align-items:center;&lt;br /&gt;
gap:12px;&lt;br /&gt;
margin:50px auto;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:42px;&lt;br /&gt;
height:42px;&lt;br /&gt;
display:flex;&lt;br /&gt;
align-items:center;&lt;br /&gt;
justify-content:center;&lt;br /&gt;
border-radius:50%;&lt;br /&gt;
background:#f5f5f5;&lt;br /&gt;
color:#222;&lt;br /&gt;
font-size:18px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a:hover{&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
transform:translateY(-5px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      CONTACT CTA FINAL&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:90px auto;&lt;br /&gt;
max-width:1200px;&lt;br /&gt;
padding:45px 30px;&lt;br /&gt;
border-radius:30px;&lt;br /&gt;
background:#111;&lt;br /&gt;
color:#fff;&lt;br /&gt;
text-align:center;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:32px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact p{&lt;br /&gt;
font-size:16px;&lt;br /&gt;
color:#ddd;&lt;br /&gt;
line-height:2;&lt;br /&gt;
margin-bottom:30px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a{&lt;br /&gt;
display:inline-flex;&lt;br /&gt;
padding:13px 40px;&lt;br /&gt;
background:#fff;&lt;br /&gt;
color:#111;&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
font-weight:bold;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact a:hover{&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FOOTER PRODUCT LINKS&lt;br /&gt;
===================================================*/&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
display:grid;&lt;br /&gt;
grid-template-columns:&lt;br /&gt;
repeat(4,1fr);&lt;br /&gt;
gap:25px;&lt;br /&gt;
margin-top:70px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links h4{&lt;br /&gt;
font-size:17px;&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
color:#111;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a{&lt;br /&gt;
display:block;&lt;br /&gt;
font-size:14px;&lt;br /&gt;
color:#666;&lt;br /&gt;
margin-bottom:8px;&lt;br /&gt;
transition:var(--transition);&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links a:hover{&lt;br /&gt;
color:#111;&lt;br /&gt;
padding-right:5px;&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      FINAL RESPONSIVE SETTINGS&lt;br /&gt;
===================================================*/&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:26px;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
@media(max-width:600px){&lt;br /&gt;
.deniz-faq-wrapper{&lt;br /&gt;
padding:0 15px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-title{&lt;br /&gt;
font-size:24px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-item summary{&lt;br /&gt;
font-size:14px;&lt;br /&gt;
padding:16px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-faq-content{&lt;br /&gt;
font-size:13px;&lt;br /&gt;
padding:0 16px 18px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-share a{&lt;br /&gt;
width:38px;&lt;br /&gt;
height:38px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact{&lt;br /&gt;
margin:60px 15px;&lt;br /&gt;
padding:30px 20px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-final-contact h2{&lt;br /&gt;
font-size:22px;&lt;br /&gt;
}&lt;br /&gt;
.deniz-footer-links{&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
}&lt;br /&gt;
}&lt;br /&gt;
/*==================================================&lt;br /&gt;
      END OF DENIZ PRODUCTS CSS&lt;br /&gt;
      Version 2.0 COMPLETE&lt;br /&gt;
===================================================*/&lt;br /&gt;
&lt;br /&gt;
/*    محصولات دایره ای */&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
    padding:70px 15px;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
    max-width:1300px;&lt;br /&gt;
&lt;br /&gt;
    margin:auto;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:55px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
    color:#111;&lt;br /&gt;
&lt;br /&gt;
    position:relative;&lt;br /&gt;
&lt;br /&gt;
    display:inline-block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2::after{&lt;br /&gt;
&lt;br /&gt;
    content:&amp;quot;&amp;quot;;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
    width:80px;&lt;br /&gt;
&lt;br /&gt;
    height:3px;&lt;br /&gt;
&lt;br /&gt;
    background:#e6e6e6;&lt;br /&gt;
&lt;br /&gt;
    margin:15px auto 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
&lt;br /&gt;
    gap:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card{&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card a{&lt;br /&gt;
&lt;br /&gt;
    color:#333;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
    width:190px;&lt;br /&gt;
&lt;br /&gt;
    height:190px;&lt;br /&gt;
&lt;br /&gt;
    margin:0 auto 25px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
    transition:.4s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card img{&lt;br /&gt;
&lt;br /&gt;
    width:100%;&lt;br /&gt;
&lt;br /&gt;
    height:100%;&lt;br /&gt;
&lt;br /&gt;
    object-fit:cover;&lt;br /&gt;
&lt;br /&gt;
    transition:.5s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
    font-size:29px;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:18px;&lt;br /&gt;
&lt;br /&gt;
    color:#222;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
    line-height:2;&lt;br /&gt;
&lt;br /&gt;
    color:#666;&lt;br /&gt;
&lt;br /&gt;
    font-size:17px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover figure{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.18);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover img{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.08);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card:hover h3{&lt;br /&gt;
&lt;br /&gt;
    color:#b48b45;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:1100px){&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
@media(max-width:650px){&lt;br /&gt;
&lt;br /&gt;
.products-section{&lt;br /&gt;
&lt;br /&gt;
padding:45px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.section-header h2{&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.products-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:1fr;&lt;br /&gt;
&lt;br /&gt;
gap:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card figure{&lt;br /&gt;
&lt;br /&gt;
width:170px;&lt;br /&gt;
&lt;br /&gt;
height:170px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.product-card p{&lt;br /&gt;
&lt;br /&gt;
font-size:16px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*   دکمه شیشه ای*/&lt;br /&gt;
:root {&lt;br /&gt;
    /* استخراج پالت رنگی از تصویر */&lt;br /&gt;
    --primary-pink: #f8c8d3;&lt;br /&gt;
    --glass-bg: rgba(255, 255, 255, 0.25);&lt;br /&gt;
    --glass-border: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    --shadow-color: rgba(248, 200, 211, 0.5);&lt;br /&gt;
    --text-color: #7a5c66;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.button-container {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.glass-button {&lt;br /&gt;
    /* ایجاد ساختار دایره‌ای و ریسپانسیو */&lt;br /&gt;
    width: 15vw; /* اندازه بر اساس عرض صفحه نمایش */&lt;br /&gt;
    min-width: 100px;&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    aspect-ratio: 1 / 1; /* تضمین دایره ماندن در هر شرایطی */&lt;br /&gt;
    border-radius: 50%;&lt;br /&gt;
    &lt;br /&gt;
    /* افکت شیشه‌ای (Glassmorphism) */&lt;br /&gt;
    background: var(--glass-bg);&lt;br /&gt;
    backdrop-filter: blur(12px);&lt;br /&gt;
    -webkit-backdrop-filter: blur(12px);&lt;br /&gt;
    border: 2px solid var(--glass-border);&lt;br /&gt;
    &lt;br /&gt;
    /* افکت سه‌بعدی و سایه‌ها */&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 8px 32px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 4px 4px rgba(255, 255, 255, 0.3),&lt;br /&gt;
        inset 0 -4px 6px rgba(0, 0, 0, 0.05);&lt;br /&gt;
    &lt;br /&gt;
    /* تایپوگرافی */&lt;br /&gt;
    color: var(--text-color);&lt;br /&gt;
    font-family: &#039;Tahoma&#039;, sans-serif; /* یا فونت فارسی مورد نظر شما */&lt;br /&gt;
    font-weight: bold;&lt;br /&gt;
    font-size: 1.2rem;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    &lt;br /&gt;
    /* انیمیشن و تعامل */&lt;br /&gt;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    outline: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام نگه داشتن موس (Hover) */&lt;br /&gt;
.glass-button:hover {&lt;br /&gt;
    transform: translateY(-5px) scale(1.05);&lt;br /&gt;
    background: rgba(255, 255, 255, 0.4);&lt;br /&gt;
    box-shadow: &lt;br /&gt;
        0 15px 45px 0 var(--shadow-color),&lt;br /&gt;
        inset 0 2px 2px rgba(255, 255, 255, 0.5);&lt;br /&gt;
    color: #4a343c;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هنگام کلیک (Active) */&lt;br /&gt;
.glass-button:active {&lt;br /&gt;
    transform: translateY(2px) scale(0.98);&lt;br /&gt;
    box-shadow: 0 5px 15px 0 var(--shadow-color);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
======================================================&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
#city-search-wrapper { margin: 20px 0; }&lt;br /&gt;
#search-input { width: 100%; max-width: 400px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; }&lt;br /&gt;
.province-section { margin-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }&lt;br /&gt;
.province-title { font-weight: bold; color: #007bff; margin-bottom: 5px; }&lt;br /&gt;
.city-list { display: flex; flex-wrap: wrap; gap: 5px; list-style: none; padding: 0; }&lt;br /&gt;
.city-list li { background: #f0f0f0; padding: 3px 10px; border-radius: 10px; font-size: 0.9em; }&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*  4 کارت اهدا بخشنده*/&lt;br /&gt;
&lt;br /&gt;
/* -------------------------&lt;br /&gt;
   Medical Categories&lt;br /&gt;
-------------------------*/&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f5f5f5;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid transparent;&lt;br /&gt;
&lt;br /&gt;
    min-height:220px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#3b82f6;&lt;br /&gt;
&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
    width:85px;&lt;br /&gt;
    height:85px;&lt;br /&gt;
&lt;br /&gt;
    border-radius:50%;&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:22px;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 8px 18px rgba(0,0,0,.05);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
    font-size:42px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
										   &lt;br /&gt;
.category-card:hover .icon i{&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.12);&lt;br /&gt;
&lt;br /&gt;
    color:#0F9E90;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
								&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    margin:0;&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    font-size:23px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.8;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* رنگ حاشیه هنگام هاور */&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
    background:#fff;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* دسترسی برای موتورهای جستجو */&lt;br /&gt;
&lt;br /&gt;
.sr-only{&lt;br /&gt;
&lt;br /&gt;
    position:absolute;&lt;br /&gt;
    width:1px;&lt;br /&gt;
    height:1px;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    margin:-1px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
    clip:rect(0,0,0,0);&lt;br /&gt;
    white-space:nowrap;&lt;br /&gt;
    border:0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Tablet&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:200px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ===========================&lt;br /&gt;
      Mobile&lt;br /&gt;
=========================== */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
min-height:170px;&lt;br /&gt;
&lt;br /&gt;
border-radius:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon{&lt;br /&gt;
&lt;br /&gt;
width:65px;&lt;br /&gt;
height:65px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card .icon i{&lt;br /&gt;
&lt;br /&gt;
font-size:32px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/*=============================&lt;br /&gt;
        General&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
    margin:0;&lt;br /&gt;
    padding:0;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.medical-categories{&lt;br /&gt;
&lt;br /&gt;
    max-width:1200px;&lt;br /&gt;
    margin:auto;&lt;br /&gt;
    padding:20px;&lt;br /&gt;
    direction:rtl;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Grid&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
    display:grid;&lt;br /&gt;
    grid-template-columns:repeat(4,1fr);&lt;br /&gt;
    gap:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Card&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
    background:#f3f3f3;&lt;br /&gt;
    border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
    text-decoration:none;&lt;br /&gt;
&lt;br /&gt;
    display:flex;&lt;br /&gt;
    flex-direction:column;&lt;br /&gt;
    align-items:center;&lt;br /&gt;
    justify-content:center;&lt;br /&gt;
&lt;br /&gt;
    padding:35px 20px;&lt;br /&gt;
&lt;br /&gt;
    min-height:210px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s ease;&lt;br /&gt;
&lt;br /&gt;
    border:1px solid #ececec;&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 4px 12px rgba(0,0,0,.03);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover{&lt;br /&gt;
&lt;br /&gt;
    background:#ffffff;&lt;br /&gt;
&lt;br /&gt;
    transform:translateY(-8px);&lt;br /&gt;
&lt;br /&gt;
    box-shadow:0 18px 40px rgba(0,0,0,.08);&lt;br /&gt;
&lt;br /&gt;
    border-color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Icon&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
    font-size:62px;&lt;br /&gt;
&lt;br /&gt;
    color:#14B8A6;&lt;br /&gt;
&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
&lt;br /&gt;
    transition:.35s;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover .card-icon{&lt;br /&gt;
&lt;br /&gt;
    color:#0F9D8E;&lt;br /&gt;
&lt;br /&gt;
    transform:scale(1.1);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Title&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
    color:#F97316;&lt;br /&gt;
&lt;br /&gt;
    text-align:center;&lt;br /&gt;
&lt;br /&gt;
    font-size:24px;&lt;br /&gt;
&lt;br /&gt;
    line-height:1.9;&lt;br /&gt;
&lt;br /&gt;
    font-weight:700;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Tablet&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:992px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*=============================&lt;br /&gt;
        Mobile&lt;br /&gt;
=============================*/&lt;br /&gt;
&lt;br /&gt;
@media(max-width:576px){&lt;br /&gt;
&lt;br /&gt;
.category-grid{&lt;br /&gt;
&lt;br /&gt;
grid-template-columns:repeat(2,1fr);&lt;br /&gt;
&lt;br /&gt;
gap:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card{&lt;br /&gt;
&lt;br /&gt;
min-height:165px;&lt;br /&gt;
&lt;br /&gt;
padding:25px 15px;&lt;br /&gt;
&lt;br /&gt;
border-radius:16px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.card-icon{&lt;br /&gt;
&lt;br /&gt;
font-size:45px;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card h3{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
line-height:1.7;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/*  کانتینر کادرهای زیر هم دماوندپلیمر           */&lt;br /&gt;
&lt;br /&gt;
*{&lt;br /&gt;
margin:0;&lt;br /&gt;
padding:0;&lt;br /&gt;
box-sizing:border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
font-family:&#039;Vazirmatn&#039;,sans-serif;&lt;br /&gt;
&lt;br /&gt;
background:#f2f6fb;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
padding:40px 15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
width:100%;&lt;br /&gt;
max-width:550px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
background:linear-gradient(180deg,#1f3f97,#6cbcff);&lt;br /&gt;
&lt;br /&gt;
border-radius:35px;&lt;br /&gt;
&lt;br /&gt;
padding:35px 25px 0;&lt;br /&gt;
&lt;br /&gt;
position:relative;&lt;br /&gt;
&lt;br /&gt;
overflow:hidden;&lt;br /&gt;
&lt;br /&gt;
box-shadow:0 15px 40px rgba(0,0,0,.15);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:34px;&lt;br /&gt;
&lt;br /&gt;
font-weight:700;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
margin-bottom:35px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.steps{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
flex-direction:column;&lt;br /&gt;
&lt;br /&gt;
gap:18px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
background:rgba(255,255,255,.12);&lt;br /&gt;
&lt;br /&gt;
border:2px solid rgba(255,255,255,.8);&lt;br /&gt;
&lt;br /&gt;
border-radius:18px;&lt;br /&gt;
&lt;br /&gt;
padding:18px;&lt;br /&gt;
&lt;br /&gt;
text-align:center;&lt;br /&gt;
&lt;br /&gt;
color:#fff;&lt;br /&gt;
&lt;br /&gt;
font-size:21px;&lt;br /&gt;
&lt;br /&gt;
transition:.3s;&lt;br /&gt;
&lt;br /&gt;
backdrop-filter:blur(4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step:hover{&lt;br /&gt;
&lt;br /&gt;
background:#fff;&lt;br /&gt;
&lt;br /&gt;
color:#1d4ca1;&lt;br /&gt;
&lt;br /&gt;
transform:translateY(-4px);&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.image-box{&lt;br /&gt;
&lt;br /&gt;
margin-top:35px;&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:65%;&lt;br /&gt;
&lt;br /&gt;
max-width:280px;&lt;br /&gt;
&lt;br /&gt;
display:block;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo{&lt;br /&gt;
&lt;br /&gt;
display:flex;&lt;br /&gt;
&lt;br /&gt;
justify-content:center;&lt;br /&gt;
&lt;br /&gt;
margin-top:25px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:120px;&lt;br /&gt;
&lt;br /&gt;
background:white;&lt;br /&gt;
&lt;br /&gt;
padding:12px;&lt;br /&gt;
&lt;br /&gt;
border-radius:18px 18px 0 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Tablet ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:768px){&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
padding:30px 18px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:28px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:18px;&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:72%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Mobile ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(max-width:480px){&lt;br /&gt;
&lt;br /&gt;
body{&lt;br /&gt;
&lt;br /&gt;
padding:15px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.container{&lt;br /&gt;
&lt;br /&gt;
border-radius:25px;&lt;br /&gt;
&lt;br /&gt;
padding:22px 15px 0;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:22px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:15px;&lt;br /&gt;
&lt;br /&gt;
padding:13px;&lt;br /&gt;
&lt;br /&gt;
border-radius:14px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.logo img{&lt;br /&gt;
&lt;br /&gt;
width:90px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.image-box img{&lt;br /&gt;
&lt;br /&gt;
width:80%;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ---------- Large Screen ---------- */&lt;br /&gt;
&lt;br /&gt;
@media(min-width:1400px){&lt;br /&gt;
&lt;br /&gt;
.production{&lt;br /&gt;
&lt;br /&gt;
max-width:650px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
h1{&lt;br /&gt;
&lt;br /&gt;
font-size:40px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.step{&lt;br /&gt;
&lt;br /&gt;
font-size:23px;&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
}&lt;br /&gt;
/* کانتینر اصلی */&lt;br /&gt;
.category-grid {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    gap: 10px;&lt;br /&gt;
    margin: 15px auto;&lt;br /&gt;
    max-width: 800px;&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    /* این خط باعث می‌شود در همه حالت‌ها پایه روی 2 ستون باشد */&lt;br /&gt;
    grid-template-columns: repeat(2, 1fr); &lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* در دسکتاپ (صفحه‌های بزرگتر از 769 پیکسل) تبدیل به 4 ستون می‌شود */&lt;br /&gt;
@media (min-width: 769px) {&lt;br /&gt;
    .category-grid {&lt;br /&gt;
        grid-template-columns: repeat(4, 1fr);&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل باکس‌ها */&lt;br /&gt;
.category-card {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    height: 45px;&lt;br /&gt;
    padding: 5px 10px;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);&lt;br /&gt;
    font-weight: 600;&lt;br /&gt;
    font-size: 0.85em;&lt;br /&gt;
    color: #ffffff !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-card:hover {&lt;br /&gt;
    transform: translateY(-2px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی - وسط‌چین و محدود شده */&lt;br /&gt;
.social-section-container {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    display: flex;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
    margin: 20px 0;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* نگهدارنده آیکون‌ها - برای جلوگیری از پخش شدن در کل صفحه */&lt;br /&gt;
.social-icons-wrapper {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-direction: row;&lt;br /&gt;
    gap: 15px; /* فاصله بین آیکون‌ها */&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل لینک‌ها */&lt;br /&gt;
.social-link-item {&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* استایل تصاویر آیکون - اندازه دقیق در اینجا تعیین می‌شود */&lt;br /&gt;
.social-link-item img {&lt;br /&gt;
    width: 35px !important;  /* اندازه آیکون‌ها (می‌توانی با تغییر این عدد اندازه را کم یا زیاد کنی) */&lt;br /&gt;
    height: 35px !important;&lt;br /&gt;
    display: block;&lt;br /&gt;
    border-radius: 4px; /* اگر می‌خواهی گوشه‌ها کمی گرد باشد */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هاور برای زیبایی */&lt;br /&gt;
.social-link-item:hover {&lt;br /&gt;
    transform: scale(1.15); /* کمی بزرگ شدن هنگام نگه داشتن موس */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/* کانتینر اصلی برای جلوگیری از هرگونه تداخل */&lt;br /&gt;
.fgb-social-container {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
    width: 100% !important;&lt;br /&gt;
    margin: 10px 0 !important;&lt;br /&gt;
    clear: both !important; /* برای جلوگیری از تداخل با فلوت‌های سایت */&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-box {&lt;br /&gt;
    display: flex !important;&lt;br /&gt;
    flex-direction: row !important;&lt;br /&gt;
    gap: 15px !important;&lt;br /&gt;
    justify-content: center !important;&lt;br /&gt;
    align-items: center !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon {&lt;br /&gt;
    display: inline-block !important;&lt;br /&gt;
    width: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    height: 35px !important; /* اندازه ثابت */&lt;br /&gt;
    text-decoration: none !important;&lt;br /&gt;
    transition: transform 0.2s ease !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon img {&lt;br /&gt;
    width: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    height: 35px !important; /* اجبار به اندازه ۳۵ پیکسل */&lt;br /&gt;
    max-width: 35px !important; /* جلوگیری از بزرگ شدن توسط دستورات سایت */&lt;br /&gt;
    min-width: 35px !important; /* جلوگیری از کوچک شدن */&lt;br /&gt;
    display: block !important;&lt;br /&gt;
    object-fit: contain !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.fgb-social-icon:hover {&lt;br /&gt;
    transform: scale(1.2) !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
/*        پس زمینه تکرار شونده*/&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
.vertical-pattern {&lt;br /&gt;
    background-image: url(&amp;quot;https://dl.faraghaib.ir/m/260022/26002222.jpg&amp;quot;);&lt;br /&gt;
    background-repeat: repeat-y;&lt;br /&gt;
    background-position: top center;&lt;br /&gt;
    background-size: auto;&lt;br /&gt;
    background-color: #ffffff;&lt;br /&gt;
&lt;br /&gt;
    min-height: 100vh;&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    box-sizing: border-box;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کانتینر کلی فید */&lt;br /&gt;
.ig-feed {&lt;br /&gt;
    display: grid;&lt;br /&gt;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));&lt;br /&gt;
    gap: 20px;&lt;br /&gt;
    padding: 20px;&lt;br /&gt;
    max-width: 1000px;&lt;br /&gt;
    margin: 0 auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* کارت هر پست */&lt;br /&gt;
.ig-card {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border: 1px solid #dbdbdb;&lt;br /&gt;
    border-radius: 8px;&lt;br /&gt;
    overflow: hidden;&lt;br /&gt;
    transition: transform 0.2s;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ig-card:hover {&lt;br /&gt;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* بخش ویدیو */&lt;br /&gt;
.ig-media {&lt;br /&gt;
    background: #000;&lt;br /&gt;
    aspect-ratio: 9/16; /* نسبت ابعاد اینستاگرام */&lt;br /&gt;
    display: flex;&lt;br /&gt;
    align-items: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ig-media video {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: 100%;&lt;br /&gt;
    object-fit: cover;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* متن و کپشن */&lt;br /&gt;
.ig-body {&lt;br /&gt;
    padding: 15px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ig-user {&lt;br /&gt;
    font-weight: 700;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    margin-bottom: 8px;&lt;br /&gt;
    color: #262626;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.ig-caption {&lt;br /&gt;
    font-size: 13px;&lt;br /&gt;
    color: #555;&lt;br /&gt;
    line-height: 1.4;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6207</id>
		<title>مدیاویکی:Vector.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6207"/>
		<updated>2026-08-10T16:29:40Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;#mw-panel {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.mw-page-container {&lt;br /&gt;
    grid-template-columns: 1fr !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-body,&lt;br /&gt;
.vector-page-titlebar {&lt;br /&gt;
    max-width: none !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6206</id>
		<title>مدیاویکی:Vector.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6206"/>
		<updated>2026-08-10T16:28:50Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* تمام‌عرض کردن محتوای صفحه */&lt;br /&gt;
.vector-feature-zebra-design-enabled .mw-page-container,&lt;br /&gt;
.vector-feature-zebra-design-enabled .vector-body,&lt;br /&gt;
.vector-feature-zebra-design-enabled .vector-page-titlebar,&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف/پنهان کردن سایدبار */&lt;br /&gt;
.vector-sidebar,&lt;br /&gt;
#mw-panel {&lt;br /&gt;
    display: none !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* اگر در چیدمان فعلی فاصله‌ی خالی باقی ماند */&lt;br /&gt;
.vector-feature-zebra-design-enabled .mw-page-container {&lt;br /&gt;
    grid-template-columns: 1fr !important;&lt;br /&gt;
    padding-left: 20px;&lt;br /&gt;
    padding-right: 20px;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6205</id>
		<title>مدیاویکی:Vector.css</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Vector.css&amp;diff=6205"/>
		<updated>2026-08-10T16:27:15Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;/* برای باز کردن عرض محتوای اصلی در Vector 2022 */&lt;br /&gt;
.vector-feature-zebra-design-enabled .mw-page-container,&lt;br /&gt;
.vector-feature-zebra-design-enabled .mw-header {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
    padding-left: 20px;&lt;br /&gt;
    padding-right: 20px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.vector-feature-zebra-design-enabled .vector-body,&lt;br /&gt;
.vector-feature-zebra-design-enabled .vector-page-titlebar {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* حذف محدودیت عرض در ناحیه محتوا */&lt;br /&gt;
.mw-content-container {&lt;br /&gt;
    max-width: 100% !important;&lt;br /&gt;
}&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&amp;diff=6204</id>
		<title>صفحهٔ اصلی</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&amp;diff=6204"/>
		<updated>2026-08-10T16:19:06Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{صفحه اصلی/عنوان}}&lt;br /&gt;
{{صفحه اصلی/ویدیو3}} &lt;br /&gt;
{{صفحه اصلی/دسته بندی}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;a referrerpolicy=&#039;origin&#039; target=&#039;_blank&#039; href=&#039;https://trustseal.enamad.ir/?id=687037&amp;amp;Code=eVsgbI1qChlMKnFcfzSa5zWlNR79IALh&#039;&amp;gt;&amp;lt;img referrerpolicy=&#039;origin&#039; src=&#039;https://trustseal.enamad.ir/logo.aspx?id=687037&amp;amp;Code=eVsgbI1qChlMKnFcfzSa5zWlNR79IALh&#039; alt=&#039;&#039; style=&#039;cursor:pointer&#039; code=&#039;eVsgbI1qChlMKnFcfzSa5zWlNR79IALh&#039;&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
{{#seo:&lt;br /&gt;
|title= فراغیب | مدرسه مجازی شما&lt;br /&gt;
|title_mode=append&lt;br /&gt;
|keywords=فراغیب,دانشنامه&lt;br /&gt;
|description= فراغیب صفحه اختصاصی شما &lt;br /&gt;
|image=&lt;br /&gt;
|image_alt=&lt;br /&gt;
}}__NOTOC__&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6013</id>
		<title>مشاغل استان تهران</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6013"/>
		<updated>2026-08-09T12:21:08Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[مشاغل تهران]] 		&lt;br /&gt;
&lt;br /&gt;
[[مشاغل اسلام‌شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل شهریار]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل قدس]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل ملارد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل صالحیه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل پاکدشت]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل قرچک]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل ورامین]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل گلستان]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل ری]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل اندیشه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل رباط‌کریم]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل پرند]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل باغستان]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل پردیس]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل بومهن]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل باقرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل پیشوا]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل نسیم شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل صباشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل چهاردانگه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل دماوند]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل حسن‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل وحیدیه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل نصیرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل فردوسیه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل رودهن]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل شاهدشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل صفادشت]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل فیروزکوه]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل لواسان]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل آبسرد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل شریف‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل کهریزک]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل فشم]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل جوادآباد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل فرون آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل آبعلی]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل کیلان]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل شمشک]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل احمدآباد مستوفی]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل ارجمند]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل قلعه‌نو ری]]&lt;br /&gt;
		&lt;br /&gt;
[[مشاغل قیام‌دشت]] &lt;br /&gt;
		&lt;br /&gt;
[[مشاغل سعیدآباد ش]]&lt;br /&gt;
		&lt;br /&gt;
[[مشاغل خسروآباد پردیس]]&lt;br /&gt;
		&lt;br /&gt;
[[مشاغل جلیل‌آباد پیشوا]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6011</id>
		<title>مشاغل استان تهران</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6011"/>
		<updated>2026-08-09T12:18:40Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[تهران]] 		&lt;br /&gt;
&lt;br /&gt;
[[اسلام‌شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[شهریار]] &lt;br /&gt;
		&lt;br /&gt;
[[قدس]] &lt;br /&gt;
		&lt;br /&gt;
[[ملارد]] &lt;br /&gt;
		&lt;br /&gt;
[[صالحیه]] &lt;br /&gt;
		&lt;br /&gt;
[[پاکدشت]] &lt;br /&gt;
		&lt;br /&gt;
[[قرچک]] &lt;br /&gt;
		&lt;br /&gt;
[[ورامین]] &lt;br /&gt;
		&lt;br /&gt;
[[گلستان]] &lt;br /&gt;
		&lt;br /&gt;
[[ری]] &lt;br /&gt;
		&lt;br /&gt;
[[اندیشه]] &lt;br /&gt;
		&lt;br /&gt;
[[رباط‌کریم]] &lt;br /&gt;
		&lt;br /&gt;
[[پرند]] &lt;br /&gt;
		&lt;br /&gt;
[[باغستان]] &lt;br /&gt;
		&lt;br /&gt;
[[پردیس]] &lt;br /&gt;
		&lt;br /&gt;
[[بومهن]] &lt;br /&gt;
		&lt;br /&gt;
[[باقرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[پیشوا]] &lt;br /&gt;
		&lt;br /&gt;
[[نسیم شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[صباشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[چهاردانگه]] &lt;br /&gt;
		&lt;br /&gt;
[[دماوند]] &lt;br /&gt;
		&lt;br /&gt;
[[حسن‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[وحیدیه]] &lt;br /&gt;
		&lt;br /&gt;
[[نصیرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[فردوسیه]] &lt;br /&gt;
		&lt;br /&gt;
[[رودهن]] &lt;br /&gt;
		&lt;br /&gt;
[[شاهدشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[صفادشت]] &lt;br /&gt;
		&lt;br /&gt;
[[فیروزکوه]] &lt;br /&gt;
		&lt;br /&gt;
[[لواسان]] &lt;br /&gt;
		&lt;br /&gt;
[[آبسرد]] &lt;br /&gt;
		&lt;br /&gt;
[[شریف‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[کهریزک]] &lt;br /&gt;
		&lt;br /&gt;
[[فشم]] &lt;br /&gt;
		&lt;br /&gt;
[[جوادآباد]] &lt;br /&gt;
		&lt;br /&gt;
[[فرون آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[آبعلی]] &lt;br /&gt;
		&lt;br /&gt;
[[کیلان]] &lt;br /&gt;
		&lt;br /&gt;
[[شمشک]] &lt;br /&gt;
		&lt;br /&gt;
[[احمدآباد مستوفی]] &lt;br /&gt;
		&lt;br /&gt;
[[ارجمند]] &lt;br /&gt;
		&lt;br /&gt;
[[قلعه‌نو ری]]&lt;br /&gt;
		&lt;br /&gt;
[[قیام‌دشت]] &lt;br /&gt;
		&lt;br /&gt;
[[سعیدآباد پردیس]]&lt;br /&gt;
		&lt;br /&gt;
[[خسروآباد پردیس]]&lt;br /&gt;
		&lt;br /&gt;
[[جلیل‌آباد پیشوا]]&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6010</id>
		<title>مشاغل استان تهران</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6010"/>
		<updated>2026-08-09T12:18:27Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;[[تهران]] 		&lt;br /&gt;
&lt;br /&gt;
[[اسلام‌شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[شهریار]] &lt;br /&gt;
		&lt;br /&gt;
[[قدس]] &lt;br /&gt;
		&lt;br /&gt;
[[ملارد]] &lt;br /&gt;
		&lt;br /&gt;
[[صالحیه]] &lt;br /&gt;
		&lt;br /&gt;
[[پاکدشت]] &lt;br /&gt;
		&lt;br /&gt;
[[قرچک]] &lt;br /&gt;
		&lt;br /&gt;
[[ورامین]] &lt;br /&gt;
		&lt;br /&gt;
[[گلستان]] &lt;br /&gt;
		&lt;br /&gt;
[[ری]] &lt;br /&gt;
		&lt;br /&gt;
[[اندیشه]] &lt;br /&gt;
		&lt;br /&gt;
[[رباط‌کریم]] &lt;br /&gt;
		&lt;br /&gt;
[[پرند]] &lt;br /&gt;
		&lt;br /&gt;
[[باغستان]] &lt;br /&gt;
		&lt;br /&gt;
[[پردیس]] &lt;br /&gt;
		&lt;br /&gt;
[[بومهن]] &lt;br /&gt;
		&lt;br /&gt;
[[باقرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[پیشوا]] &lt;br /&gt;
		&lt;br /&gt;
[[نسیم شهر]] &lt;br /&gt;
		&lt;br /&gt;
[[صباشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[چهاردانگه]] &lt;br /&gt;
		&lt;br /&gt;
[[دماوند]] &lt;br /&gt;
		&lt;br /&gt;
[[حسن‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[وحیدیه]] &lt;br /&gt;
		&lt;br /&gt;
[[نصیرشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[فردوسیه]] &lt;br /&gt;
		&lt;br /&gt;
[[رودهن]] &lt;br /&gt;
		&lt;br /&gt;
[[شاهدشهر]] &lt;br /&gt;
		&lt;br /&gt;
[[صفادشت]] &lt;br /&gt;
		&lt;br /&gt;
[[فیروزکوه]] &lt;br /&gt;
		&lt;br /&gt;
[[لواسان]] &lt;br /&gt;
		&lt;br /&gt;
[[آبسرد]] &lt;br /&gt;
		&lt;br /&gt;
[[شریف‌آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[کهریزک]] &lt;br /&gt;
		&lt;br /&gt;
[[فشم]] &lt;br /&gt;
		&lt;br /&gt;
[[جوادآباد]] &lt;br /&gt;
		&lt;br /&gt;
[[فرون آباد]] &lt;br /&gt;
		&lt;br /&gt;
[[آبعلی]] &lt;br /&gt;
		&lt;br /&gt;
[[کیلان]] &lt;br /&gt;
		&lt;br /&gt;
[[شمشک]] &lt;br /&gt;
		&lt;br /&gt;
[[احمدآباد مستوفی]] &lt;br /&gt;
		&lt;br /&gt;
[[ارجمند]] &lt;br /&gt;
		&lt;br /&gt;
[[قلعه‌نو ری]]&lt;br /&gt;
		&lt;br /&gt;
[[قیام‌دشت]] &lt;br /&gt;
		&lt;br /&gt;
[[سعیدآباد پردیس]]&lt;br /&gt;
		&lt;br /&gt;
[[خسروآباد پردیس&lt;br /&gt;
		&lt;br /&gt;
[[جلیل‌آباد پیشوا&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6006</id>
		<title>مشاغل استان تهران</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D9%85%D8%B4%D8%A7%D8%BA%D9%84_%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%AA%D9%87%D8%B1%D8%A7%D9%86&amp;diff=6006"/>
		<updated>2026-08-09T12:13:26Z</updated>

		<summary type="html">&lt;p&gt;Esfandiari: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;تهران 		&lt;br /&gt;
&lt;br /&gt;
اسلام‌شهر &lt;br /&gt;
		&lt;br /&gt;
شهریار &lt;br /&gt;
		&lt;br /&gt;
قدس &lt;br /&gt;
		&lt;br /&gt;
ملارد &lt;br /&gt;
		&lt;br /&gt;
صالحیه &lt;br /&gt;
		&lt;br /&gt;
پاکدشت &lt;br /&gt;
		&lt;br /&gt;
قرچک &lt;br /&gt;
		&lt;br /&gt;
ورامین &lt;br /&gt;
		&lt;br /&gt;
گلستان &lt;br /&gt;
		&lt;br /&gt;
ری &lt;br /&gt;
		&lt;br /&gt;
اندیشه &lt;br /&gt;
		&lt;br /&gt;
رباط‌کریم &lt;br /&gt;
		&lt;br /&gt;
پرند &lt;br /&gt;
		&lt;br /&gt;
باغستان &lt;br /&gt;
		&lt;br /&gt;
پردیس &lt;br /&gt;
		&lt;br /&gt;
بومهن &lt;br /&gt;
		&lt;br /&gt;
باقرشهر &lt;br /&gt;
		&lt;br /&gt;
پیشوا &lt;br /&gt;
		&lt;br /&gt;
نسیم شهر &lt;br /&gt;
		&lt;br /&gt;
صباشهر &lt;br /&gt;
		&lt;br /&gt;
چهاردانگه &lt;br /&gt;
		&lt;br /&gt;
دماوند &lt;br /&gt;
		&lt;br /&gt;
حسن‌آباد &lt;br /&gt;
		&lt;br /&gt;
وحیدیه &lt;br /&gt;
		&lt;br /&gt;
نصیرشهر &lt;br /&gt;
		&lt;br /&gt;
فردوسیه &lt;br /&gt;
		&lt;br /&gt;
رودهن &lt;br /&gt;
		&lt;br /&gt;
شاهدشهر &lt;br /&gt;
		&lt;br /&gt;
صفادشت &lt;br /&gt;
		&lt;br /&gt;
فیروزکوه &lt;br /&gt;
		&lt;br /&gt;
لواسان &lt;br /&gt;
		&lt;br /&gt;
آبسرد &lt;br /&gt;
		&lt;br /&gt;
شریف‌آباد &lt;br /&gt;
		&lt;br /&gt;
کهریزک &lt;br /&gt;
		&lt;br /&gt;
فشم &lt;br /&gt;
		&lt;br /&gt;
جوادآباد &lt;br /&gt;
		&lt;br /&gt;
فرون آباد &lt;br /&gt;
		&lt;br /&gt;
آبعلی &lt;br /&gt;
		&lt;br /&gt;
کیلان &lt;br /&gt;
		&lt;br /&gt;
شمشک &lt;br /&gt;
		&lt;br /&gt;
احمدآباد مستوفی &lt;br /&gt;
		&lt;br /&gt;
ارجمند &lt;br /&gt;
		&lt;br /&gt;
قلعه‌نو ری&lt;br /&gt;
		&lt;br /&gt;
قیام‌دشت &lt;br /&gt;
		&lt;br /&gt;
سعیدآباد پردیس&lt;br /&gt;
		&lt;br /&gt;
خسروآباد پردیس&lt;br /&gt;
		&lt;br /&gt;
جلیل‌آباد پیشوا&lt;/div&gt;</summary>
		<author><name>Esfandiari</name></author>
	</entry>
</feed>