From 69b2a3b52cb2ae31eab700fac6ce24191c5a631f Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Sun, 12 Jul 2026 02:50:00 -0400
Subject: [PATCH] x

---
 apps/website/next.config.ts                          | 5 +++++
 apps/website/src/app/[lang]/products/[slug]/page.tsx | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/website/next.config.ts b/apps/website/next.config.ts
index fdc9cc1..65f5b15 100644
--- a/apps/website/next.config.ts
+++ b/apps/website/next.config.ts
@@ -9,6 +9,11 @@ const nextConfig: NextConfig = {
         hostname: "homaroma.shop",
         pathname: "/**",
       },
+      {
+        protocol: "https",
+        hostname: "elysia3051.kitizone.com",
+        pathname: "/**",
+      },
     ],
   },
 };
diff --git a/apps/website/src/app/[lang]/products/[slug]/page.tsx b/apps/website/src/app/[lang]/products/[slug]/page.tsx
index 036e090..0c31392 100644
--- a/apps/website/src/app/[lang]/products/[slug]/page.tsx
+++ b/apps/website/src/app/[lang]/products/[slug]/page.tsx
@@ -154,7 +154,7 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
       {announcementSections.length > 0 && (
         <DynamicPageRenderer sections={announcementSections} categories={categories} lang={lang} />
       )}
-      <div className="mx-auto max-w-7xl space-y-16 px-6 py-14 md:py-20">
+      <div className="mx-auto max-w-7xl space-y-16 px-6 pt-32 pb-14 md:pt-40 md:pb-20">
         <nav className="flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-widest text-muted-text/70">
           <Link href="/" className="transition hover:text-brand-primary">Home</Link>
           <span>/</span>
@@ -168,13 +168,13 @@ export default async function ProductDetailPage({ params }: { params: Promise<{
         </nav>
 
         <section className="grid gap-10 md:grid-cols-2 md:gap-16">
-          <div className="relative overflow-hidden rounded-3xl bg-surface-card shadow-card">
+          <div className="relative aspect-square overflow-hidden rounded-3xl bg-surface-card shadow-card">
             <Image
               src={imageUrl}
               alt={productName}
               fill
               priority={true}
-              className="aspect-square h-full w-full object-cover"
+              className="object-cover"
             />
             {categoryName && (
               <div className="absolute left-5 top-5 rounded-full bg-surface-card/90 px-4 py-2 text-xs font-bold uppercase tracking-widest text-text-main shadow-sm">