update

components/navigation/navigation.tsx

@@ -139,7 +139,7 @@ export function Navigation({
           <SheetHeader>
             <SheetTitle className="text-left">{brand}</SheetTitle>
           </SheetHeader>
-          <nav className="mt-6 flex flex-col gap-1">
+          <nav className="mt-2 flex flex-col gap-1 px-4">
             {links.map((l) => (
               <Link
                 key={l.href + l.label}
@@ -160,7 +160,7 @@ export function Navigation({
             <SheetTitle className="text-left">Cart</SheetTitle>
           </SheetHeader>
 
-          <div className="-mx-6 mt-4 flex-1 overflow-y-auto px-6">
+          <div className="mt-2 flex-1 overflow-y-auto px-4">
             {cart?.items?.length ? (
               <ul className="divide-y divide-border">
                 {cart.items.map((line: any) => (
@@ -217,7 +217,7 @@ export function Navigation({
           </div>
 
           {cart?.items?.length ? (
-            <div className="border-t border-border pt-4">
+            <div className="border-t border-border p-4">
               <div className="mb-4 flex items-center justify-between text-sm">
                 <span className="text-muted-foreground">Subtotal</span>
                 <span className="font-medium">

src/globals.css

@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@fontsource-variable/geist";
 
 @custom-variant dark (&:is(.dark *));