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

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

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

@@ خط ۱۶: / خط ۱۶: @@
      <div id="categoryGrid" class="fz-category-grid">
-         <!-- کارت‌های دسته‌بندی -->
+         <!-- کارت‌های دسته‌بندی با لینک‌های دقیق درخواستی شما -->
          <a href="کافه های نسیم شهر" class="fz-card all">
              <span class="fz-title">کافه</span>
@@ خط ۵۹۳: / خط ۵۹۳: @@
          </a>
-         <a href="سینما های نسیم شهر" class="fz-card all">
+         <a href="سينما های نسیم شهر" class="fz-card all">
              <span class="fz-title">سینما</span>
          </a>
@@ خط ۶۵۵: / خط ۶۵۵: @@
      border-radius: 20px;
      outline: none;
-     font-size: 16px;
+     font-size: 15px;
      font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
      transition: 0.3s;
@@ خط ۶۷۵: / خط ۶۷۵: @@
 .fz-filter-btn.active { background: #16bd78 !important; color: white !important; }
-/* چیدمان شبکه کارت‌ها */
+/* چیدمان شبکه کارت‌ها - دسکتاپ ۳ ستونه */
 .fz-category-grid {
      display: grid !important;
-     grid-template-columns: repeat(4, 1fr) !important;
+     grid-template-columns: repeat(3, 1fr) !important;
      gap: 12px !important;
      width: 100% !important;
@@ خط ۶۸۶: / خط ۶۸۶: @@
 .fz-card {
      background: white !important;
-     height: 50px !important;
+     height: 48px !important;
      display: flex !important;
      align-items: center !important;
@@ خط ۷۰۲: / خط ۷۰۲: @@
 .fz-card:hover { transform: translateY(-3px); box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; }
-/* استایل فونت داخل کارت (۲۰ درصد بزرگتر از ۱۴) */
+/* استایل فونت داخل کارت */
 .fz-title {
      font-family: 'IRANSans', 'IRANSansWeb', Tahoma, Arial, sans-serif !important;
      font-weight: bold !important;
      color: #444 !important;
-     font-size: 17px !important; /* تنظیم شده روی ۱۷ پیکسل */
+     font-size: 15.4px !important;
      text-align: center;
      white-space: nowrap;
@@ خط ۷۱۵: / خط ۷۱۵: @@
 }
-/* واکنش‌گرایی */
+/* واکنش‌گرایی بر اساس تعداد ستون‌ها */
-@media (max-width: 1200px) { .fz-category-grid { grid-template-columns: repeat(3, 1fr) !important; } }
+@media (max-width: 850px) {
-@media (max-width: 850px) { .fz-category-grid { grid-template-columns: repeat(2, 1fr) !important; } }
+    .fz-category-grid {
-@media (max-width: 500px) { .fz-category-grid { grid-template-columns: repeat(1, 1fr) !important; } }
+        grid-template-columns: repeat(2, 1fr) !important; /* تبلت ۲ ستونه */
+    }
+}
+@media (max-width: 500px) {
+    .fz-category-grid {
+        grid-template-columns: repeat(1, 1fr) !important; /* موبایل تک ستونه */
+    }
+}
 .is-hidden { display: none !important; }