refactor

src/pages/profile/ui/ProfilePage.module.css

@@ -5,17 +5,6 @@
   background: var(--bg-deep);
 }
 
-.kycBanner {
-  width: 100%;
-  padding: 10px 24px;
-  background: var(--error, #ff4466);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 500;
-  text-align: center;
-  line-height: 1.4;
-}
-
 .main {
   max-width: 1024px;
   width: 100%;
@@ -25,15 +14,6 @@
   gap: 32px;
 }
 
-/* Desktop: avatar is left column, sections grow right */
-.profileTop {
-  flex-shrink: 0;
-}
-
-.userInfo {
-  display: none;
-}
-
 .sections {
   flex: 1;
   display: flex;
@@ -41,127 +21,18 @@
   gap: 16px;
 }
 
-.grid2 {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px;
-}
-
-.grid1 {
-  display: grid;
-  grid-template-columns: 1fr;
-  gap: 16px;
-}
-
-.mnemonicRow {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 16px;
-}
-
-.mnemonicInfo {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.mnemonicIcon {
-  font-size: 16px;
-}
-
-.mnemonicText {
-  color: var(--text-secondary);
-  font-size: 14px;
-  font-weight: 400;
-}
-
-/* < 1024px: column layout, avatar + userInfo side by side at top */
+/* < 1024px: avatar + sections stack into a single column */
 @media (max-width: 1023px) {
   .main {
     flex-direction: column;
     padding: 24px 20px 40px;
     gap: 24px;
   }
-
-  .grid2 {
-    gap: 12px;
-  }
-
-  .profileTop {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    gap: 24px;
-  }
-
-  .userInfo {
-    display: flex;
-    flex-direction: column;
-    gap: 6px;
-    justify-content: center;
-  }
-
-  .userName {
-    font-size: 28px;
-    font-weight: 700;
-    color: var(--text-primary);
-    line-height: 1.2;
-  }
-
-  .userBalance {
-    font-size: 32px;
-    font-weight: 800;
-    color: var(--text-primary);
-  }
-
-  .userBalanceRub {
-    font-size: 13px;
-    color: var(--text-secondary);
-  }
 }
 
-/* < 650px: card padding 16px (в ProfileSection.module.css),
-   кнопка мнемоники — 100% ширины */
-@media (max-width: 649px) {
-  .mnemonicRow {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 16px;
-  }
-}
-
-/* < 640px: инпуты в колонку */
+/* < 640px: tighter page padding */
 @media (max-width: 639px) {
   .main {
     padding: 16px 16px 40px;
   }
-
-  .grid2 {
-    grid-template-columns: 1fr;
-  }
 }
-
-/* < 550px: меньше текст и аватар */
-@media (max-width: 549px) {
-  .profileTop {
-    gap: 16px;
-  }
-
-  .userInfo {
-    padding-top: 8px;
-  }
-
-  .userName {
-    font-size: 18px;
-  }
-
-  .userBalance {
-    font-size: 22px;
-    margin-top: 4px;
-  }
-
-  .userBalanceRub {
-    font-size: 12px;
-  }
-}