Polish storefront listing: filters, category directory, and list extras.

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

src/components/product-detail/ProductBuyBox.tsx

@@ -3,6 +3,7 @@
 import Image from "next/image";
 import { useMemo, useState } from "react";
 import type { ProductDetail, ProductVariantOption } from "@/data/product-detail";
+import BilingualTitle from "@/components/ui/BilingualTitle";
 
 type ProductBuyBoxProps = {
   product: ProductDetail;
@@ -115,15 +116,12 @@ export default function ProductBuyBox({ product }: ProductBuyBoxProps) {
   return (
     <div className="flex flex-col gap-6 lg:gap-8">
       <div className="text-right">
-        <h2 className="font-doran text-[clamp(1.5rem,2.5vw,2rem)] font-medium text-ink">
-          {product.nameFa}
-        </h2>
-        <p
-          dir="ltr"
-          className="mt-2 text-right font-montserrat text-xs font-light uppercase tracking-[0.18em] text-muted"
-        >
-          {product.nameEn}
-        </p>
+        <BilingualTitle
+          titleFa={product.nameFa}
+          titleEn={product.nameEn}
+          size="lg"
+          align="end"
+        />
         <p className="mt-4 text-sm leading-7 text-ink/75">{product.summary}</p>
       </div>