From a5f885cb809dbda280b12bf73288da2bd2289d94 Mon Sep 17 00:00:00 2001
From: nns <nns@edocs.kz>
Date: Mon, 12 Oct 2026 01:12:04 +0500
Subject: [PATCH] =?UTF-8?q?fix(site):=20=D1=86=D0=B5=D0=BD=D0=B0=20=D0=B2?=
 =?UTF-8?q?=20=D0=BF=D0=BB=D0=B8=D1=82=D0=BA=D0=B0=D1=85=20=D1=82=D0=B0?=
 =?UTF-8?q?=D1=80=D0=B8=D1=84=D0=B0=20/signup=20=D0=BD=D0=B5=20=D1=81?=
 =?UTF-8?q?=D1=80=D0=B5=D0=B7=D0=B0=D0=B5=D1=82=D1=81=D1=8F=20=D0=BD=D0=B0?=
 =?UTF-8?q?=20320=E2=80=93360px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Регрессия от a0f9e0b: whitespace-nowrap делал «14 000 ₸/мес» шире узкой
колонки плитки (~65px контента на 360px), хвост срезался → «14 000 ₸/ме».
Разношу: сумма+₸ одной неразрывной строкой, «/мес» — отдельной строкой под
суммой (плитки остаются в 3 колонки, сумма видна целиком, внутри суммы
переноса нет). Итог «Ваша конфигурация» и карточки главной — без изменений.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../src/components/SignupForm.tsx                | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/food-market.public/src/components/SignupForm.tsx b/src/food-market.public/src/components/SignupForm.tsx
index fd447a9..38a6088 100644
--- a/src/food-market.public/src/components/SignupForm.tsx
+++ b/src/food-market.public/src/components/SignupForm.tsx
@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react'
 import { validateEmail, validatePassword, validatePhone } from '@/lib/validation'
 import { PhoneInput } from '@/components/PhoneInput'
-import { PRICING, businessPrice, clamp, fmtKztMonth, type BusinessConfig } from '@/lib/pricing'
+import { PRICING, businessPrice, clamp, fmtKzt, fmtKztMonth, type BusinessConfig } from '@/lib/pricing'
 
 const VALID_PLANS = ['start', 'business', 'network'] as const
 type PlanId = (typeof VALID_PLANS)[number]
@@ -223,14 +223,20 @@ export default function SignupForm({ defaultPlan = 'start' }: Props) {
         <div className="text-sm font-medium mb-2">Тариф</div>
         <div className="grid grid-cols-3 gap-2">
           {[
-            { id: 'start', name: 'Старт', price: fmtKztMonth(PRICING.startPrice) },
-            { id: 'business', name: 'Бизнес', price: fmtKztMonth(businessTotal) },
-            { id: 'network', name: 'Сеть', price: 'по запросу' },
+            { id: 'start', name: 'Старт', price: fmtKzt(PRICING.startPrice), per: '/мес' },
+            { id: 'business', name: 'Бизнес', price: fmtKzt(businessTotal), per: '/мес' },
+            { id: 'network', name: 'Сеть', price: 'по запросу', per: '' },
           ].map((p) => (
             <label key={p.id} className={`p-2.5 rounded-md border cursor-pointer text-center text-sm ${plan === p.id ? 'border-brand bg-brand/5' : 'border-slate-200'}`}>
               <input type="radio" name="plan" className="hidden" checked={plan === p.id} onChange={() => selectPlan(p.id as PlanId)} />
               <div className="font-semibold">{p.name}</div>
-              <div className="text-xs text-slate-500 whitespace-nowrap">{p.price}</div>
+              {/* На 320–360px плитка узкая — «14 000 ₸/мес» целиком не влезает и
+                  хвост срезается. Разносим: сумма+₸ одной неразрывной строкой,
+                  «/мес» — отдельной строкой под ней. Сумма видна целиком. */}
+              <div className="text-xs text-slate-500 leading-tight mt-0.5">
+                <span className="block whitespace-nowrap">{p.price}</span>
+                {p.per && <span className="block text-[10px] text-slate-400">{p.per}</span>}
+              </div>
             </label>
           ))}
         </div>