Keep single-column layout on mobile until desktop breakpoints.

Wide max-widths and shop grids now only expand at lg/xl, not sm/md.

components/avatar/avatar-customize-layout.tsx

@@ -18,7 +18,7 @@ export function AvatarCustomizeLayout({
     <div className="relative min-h-dvh bg-background bg-[radial-gradient(circle_at_20%_0%,hsl(var(--primary)/0.12)_0%,transparent_45%),radial-gradient(circle_at_80%_100%,hsl(var(--secondary)/0.1)_0%,transparent_40%)] pt-topbar">
       <AppTopBar />
 
-      <main className="mx-auto max-w-lg px-4 py-6 md:max-w-3xl md:px-5 lg:max-w-6xl">
+      <main className="mx-auto max-w-lg px-4 py-6 lg:max-w-6xl lg:px-5">
         <AppPageHeader
           eyebrow={eyebrow}
           title={title}