From ff291448f3e69e214371ad9c2e9925ce7c782903 Mon Sep 17 00:00:00 2001
From: Alireza Hassani <alirezahassani@Meshkees-Mac-mini.local>
Date: Wed, 7 Oct 2026 18:26:47 +0330
Subject: [PATCH] Match category image slots to the homepage bento frame sizes.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/website-slots/website-slot.catalog.ts | 50 +++++++++++++++++++++--
 1 file changed, 47 insertions(+), 3 deletions(-)

diff --git a/src/website-slots/website-slot.catalog.ts b/src/website-slots/website-slot.catalog.ts
index 1bc61fa..3e031a0 100644
--- a/src/website-slots/website-slot.catalog.ts
+++ b/src/website-slots/website-slot.catalog.ts
@@ -36,12 +36,56 @@ export const WEBSITE_SLOT_DEFS: WebsiteSlotDef[] = [
     aspectLabel: '1920×1080',
   },
   {
+    /**
+     * Homepage CategoryBento (lg): 3×3 grid, height min(62vw, 560px).
+     * Cell sizes at 1520×560 content (max-w 1600 − lg padding, 8px gaps):
+     *   0: 1×3 tall · 1: 2×1 wide · 2: 1×1 · 3: 1×2 · 4: 1×1
+     * Mobile tiles are all aspect 4/5 — crop for desktop; cover crops on mobile.
+     */
     slug: 'category-strip',
     labelFa: 'دسته‌بندی‌ها',
     labelEn: 'Categories',
-    kind: 'collection',
-    aspectRatio: 68 / 80,
-    aspectLabel: '68×80',
+    kind: 'fixed-set',
+    itemCount: 5,
+    aspectRatio: 501 / 560,
+    aspectLabel: 'بنتو · ۵ قاب',
+    cellLabels: [
+      {
+        labelFa: 'قاب بلند',
+        labelEn: 'Tall',
+        aspectRatio: 501 / 560,
+        aspectLabel: '501×560',
+        previewWidthRem: 7,
+      },
+      {
+        labelFa: 'قاب عریض',
+        labelEn: 'Wide',
+        aspectRatio: 1011 / 181,
+        aspectLabel: '1011×181',
+        previewWidthRem: 16,
+      },
+      {
+        labelFa: 'قاب میانی',
+        labelEn: 'Middle',
+        aspectRatio: 501 / 181,
+        aspectLabel: '501×181',
+        previewWidthRem: 9,
+      },
+      {
+        labelFa: 'قاب نیمه‌بلند',
+        labelEn: 'Half-tall',
+        aspectRatio: 501 / 371,
+        aspectLabel: '501×371',
+        previewWidthRem: 8,
+      },
+      {
+        labelFa: 'قاب پایین',
+        labelEn: 'Bottom',
+        aspectRatio: 501 / 181,
+        aspectLabel: '501×181',
+        previewWidthRem: 9,
+      },
+    ],
   },
   {
     slug: 'promo-1',