feat(storefront): dedicated Sweet Corn Box product page with 2-3 click order flow

- New route /tuxedo/products/sweet-corn-box with editorial Fraunces/JetBrains
  Mono typography, paper-grain hero, tilted 'Peak Season 2026' stamp, and
  sticky buy-box (desktop) + sticky mobile bottom bar with 48px+ tap targets
- QuickCartSheet slide-up drawer: mobile bottom sheet (spring + drag-to-close)
  vs desktop right drawer, with Apple Pay / Google Pay / Shop Pay express row
  and one-page 'Checkout' CTA — enables the user's specified 2-3 click flow
- CartContext.buyNow() — single-item cart replace + clear stop for 1-tap
  'Quick Buy' that pushes directly to /checkout
- 4-feature check list, 100% Sweetness Guarantee, FAQ accordion, dark final
  CTA strip, and proper SEO/Open Graph meta

src/app/globals.css

@@ -1,6 +1,15 @@
 @import "tailwindcss";
 
 @theme {
+  /* ─── Font families (Tailwind v4 @theme) ──────────────────────────
+   * Used by the editorial product pages:
+   *   font-display → Fraunces (variable serif, set per-page via next/font)
+   *   font-mono    → JetBrains Mono (variable, set per-page via next/font)
+   * Pages that don't load these fonts fall back to the system serif/mono
+   * stacks, so the rest of the app is unaffected.
+   */
+  --font-display: var(--font-display, ui-serif, Georgia, "Times New Roman", serif);
+  --font-mono: var(--font-mono, ui-monospace, "SF Mono", "JetBrains Mono", monospace);
   /* Apple-inspired dark palette — sophisticated depth */
   --color-surface-50: #f5f5f7;
   --color-surface-100: #e8e8ed;