tradein-mvp/frontend/src/app/ui-preview/estimate/page.tsx

@@ -21,7 +21,6 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { notFound } from "next/navigation";
 import { useState } from "react";
 
-import "@/components/trade-in/trade-in.css";
 import { CianValuationCard } from "@/components/trade-in/CianValuationCard";
 import { DealsCard } from "@/components/trade-in/DealsCard";
 import { DistributionCard } from "@/components/trade-in/DistributionCard";
@@ -58,23 +57,22 @@ function PreviewContent() {
 
   return (
     <QueryClientProvider client={client}>
-      {/* Те же layout-классы, что у реальной страницы (page.tsx): .page → .result-col
+      <main
-          (flex-column gap, --container ширина). Без них карточки рендерились узко/«мобильно». */}
+        className="tradein-results"
-      <main className="page">
+        style={{ maxWidth: 920, margin: "0 auto", padding: 24 }}
-        <section className="result-col">
+      >
-          <HeroSummary
+        <HeroSummary
-            estimate={FIXTURE_ESTIMATE}
+          estimate={FIXTURE_ESTIMATE}
-            input={FIXTURE_INPUT}
+          input={FIXTURE_INPUT}
-            onResubmit={() => {}}
+          onResubmit={() => {}}
-            isResubmitting={false}
+          isResubmitting={false}
-          />
+        />
-          <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
+        <CianValuationCard data={FIXTURE_ESTIMATE.cian_valuation} />
-          <DistributionCard estimate={FIXTURE_ESTIMATE} />
+        <DistributionCard estimate={FIXTURE_ESTIMATE} />
-          <DealsCard estimate={FIXTURE_ESTIMATE} />
+        <DealsCard estimate={FIXTURE_ESTIMATE} />
-          <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
+        <StreetDealsCard estimate={FIXTURE_ESTIMATE} />
-          <ExposureCard estimate={FIXTURE_ESTIMATE} />
+        <ExposureCard estimate={FIXTURE_ESTIMATE} />
-          <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
+        <PriceTrendCard estimate={FIXTURE_ESTIMATE} />
-        </section>
       </main>
     </QueryClientProvider>
   );