From 66bb86a5f286b40eb0cc7cbac8a82ad3d6336de2 Mon Sep 17 00:00:00 2001
From: Fringg <egor.andrianovv@gmail.com>
Date: Sat, 7 Mar 2026 15:34:59 +0300
Subject: [PATCH] fix: allow animated background to show through on landing
 pages

The root div had an opaque bg-dark-950 that covered the portal-rendered
animated background at zIndex:-2. Remove the opaque background when
background_config is present, matching the AppShell pattern.
---
 src/pages/QuickPurchase.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/QuickPurchase.tsx b/src/pages/QuickPurchase.tsx
index 5c6ae42..537f03e 100644
--- a/src/pages/QuickPurchase.tsx
+++ b/src/pages/QuickPurchase.tsx
@@ -963,7 +963,7 @@ export default function QuickPurchase() {
   const showTariffCards = visibleTariffs.length > 1;
 
   return (
-    <div className="min-h-dvh overflow-x-hidden bg-dark-950">
+    <div className={cn('min-h-dvh overflow-x-hidden', !config.background_config && 'bg-dark-950')}>
       {config.background_config && <StaticBackgroundRenderer config={config.background_config} />}
       <div className="mx-auto max-w-5xl px-4 py-8 sm:px-6 lg:px-8">
         {/* Language switcher */}