Redesign storefront to match minimal reference design

Product cards, header, footer, PDP, and typography reworked toward a
leaner layout; adds shop policy pages backed by the Storefront API.

- Type: switch to Geist Sans/Mono, regular-weight headings
- Product cards: drop borders, rounded corners, and action buttons
- Header: shorter bar, no bottom border, center-out hover underline,
  bag icon replacing the cart icon (drawer wording updated to match)
- Footer: single line with policy links and social icons on bg-background
- Policies: /policies/[handle] renders shop.privacyPolicy,
  termsOfService, refundPolicy, shippingPolicy, subscriptionPolicy
  (SSG, hourly revalidation)
- PDP: image grid with mobile carousel + dots and click-to-zoom,
  sticky info column, colour swatches from option optionValues with a
  configurable name-to-colour fallback in config/swatches.ts,
  Shop-purple checkout button
- Recommendations: left-aligned heading on bg-background
- Ignore .env*.local and tsconfig.tsbuildinfo

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016jWbNNJLksC1QG8z8845FX

components/shopify/cart-drawer.tsx

@@ -17,6 +17,7 @@ import {
   RiImageLine,
   RiSubtractLine,
   RiAddLine,
+  RiShoppingBagLine,
 } from '@remixicon/react';
 import {
   Empty,
@@ -65,8 +66,9 @@ const CartDrawer: React.FC = () => {
             {/* Header */}
             <SheetHeader className="h-14 min-h-0 px-4 py-3 flex items-center">
               <div className="flex items-center justify-between w-full">
-                <SheetTitle className="text-base">
-                  Shopping Cart ({itemCount})
+                <SheetTitle className="text-base flex items-center gap-x-2">
+                  <RiShoppingBagLine size={18} />
+                  Bag ({itemCount})
                 </SheetTitle>
                 <Button onClick={closeCart} variant="ghost" size="icon-sm">
                   <RiCloseLine size={20} />
@@ -83,7 +85,7 @@ const CartDrawer: React.FC = () => {
               ) : items.length === 0 ? (
                 <Empty>
                   <EmptyHeader>
-                    <EmptyTitle>Your cart is empty</EmptyTitle>
+                    <EmptyTitle>Your bag is empty</EmptyTitle>
                     <EmptyDescription>
                       Add some products to get started!
                     </EmptyDescription>