عطاری و ادویه سرای حافظ: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

@@ خط ۶۹: / خط ۶۹: @@
    }
-   .category-section__title {
+   .category-section__title {<small>
      margin: 0 0 18px;
      font-size: 28px;
@@ خط ۱۳۶: / خط ۱۳۶: @@
 {{دایره های کنار هم/عطاری حافظ}}
+<html>
-<html>
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; margin: 1em 0; direction: rtl;">
-<div style="width: 50%; display: flex; justify-content: center; margin: 1em 0;">
-     <div style="width: 50%; max-width: 500px; padding: 0 10px; box-sizing: border-box;">
+    <!-- کارت تصویر اول: بادام -->
-         <div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 1px solid #ddd;">
+     <div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;">
+         <div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;">
              <img src="https://dl.faraghaib.ir/m/105/badam.png"
-                  alt="عطاری و ادویه سرای حافظ"
+                  alt="عطاری و ادویه سرای حافظ - محصولات گیاهی"
+                 style="width: 100%; height: auto; display: block; object-fit: cover;">
+        </div>
+    </div>
+<!-- کارت تصویر سوم: شربت سرفه -->
+    <div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;">
+        <div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;">
+            <img src="https://dl.faraghaib.ir/m/105/sorfe.png"
+                 alt="فراغیب - شربت سرفه "
                   style="width: 100%; height: auto; display: block; object-fit: cover;">
          </div>
      </div>
-</div>
-<div style="width: 50%; display: flex; justify-content: center; margin: 1em 0;">
-     <div style="width: 50%; max-width: 500px; padding: 0 10px; box-sizing: border-box;">
-         <div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 1px solid #ddd;">
+    <!-- کارت تصویر دوم: کرم موو -->
+     <div style="flex: 1; min-width: 280px; max-width: 45%; box-sizing: border-box;">
+         <div style="overflow: hidden; border-radius: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid #eee;">
              <img src="https://dl.faraghaib.ir/m/105/moov.png"
-                  alt="عطاری و ادویه سرای حافظ"
+                  alt="فراغیب - کرم تسکین درد موو"
                   style="width: 100%; height: auto; display: block; object-fit: cover;">
          </div>
      </div>
 </div>
 </html>
 {{باکس سلامتی/عطاری حافظ/چرا مشتری}}
@@ خط ۱۶۴: / خط ۱۸۱: @@
 {{باکس سلامتی/عطاری حافظ/خدمات ویژه}}
 {{لوکیشن/عطاری حافظ}}
-{{بخش اطلاعات تماس/عطاری حافظ}}
 [[رده:عطاری]]