Make categories dock glass blur reliable in Chromium.

Keep backdrop-filter inline, portal outside overflow-clipped app chrome, and avoid transform centering.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/CategoriesDock.tsx

@@ -50,7 +50,15 @@ const DOCK_CATEGORIES = [
 export default function CategoriesDock() {
   return createPortal(
     <nav className="categories-dock" aria-label="دسته‌بندی محصولات">
-      <div className="categories-dock__glass" aria-hidden="true" />
+      <div
+        className="categories-dock__glass"
+        aria-hidden="true"
+        style={{
+          // Inline so Vite/LightningCSS cannot drop the unprefixed property.
+          backdropFilter: 'blur(20px) saturate(170%)',
+          WebkitBackdropFilter: 'blur(20px) saturate(170%)',
+        }}
+      />
       <ul className="categories-dock__list">
         {DOCK_CATEGORIES.map((category) => (
           <li key={category.slug} className="categories-dock__item">