diff --git a/src/App.tsx b/src/App.tsx
index 46e0ea8..5b484ca 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -406,9 +406,11 @@ function App() {
         <Route
           path="/connection/qr"
           element={
-            <LazyPage>
-              <ConnectionQR />
-            </LazyPage>
+            <ProtectedRoute>
+              <LazyPage>
+                <ConnectionQR />
+              </LazyPage>
+            </ProtectedRoute>
           }
         />
         <Route
diff --git a/src/api/landings.ts b/src/api/landings.ts
index 18b5b1d..f557de0 100644
--- a/src/api/landings.ts
+++ b/src/api/landings.ts
@@ -126,6 +126,8 @@ export interface PurchaseStatus {
   cabinet_email: string | null;
   cabinet_password: string | null;
   auto_login_token: string | null;
+  recipient_in_bot: boolean | null;
+  bot_link: string | null;
 }
 
 // ============================================================
diff --git a/src/components/PromoOffersSection.tsx b/src/components/PromoOffersSection.tsx
index edc9674..a8accdf 100644
--- a/src/components/PromoOffersSection.tsx
+++ b/src/components/PromoOffersSection.tsx
@@ -116,6 +116,8 @@ export default function PromoOffersSection({ className = '' }: PromoOffersSectio
       queryClient.invalidateQueries({ queryKey: ['promo-offers'] });
       queryClient.invalidateQueries({ queryKey: ['active-discount'] });
       queryClient.invalidateQueries({ queryKey: ['subscription'] });
+      queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
+      queryClient.invalidateQueries({ queryKey: ['balance'] });
       setSuccessMessage(result.message);
       setClaimingId(null);
       setTimeout(() => setSuccessMessage(null), 5000);
diff --git a/src/components/WebSocketNotifications.tsx b/src/components/WebSocketNotifications.tsx
index 5d93cbe..d411263 100644
--- a/src/components/WebSocketNotifications.tsx
+++ b/src/components/WebSocketNotifications.tsx
@@ -41,6 +41,7 @@ export default function WebSocketNotifications() {
         });
         // Refresh data
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
         refreshUser();
         return;
@@ -67,6 +68,7 @@ export default function WebSocketNotifications() {
           duration: 5000,
         });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
         refreshUser();
         return;
@@ -82,6 +84,7 @@ export default function WebSocketNotifications() {
         });
         queryClient.invalidateQueries({ queryKey: ['subscription'] });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         refreshUser();
         return;
       }
@@ -95,6 +98,7 @@ export default function WebSocketNotifications() {
         });
         queryClient.invalidateQueries({ queryKey: ['subscription'] });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         refreshUser();
         return;
       }
@@ -151,6 +155,7 @@ export default function WebSocketNotifications() {
           duration: 5000,
         });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         refreshUser();
         return;
       }
@@ -180,6 +185,7 @@ export default function WebSocketNotifications() {
         });
         queryClient.invalidateQueries({ queryKey: ['subscription'] });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
         refreshUser();
         return;
@@ -195,6 +201,7 @@ export default function WebSocketNotifications() {
         });
         queryClient.invalidateQueries({ queryKey: ['subscription'] });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
         refreshUser();
         return;
@@ -220,6 +227,7 @@ export default function WebSocketNotifications() {
         });
         queryClient.invalidateQueries({ queryKey: ['subscription'] });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         refreshUser();
         return;
       }
@@ -329,6 +337,7 @@ export default function WebSocketNotifications() {
           duration: 8000,
         });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['referral-stats'] });
         refreshUser();
         return;
