Improve mobile storefront layout, navigation, and product browsing.

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

src/components/home/SiteFooter.tsx

@@ -15,7 +15,7 @@ export default function SiteFooter({
   paymentBadges = "/images/home/banners/payment-badges.png",
 }: SiteFooterProps) {
   return (
-    <footer dir="rtl" className="mt-8">
+    <footer dir="rtl">
       <div className="bg-[#ebebeb]">
         <div className="mx-auto flex max-w-[1920px] flex-col items-center justify-between gap-4 px-4 py-5 sm:flex-row sm:px-6 lg:px-[120px]">
           <p className="max-w-xl text-center text-sm font-light text-ink sm:text-start sm:text-base">