<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="fa">
	<id>https://fa.faraghaib.ir/w/index.php?action=history&amp;feed=atom&amp;title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C</id>
	<title>الگو:کانتینر تصاویر خطی - تاریخچهٔ نسخه‌ها</title>
	<link rel="self" type="application/atom+xml" href="https://fa.faraghaib.ir/w/index.php?action=history&amp;feed=atom&amp;title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C"/>
	<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C&amp;action=history"/>
	<updated>2026-08-26T02:44:09Z</updated>
	<subtitle>تاریخچهٔ نسخه‌ها برای این صفحه در ویکی</subtitle>
	<generator>MediaWiki 1.43.8</generator>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C&amp;diff=6741&amp;oldid=prev</id>
		<title>Javid در ‏۲۲ اوت ۲۰۲۶، ساعت ۰۹:۲۱</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C&amp;diff=6741&amp;oldid=prev"/>
		<updated>2026-08-22T09:21:39Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;fa&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;→ نسخهٔ قدیمی‌تر&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;نسخهٔ ‏۲۲ اوت ۲۰۲۶، ساعت ۰۹:۲۱&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot;&gt;خط ۳:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;خط ۳:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* تنظیمات پایه برای خوانایی */&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* تنظیمات پایه برای خوانایی */&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;.product-categories {&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;.product-categories {&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;    background-color: #999999;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     padding: 40px 20px;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     padding: 40px 20px;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     max-width: 1200px;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     max-width: 1200px;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l30&quot;&gt;خط ۳۰:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;خط ۳۱:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* افکت هاور برای تجربه کاربری بهتر &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;*/&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* افکت هاور برای تجربه کاربری بهتر  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;.category-item:hover {&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;.category-item:hover {&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     transform: translateY(-10px);&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;     transform: translateY(-10px);&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;}&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;*/&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* ریسپانسیو برای موبایل */&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;/* ریسپانسیو برای موبایل */&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l77&quot;&gt;خط ۷۷:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;خط ۷۸:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;  &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;  &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;                 &amp;lt;img src=&quot;https://dl.faraghaib.ir/m/260008-01/260008-01-06.&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;jpg&lt;/del&gt;&quot; alt=&quot;کیف چرم طبیعی دست‌دوز&quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;                 &amp;lt;img src=&quot;https://dl.faraghaib.ir/m/260008-01/260008-01-06.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;jpeg&lt;/ins&gt;&quot; alt=&quot;کیف چرم طبیعی دست‌دوز&quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;                 &amp;lt;h3&amp;gt;کیف پول چرم&amp;lt;/h3&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;                 &amp;lt;h3&amp;gt;کیف پول چرم&amp;lt;/h3&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             &amp;lt;/a&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;             &amp;lt;/a&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6740:rev-6741:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Javid</name></author>
	</entry>
	<entry>
		<id>https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C&amp;diff=6740&amp;oldid=prev</id>
		<title>Javid: صفحه‌ای تازه حاوی «&lt;html&gt; &lt;style&gt; /* تنظیمات پایه برای خوانایی */ .product-categories {     padding: 40px 20px;     max-width: 1200px;     margin: auto; }  .category-list {     display: flex;     flex-wrap: wrap; /* برای شکستن خط در موبایل */     gap: 20px;     list-style: none;     justify-content: center; }  .category-item {     flex: 1 1 150px; /* حداقل عرض آیتم‌ها */     max-width: 200px;     t...» ایجاد کرد</title>
		<link rel="alternate" type="text/html" href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1_%D8%AE%D8%B7%DB%8C&amp;diff=6740&amp;oldid=prev"/>
		<updated>2026-08-22T09:19:50Z</updated>

		<summary type="html">&lt;p&gt;صفحه‌ای تازه حاوی «&amp;lt;html&amp;gt; &amp;lt;style&amp;gt; &lt;span class=&quot;autocomment&quot;&gt;تنظیمات پایه برای خوانایی: &lt;/span&gt; .product-categories {     padding: 40px 20px;     max-width: 1200px;     margin: auto; }  .category-list {     display: flex;     flex-wrap: wrap; &lt;span class=&quot;autocomment&quot;&gt;برای شکستن خط در موبایل: &lt;/span&gt;     gap: 20px;     list-style: none;     justify-content: center; }  .category-item {     flex: 1 1 150px; &lt;span class=&quot;autocomment&quot;&gt;حداقل عرض آیتم‌ها: &lt;/span&gt;     max-width: 200px;     t...» ایجاد کرد&lt;/p&gt;
&lt;p&gt;&lt;b&gt;صفحهٔ تازه&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;html&amp;gt;&lt;br /&gt;
&amp;lt;style&amp;gt;&lt;br /&gt;
/* تنظیمات پایه برای خوانایی */&lt;br /&gt;
.product-categories {&lt;br /&gt;
    padding: 40px 20px;&lt;br /&gt;
    max-width: 1200px;&lt;br /&gt;
    margin: auto;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-list {&lt;br /&gt;
    display: flex;&lt;br /&gt;
    flex-wrap: wrap; /* برای شکستن خط در موبایل */&lt;br /&gt;
    gap: 20px;&lt;br /&gt;
    list-style: none;&lt;br /&gt;
    justify-content: center;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-item {&lt;br /&gt;
    flex: 1 1 150px; /* حداقل عرض آیتم‌ها */&lt;br /&gt;
    max-width: 200px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    transition: transform 0.3s ease;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.category-item img {&lt;br /&gt;
    width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
    border-radius: 12px;&lt;br /&gt;
    border: 1px solid #ddd;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* افکت هاور برای تجربه کاربری بهتر */&lt;br /&gt;
.category-item:hover {&lt;br /&gt;
    transform: translateY(-10px);&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* ریسپانسیو برای موبایل */&lt;br /&gt;
@media (max-width: 600px) {&lt;br /&gt;
    .category-item {&lt;br /&gt;
        flex: 1 1 45%; /* دو آیتم در هر ردیف در موبایل */&lt;br /&gt;
    }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;lt;section class=&amp;quot;product-categories&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;ul class=&amp;quot;category-list&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;!-- برای هر آیتم، از تگ لینک برای سئو بهتر استفاده کنید --&amp;gt;&lt;br /&gt;
        &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;/category/leather-jackets&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260008-01/260008-01-01.jpg&amp;quot; alt=&amp;quot;کت چرم مردانه و زنانه&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;h3&amp;gt;کت چرم&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
        &amp;lt;/li&amp;gt;&lt;br /&gt;
        &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260008-01/260008-01-02.jpg&amp;quot; alt=&amp;quot;کیف چرم طبیعی دست‌دوز&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;h3&amp;gt;کیف چرم&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
        &amp;lt;/li&amp;gt;&lt;br /&gt;
        &amp;lt;!-- سایر آیتم‌ها --&amp;gt;&lt;br /&gt;
 &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260008-01/260008-01-03.jpg&amp;quot; alt=&amp;quot;کیف چرم طبیعی دست‌دوز&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;h3&amp;gt;کفش چرم&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
        &amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260008-01/260008-01-05.jpg&amp;quot; alt=&amp;quot;کیف چرم طبیعی دست‌دوز&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;h3&amp;gt;کمربند چرم&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
        &amp;lt;/li&amp;gt;&lt;br /&gt;
 &amp;lt;li class=&amp;quot;category-item&amp;quot;&amp;gt;&lt;br /&gt;
            &amp;lt;a href=&amp;quot;/category/leather-bags&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;img src=&amp;quot;https://dl.faraghaib.ir/m/260008-01/260008-01-06.jpg&amp;quot; alt=&amp;quot;کیف چرم طبیعی دست‌دوز&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;h3&amp;gt;کیف پول چرم&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;/a&amp;gt;&lt;br /&gt;
        &amp;lt;/li&amp;gt;&lt;br /&gt;
    &amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;/section&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>Javid</name></author>
	</entry>
</feed>