@@ -375,6 +384,7 @@ export default function WebSocketNotifications() {
           duration: 6000,
         });
         queryClient.invalidateQueries({ queryKey: ['balance'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
         refreshUser();
         return;
diff --git a/src/components/admin/AdminBackButton.tsx b/src/components/admin/AdminBackButton.tsx
index 5dc084b..6770f90 100644
--- a/src/components/admin/AdminBackButton.tsx
+++ b/src/components/admin/AdminBackButton.tsx
@@ -4,6 +4,7 @@ import { BackIcon } from './icons';
 
 interface AdminBackButtonProps {
   to?: string;
+  replace?: boolean;
   className?: string;
 }
 
@@ -11,7 +12,7 @@ interface AdminBackButtonProps {
  * Back button for admin pages.
  * Hidden in Telegram Mini App since native back button is used instead.
  */
-export function AdminBackButton({ to = '/admin', className }: AdminBackButtonProps) {
+export function AdminBackButton({ to = '/admin', replace, className }: AdminBackButtonProps) {
   const { platform } = usePlatform();
 
   // In Telegram Mini App, we use native back button
@@ -22,6 +23,7 @@ export function AdminBackButton({ to = '/admin', className }: AdminBackButtonPro
   return (
     <Link
       to={to}
+      replace={replace}
       className={
         className ||
         'flex h-10 w-10 items-center justify-center rounded-xl border border-dark-700 bg-dark-800 transition-colors hover:border-dark-600'
diff --git a/src/locales/en.json b/src/locales/en.json
index 83e5890..130143d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -4060,6 +4060,11 @@
     "giftSentSuccess": "Gift sent!",
     "giftSentDesc": "Recipient will be notified by email",
     "giftPendingActivationDesc": "The recipient already has an active subscription. They will receive a link to activate the gift.",
+    "giftTelegramSent": "Gift notification sent to recipient via Telegram",
+    "giftTelegramNotInBot": "Recipient hasn't started the bot yet. Send them this link:",
+    "giftTelegramPendingSent": "Activation request sent to recipient via Telegram",
+    "giftTelegramPendingNotInBot": "Recipient hasn't started the bot yet. Send them the bot link so they can activate the gift:",
+    "openBot": "Open bot",
     "autoLoginFailed": "Auto-login failed",
     "autoLoginProcessing": "Signing in...",
     "discount": {
diff --git a/src/locales/fa.json b/src/locales/fa.json
index f6c21df..89df8b6 100644
--- a/src/locales/fa.json
+++ b/src/locales/fa.json
@@ -3552,6 +3552,11 @@
     "giftSentSuccess": "هدیه ارسال شد!",
     "giftSentDesc": "گیرنده از طریق ایمیل مطلع خواهد شد",
     "giftPendingActivationDesc": "گیرنده در حال حاضر اشتراک فعال دارد. لینک فعال‌سازی هدیه برای او ارسال خواهد شد.",
+    "giftTelegramSent": "اطلاعیه هدیه از طریق تلگرام به گیرنده ارسال شد",
+    "giftTelegramNotInBot": "گیرنده هنوز ربات را شروع نکرده است. این لینک را برای او ارسال کنید:",
+    "giftTelegramPendingSent": "درخواست فعال‌سازی از طریق تلگرام به گیرنده ارسال شد",
+    "giftTelegramPendingNotInBot": "گیرنده هنوز در ربات نیست. لینک ربات را برایش ارسال کنید تا بتواند هدیه را فعال کند:",
+    "openBot": "باز کردن ربات",
     "autoLoginFailed": "ورود خودکار ناموفق بود",
     "autoLoginProcessing": "در حال ورود...",
     "periodLabels": {
diff --git a/src/locales/ru.json b/src/locales/ru.json
index 9fde123..4f5022e 100644
--- a/src/locales/ru.json
+++ b/src/locales/ru.json
@@ -4620,6 +4620,11 @@
     "giftSentSuccess": "Подарок отправлен!",
     "giftSentDesc": "Получатель получит уведомление на email",
     "giftPendingActivationDesc": "У получателя уже есть активная подписка. Ему будет отправлена ссылка для активации подарка.",
+    "giftTelegramSent": "Мы отправили получателю уведомление о подарке в Telegram",
+    "giftTelegramNotInBot": "Получатель пока не пользуется ботом. Отправьте ему эту ссылку, чтобы он мог забрать подарок:",
+    "giftTelegramPendingSent": "Мы отправили получателю предложение активировать подарок в Telegram",
+    "giftTelegramPendingNotInBot": "Получатель пока не пользуется ботом. Отправьте ему ссылку, чтобы он мог активировать подарок:",
+    "openBot": "Ссылка на бота",
     "autoLoginFailed": "Не удалось выполнить автоматический вход",
     "autoLoginProcessing": "Выполняется вход...",
     "discount": {
diff --git a/src/locales/zh.json b/src/locales/zh.json
index 1213972..23640a2 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -3551,6 +3551,11 @@
     "giftSentSuccess": "礼物已发送！",
     "giftSentDesc": "收件人将通过邮件收到通知",
     "giftPendingActivationDesc": "收件人已有活跃订阅。他们将收到激活礼物的链接。",
+    "giftTelegramSent": "已通过 Telegram 向收件人发送通知",
+    "giftTelegramNotInBot": "收件人尚未启动机器人。请将此链接发送给他们：",
+    "giftTelegramPendingSent": "已通过 Telegram 向收件人发送激活请求",
+    "giftTelegramPendingNotInBot": "收件人尚未启动机器人。请将机器人链接发送给他们以激活礼物：",
+    "openBot": "打开机器人",
     "autoLoginFailed": "自动登录失败",
     "autoLoginProcessing": "正在登录...",
     "periodLabels": {
diff --git a/src/pages/Balance.tsx b/src/pages/Balance.tsx
index f6f9809..f591ccc 100644
--- a/src/pages/Balance.tsx
+++ b/src/pages/Balance.tsx
@@ -79,6 +79,7 @@ export default function Balance() {
       refreshUser();
       queryClient.invalidateQueries({ queryKey: ['transactions'] });
       queryClient.invalidateQueries({ queryKey: ['subscription'] });
+      queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
 
       showToast({
         type: 'success',
@@ -164,6 +165,7 @@ export default function Balance() {
         await refetchBalance();
         await refreshUser();
         queryClient.invalidateQueries({ queryKey: ['transactions'] });
+        queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
       }
     } catch (error: unknown) {
       const axiosError = error as { response?: { data?: { detail?: string } } };
diff --git a/src/pages/Connection.tsx b/src/pages/Connection.tsx
index 21e7e9b..1907721 100644
--- a/src/pages/Connection.tsx
+++ b/src/pages/Connection.tsx
@@ -37,6 +37,7 @@ export default function Connection() {
 
   const handleOpenQR = useCallback(() => {
     navigate('/connection/qr', {
+      replace: !isTelegramWebApp,
       state: {
         url: appConfig?.subscriptionUrl,
         hideLink: appConfig?.hideLink ?? false,
diff --git a/src/pages/ConnectionQR.tsx b/src/pages/ConnectionQR.tsx
index b09cffe..5671a2a 100644
--- a/src/pages/ConnectionQR.tsx
+++ b/src/pages/ConnectionQR.tsx
@@ -2,8 +2,8 @@ import { useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { useTranslation } from 'react-i18next';
 import { QRCodeSVG } from 'qrcode.react';
-import { useAuthStore } from '../store/auth';
 import { useBranding } from '../hooks/useBranding';
+import { AdminBackButton } from '@/components/admin';
 
 interface ConnectionQRState {
   url: string;
@@ -20,96 +20,56 @@ export default function ConnectionQR() {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const location = useLocation();
-  const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
-  const isLoading = useAuthStore((state) => state.isLoading);
   const { appName } = useBranding();
 
   const state = location.state as unknown;
   const validState = isValidState(state) ? state : null;
 
   useEffect(() => {
-    if (!isLoading && !isAuthenticated) {
-      navigate('/login', { replace: true });
-    }
-  }, [isAuthenticated, isLoading, navigate]);
-
-  useEffect(() => {
-    if (!isLoading && isAuthenticated && !validState) {
+    if (!validState) {
       navigate('/connection', { replace: true });
     }
-  }, [isLoading, isAuthenticated, validState, navigate]);
+  }, [validState, navigate]);
 
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        navigate(-1);
-      }
-    };
-    document.addEventListener('keydown', handleKeyDown);
-    return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [navigate]);
-
-  if (isLoading || !validState) {
+  if (!validState) {
     return null;
   }
 
   return (
-    <div className="fixed inset-0 z-50 flex min-h-dvh flex-col items-center justify-center bg-gradient-to-b from-dark-900 to-dark-950">
-      {/* Close button */}
-      <button
-        type="button"
-        onClick={() => navigate(-1)}
-        className="absolute left-4 top-4 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-dark-800/60 backdrop-blur-sm transition-colors hover:bg-dark-700/80"
-        aria-label={t('common.close')}
-      >
-        <svg
-          className="h-5 w-5 text-dark-200"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke="currentColor"
-          strokeWidth={2}
-        >
-          <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-        </svg>
-      </button>
+    <div className="animate-fade-in">
+      <div className="mb-6 flex items-center gap-3">
+        <AdminBackButton to="/connection" replace />
+        <h1 className="text-2xl font-bold text-dark-100">{t('subscription.connection.qrTitle')}</h1>
+      </div>
 
-      {/* Content */}
-      <div className="flex w-full max-w-sm animate-scale-in flex-col items-center px-6">
-        {/* Branding name */}
-        {appName && (
-          <p className="mb-3 text-sm font-medium uppercase tracking-wider text-dark-400">
-            {appName}
+      <div className="flex flex-col items-center">
+        <div className="flex w-full max-w-sm flex-col items-center px-6">
+          {appName && (
+            <p className="mb-3 text-sm font-medium uppercase tracking-wider text-dark-400">
+              {appName}
+            </p>
+          )}
+
+          <p className="mb-8 text-center text-sm text-dark-400">
+            {t('subscription.connection.qrScanHint')}
           </p>
-        )}
 
-        {/* Title */}
-        <h1 className="mb-2 text-center text-xl font-bold text-dark-100">
-          {t('subscription.connection.qrTitle')}
-        </h1>
+          <div className="rounded-3xl bg-white p-6">
+            <QRCodeSVG
+              value={validState.url}
+              size={280}
+              level="M"
+              includeMargin={false}
+              className="h-[280px] w-[280px] sm:h-[360px] sm:w-[360px]"
+            />
+          </div>
 
-        {/* Hint */}
-        <p className="mb-8 text-center text-sm text-dark-400">
-          {t('subscription.connection.qrScanHint')}
-        </p>
-
-        {/* QR code container */}
-        <div className="rounded-3xl bg-white p-6">
-          <QRCodeSVG
-            value={validState.url}
-            size={280}
-            level="M"
-            includeMargin={false}
-            className="h-[280px] w-[280px] sm:h-[360px] sm:w-[360px]"
-          />
+          {!validState.hideLink && (
+            <p className="mt-6 max-w-full truncate text-center font-mono text-xs text-dark-500">
+              {validState.url}
+            </p>
+          )}
         </div>
-
-        {/* URL display */}
-        {!validState.hideLink && (
-          <p className="mt-6 max-w-full truncate text-center font-mono text-xs text-dark-500">
-            {validState.url}
-          </p>
-        )}
       </div>
     </div>
   );
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index b355b6d..2861117 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -87,6 +87,7 @@ export default function Dashboard() {
       queryClient.invalidateQueries({ queryKey: ['subscription'] });
       queryClient.invalidateQueries({ queryKey: ['trial-info'] });
       queryClient.invalidateQueries({ queryKey: ['balance'] });
+      queryClient.invalidateQueries({ queryKey: ['purchase-options'] });
       refreshUser();
     },
     onError: (error: { response?: { data?: { detail?: string } } }) => {
diff --git a/src/pages/PurchaseSuccess.tsx b/src/pages/PurchaseSuccess.tsx
index a4e9575..94ac3f5 100644
--- a/src/pages/PurchaseSuccess.tsx
+++ b/src/pages/PurchaseSuccess.tsx
@@ -218,6 +218,9 @@ function SuccessState({
   periodDays,
   isGift,
   giftMessage,
+  recipientInBot,
+  botLink,
+  contactType,
 }: {
   subscriptionUrl: string | null;
   cryptoLink: string | null;
@@ -227,6 +230,9 @@ function SuccessState({
   periodDays: number | null;
   isGift: boolean;
   giftMessage: string | null;
+  recipientInBot: boolean | null;
+  botLink: string | null;
+  contactType: string | null;
 }) {
   const { t } = useTranslation();
   const [copied, setCopied] = useState(false);
@@ -299,7 +305,13 @@ function SuccessState({
             {tariffName} — {periodDays} {t('landing.daysAccess')}
           </p>
         )}
-        {displayContact && (
+        {isGift && contactType === 'telegram' && recipientInBot === true && (
+          <p className="mt-2 text-sm text-dark-400">{t('landing.giftTelegramSent')}</p>
+        )}
+        {isGift && contactType === 'telegram' && recipientInBot !== true && (
+          <p className="mt-2 text-sm text-dark-400">{t('landing.giftTelegramNotInBot')}</p>
+        )}
+        {!(isGift && contactType === 'telegram') && displayContact && (
           <p className="mt-2 text-sm text-dark-400">
             {isGift
               ? t('landing.giftSentTo', { contact: displayContact })
@@ -313,6 +325,18 @@ function SuccessState({
         )}
       </div>
 
+      {/* Bot link for telegram gifts where recipient is not in bot */}
+      {isGift && contactType === 'telegram' && recipientInBot !== true && botLink && (
+        <a
+          href={botLink}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex w-full items-center justify-center gap-2 rounded-xl bg-accent-500 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-accent-400"
+        >
+          {t('landing.openBot')}
+        </a>
+      )}
+
       {/* QR Code */}
       {displayUrl && (
         <div className="space-y-4">
@@ -507,11 +531,17 @@ function GiftPendingActivationState({
   periodDays,
   recipientContactValue,
   giftMessage,
+  recipientInBot,
+  botLink,
+  contactType,
 }: {
   tariffName: string | null;
   periodDays: number | null;
   recipientContactValue: string | null;
   giftMessage: string | null;
+  recipientInBot: boolean | null;
+  botLink: string | null;
+  contactType: string | null;
 }) {
   const { t } = useTranslation();
 
@@ -556,18 +586,38 @@ function GiftPendingActivationState({
             {tariffName} — {periodDays} {t('landing.daysAccess')}
           </p>
         )}
-        {recipientContactValue && (
+        {contactType === 'telegram' && recipientInBot === true && (
+          <p className="mt-2 text-sm text-dark-400">{t('landing.giftTelegramPendingSent')}</p>
+        )}
+        {contactType === 'telegram' && recipientInBot !== true && (
+          <p className="mt-2 text-sm text-dark-400">{t('landing.giftTelegramPendingNotInBot')}</p>
+        )}
+        {contactType !== 'telegram' && (
+          <p className="mt-2 text-sm text-dark-400">{t('landing.giftPendingActivationDesc')}</p>
+        )}
+        {contactType !== 'telegram' && recipientContactValue && (
           <p className="mt-2 text-sm text-dark-400">
             {t('landing.giftSentTo', { contact: recipientContactValue })}
           </p>
         )}
-        <p className="mt-2 text-sm text-dark-400">{t('landing.giftPendingActivationDesc')}</p>
         {giftMessage && (
           <p className="mt-2 text-sm italic text-dark-400">
             {t('landing.giftMessage')}: {giftMessage}
           </p>
         )}
       </div>
+
+      {/* Bot link for telegram gifts where recipient is not in bot */}
+      {contactType === 'telegram' && recipientInBot !== true && botLink && (
+        <a
+          href={botLink}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex w-full items-center justify-center gap-2 rounded-xl bg-accent-500 px-6 py-3 text-sm font-medium text-white transition-colors hover:bg-accent-400"
+        >
+          {t('landing.openBot')}
+        </a>
+      )}
     </motion.div>
   );
 }
@@ -756,6 +806,9 @@ export default function PurchaseSuccess() {
             periodDays={purchaseStatus.period_days}
             isGift={purchaseStatus.is_gift}
             giftMessage={purchaseStatus.gift_message}
+            recipientInBot={purchaseStatus.recipient_in_bot}
+            botLink={purchaseStatus.bot_link}
+            contactType={purchaseStatus.contact_type}
           />
         ) : isGiftPendingActivation ? (
           <GiftPendingActivationState
@@ -763,6 +816,9 @@ export default function PurchaseSuccess() {
             periodDays={purchaseStatus.period_days}
             recipientContactValue={purchaseStatus.recipient_contact_value}
             giftMessage={purchaseStatus.gift_message}
+            recipientInBot={purchaseStatus.recipient_in_bot}
+            botLink={purchaseStatus.bot_link}
+            contactType={purchaseStatus.contact_type}
           />
         ) : isPendingActivation ? (
           <div className="space-y-4">
diff --git a/src/pages/QuickPurchase.tsx b/src/pages/QuickPurchase.tsx
index 537f03e..2e18611 100644
--- a/src/pages/QuickPurchase.tsx
+++ b/src/pages/QuickPurchase.tsx
@@ -316,7 +316,7 @@ function TariffCard({
               d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"
             />
           </svg>
-          {tariff.traffic_limit_gb} {t('landing.gb', 'GB')}
+          {tariff.traffic_limit_gb === 0 ? '∞' : tariff.traffic_limit_gb} {t('landing.gb', 'GB')}
         </span>
         <span className="flex items-center gap-1">
           <svg
@@ -462,7 +462,9 @@ function SanitizedHtml({ html, className }: { html: string; className?: string }
     return container.innerHTML;
   }, [html]);
 
-  return <div className={className} dangerouslySetInnerHTML={{ __html: sanitized }} />;
+  return (
+    <div className={cn('break-words', className)} dangerouslySetInnerHTML={{ __html: sanitized }} />
+  );
 }
 
 function SummaryCard({
@@ -1000,7 +1002,7 @@ export default function QuickPurchase() {
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.1 }}
-            className="space-y-6"
+            className="min-w-0 space-y-6"
           >
             {/* Period tabs */}
             {allPeriods.length > 0 && (
@@ -1104,7 +1106,7 @@ export default function QuickPurchase() {
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.5, delay: 0.2 }}
-            className="lg:sticky lg:top-8 lg:self-start"
+            className="min-w-0 lg:sticky lg:top-8 lg:self-start"
           >
             <SummaryCard
               config={config}