From 976d291261eee5011d12608083962bde9dbd792b Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sun, 15 Feb 2026 23:21:07 +0100
Subject: [PATCH] chore(website): improve layout and styling for DownloadCTA
 and Hero components for mobile version Entire-Checkpoint: 033757b19995

---
 apps/website/src/components/DownloadCTA.astro | 2 +-
 apps/website/src/components/Hero.astro        | 2 +-
 apps/website/src/layouts/BaseLayout.astro     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/DownloadCTA.astro b/apps/website/src/components/DownloadCTA.astro
index cd7453398..b530ce806 100644
--- a/apps/website/src/components/DownloadCTA.astro
+++ b/apps/website/src/components/DownloadCTA.astro
@@ -23,7 +23,7 @@ const packageManagers = [
 ];
 ---
 
-<section id="download" class="relative py-28">
+<section id="download" class="relative overflow-hidden py-28">
   <hr class="section-divider mb-28" />
 
   <!-- Ambient glow -->
diff --git a/apps/website/src/components/Hero.astro b/apps/website/src/components/Hero.astro
index edd38a3d3..6070ea00d 100644
--- a/apps/website/src/components/Hero.astro
+++ b/apps/website/src/components/Hero.astro
@@ -35,7 +35,7 @@ const heroSocialLinks = [
       src="/iptvnator/illustrations/hero-ambient-broadcast-waves.svg"
       alt=""
       aria-hidden="true"
-      class="mx-auto h-[18rem] w-full min-w-[1100px] object-cover md:h-[22rem] lg:h-[26rem]"
+      class="mx-auto h-[18rem] w-[140%] max-w-none object-cover md:h-[22rem] md:w-full lg:h-[26rem]"
       loading="eager"
     />
   </div>
diff --git a/apps/website/src/layouts/BaseLayout.astro b/apps/website/src/layouts/BaseLayout.astro
index cb19b0b9e..4a6ba3dc4 100644
--- a/apps/website/src/layouts/BaseLayout.astro
+++ b/apps/website/src/layouts/BaseLayout.astro
@@ -36,7 +36,7 @@ const { title, description, image, type, noindex, keywords, publishedTime, modif
   </head>
   <body class="min-h-screen bg-surface-950 font-body text-surface-200">
     <Header />
-    <main>
+    <main class="overflow-x-hidden">
       <slot />
     </main>
     <Footer />