From 06f7dcf570948176a3695a8682a33d738e36020a Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Thu, 2 Apr 2026 15:35:48 +0300
Subject: [PATCH] fix: admin sticky header, pricing rules textarea, hero 3D
 text shadow

- Admin mobile header: sticky top so it stays visible on scroll
- Pricing rules: auto-expanding textarea instead of single-line input
- Hero text: layered gold+shadow for 3D depth effect
---
 src/app/admin/layout.tsx         |  2 +-
 src/app/admin/pricing/page.tsx   | 13 +++++++++----
 src/components/sections/Hero.tsx |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 5ed4cee..314d90d 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -163,7 +163,7 @@ export default function AdminLayout({
       {/* Main content */}
       <div className="flex-1 flex flex-col min-w-0">
         {/* Top bar (mobile) */}
-        <header className="flex items-center gap-3 border-b border-white/10 px-4 py-3 lg:hidden">
+        <header className="sticky top-0 z-30 flex items-center gap-3 border-b border-white/10 bg-neutral-950 px-4 py-3 lg:hidden">
           <button
             onClick={() => setSidebarOpen(true)}
             aria-label="Открыть меню"
diff --git a/src/app/admin/pricing/page.tsx b/src/app/admin/pricing/page.tsx
index 5233943..24ac1c6 100644
--- a/src/app/admin/pricing/page.tsx
+++ b/src/app/admin/pricing/page.tsx
@@ -200,11 +200,16 @@ function PricingContent({ data, update }: { data: PricingData; update: (d: Prici
               onChange={(rules) => update({ ...data, rules })}
               inline
               renderItem={(rule, _i, updateItem) => (
-                <input
-                  type="text"
+                <textarea
                   value={rule}
-                  onChange={(e) => updateItem(e.target.value)}
-                  className="w-full rounded-lg border border-white/10 bg-neutral-800 px-3 py-2 text-sm text-white placeholder-neutral-500 outline-none hover:border-gold/30 focus:border-gold transition-colors"
+                  onChange={(e) => {
+                    updateItem(e.target.value);
+                    e.target.style.height = "auto";
+                    e.target.style.height = e.target.scrollHeight + "px";
+                  }}
+                  ref={(el) => { if (el) { el.style.height = "auto"; el.style.height = el.scrollHeight + "px"; } }}
+                  rows={1}
+                  className="w-full rounded-lg border border-white/10 bg-neutral-800 px-3 py-2 text-sm text-white placeholder-neutral-500 outline-none hover:border-gold/30 focus:border-gold transition-colors resize-none overflow-hidden"
                   placeholder="Текст правила..."
                 />
               )}
diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index dfaa441..126a5a7 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -158,7 +158,7 @@ export function Hero({ data: hero }: HeroProps) {
       <FloatingHearts />
 
       {/* Content */}
-      <div className="section-container relative z-10 text-center">
+      <div className="section-container relative z-10 text-center" style={{ textShadow: "0 1px 0 rgba(201,169,110,0.3), 0 2px 0 rgba(201,169,110,0.2), 0 4px 8px rgba(0,0,0,0.4), 0 8px 20px rgba(0,0,0,0.3)" }}>
         <div className="hero-logo relative mx-auto mb-10 flex items-center justify-center" style={{ width: 220, height: 181 }}>
           <div className="absolute -inset-10 rounded-full blur-[80px]" style={{ background: "radial-gradient(circle, rgba(201,169,110,0.25), transparent 70%)" }} />
           <div className="hero-logo-heartbeat relative">