From 7ee43e3e797f7f69d4d0ec941e362802c1c61242 Mon Sep 17 00:00:00 2001
From: "amirhosein.ashourloo" <amirhosein.ashourloo@gmail.com>
Date: Sun, 20 Sep 2026 00:19:39 +0330
Subject: [PATCH] Header logo 32px; drop fixed row heights for pt-5

The first row's h-[70px] / lg:h-25 only existed to give the old large
logo room, so they are replaced with pt-5. Logo is h-8 (32px).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 AGENTS.md                 | 3 ++-
 src/components/Header.tsx | 8 +++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/AGENTS.md b/AGENTS.md
index 1822352..4597ea4 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -57,7 +57,8 @@ Fonts: IRANYekan (fa, local `public/fonts`) + Montserrat (latin, next/font).
   `getFavicon()` was removed entirely — don't re-add it. Tab icon is the
   bundled `public/favicon.png`. To change the logo, replace the file (keep
   the same name; update `LOGO_WIDTH`/`LOGO_HEIGHT` if its shape changes).
-- Header (desktop) and footer logos both render at `h-[70px] w-auto`.
+- Header (desktop) logo renders at `h-8` (32px), footer logo at `h-[70px]` — sized
+  independently, on request. The header's first row has no fixed height, just `pt-5`.
 - Contact data (phone, mobile, branch addresses, Instagram/Telegram) in
   `src/data/site.ts` is real, pulled from the live theme's footer — `GET
   /website/business-info` still returns empty `phoneNumbers`/`addresses`/
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index ed8e90a..394384c 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -27,17 +27,15 @@ export default function Header({
     <header className="sticky top-0 z-40 w-full border-b border-line bg-white">
       <div className="boxed">
         {/* Mobile keeps the header down to the search box alone — account,
-            cart and browsing live in the fixed bottom bar instead. The row
-            is taller on lg so the desktop logo has room without cramming
-            the search box/buttons beside it. */}
-        <div className="flex h-[70px] items-center gap-4 lg:h-25">
+            cart and browsing live in the fixed bottom bar instead. */}
+        <div className="flex items-center gap-4 pt-5">
           <Link href="/" className="hidden shrink-0 lg:block" aria-label={SITE_NAME}>
             <Image
               src={LOGO_SRC}
               alt={SITE_NAME}
               width={LOGO_WIDTH}
               height={LOGO_HEIGHT}
-              className="h-[70px] w-auto object-contain"
+              className="h-8 w-auto object-contain"
               priority
             />
           </Link>