From eafec40330a81da81e260c4bebe03d1bf7709302 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Tue, 5 May 2026 19:20:40 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=B8=D0=B7?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B2=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/base/ConsultationModal.astro   | 100 ++++++++++++
 .../src/components/blog/PostCommentForm.astro |  92 +++++++++++
 .../src/components/reviews/ReviewForm.tsx     | 104 +++++++++++++
 frontend/src/pages/auth/forgot-password.astro | 103 ++++++++++++
 frontend/src/pages/auth/reset-password.astro  | 112 ++++++++++++++
 frontend/src/pages/auth/sign-in.astro         | 108 ++++++++++++-
 frontend/src/pages/auth/sign-up.astro         | 146 +++++++++++++++++-
 7 files changed, 761 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/base/ConsultationModal.astro b/frontend/src/components/base/ConsultationModal.astro
index 1fd2a1d..19afb3b 100644
--- a/frontend/src/components/base/ConsultationModal.astro
+++ b/frontend/src/components/base/ConsultationModal.astro
@@ -462,6 +462,106 @@ const title = 'Бесплатная консультация';
     }
   }
 
+  @media (max-width: 375px) {
+    .modal-overlay {
+      padding: 0.25rem;
+    }
+
+    .modal-container {
+      border-radius: 12px;
+    }
+
+    .modal-content {
+      padding: 1rem 0.85rem 0.85rem;
+    }
+
+    .modal-header {
+      margin-bottom: 0.3rem;
+    }
+
+    .modal-close {
+      width: 24px;
+      height: 24px;
+    }
+
+    .modal-close svg {
+      width: 14px;
+      height: 14px;
+    }
+
+    .modal-title {
+      font-size: 1rem;
+    }
+
+    .modal-description {
+      font-size: 0.75rem;
+      margin-bottom: 1rem;
+    }
+
+    .modal-form {
+      gap: 0.6rem;
+    }
+
+    .form-label {
+      font-size: 0.75rem;
+    }
+
+    .form-input {
+      padding: 0.6rem 0.7rem;
+      font-size: 0.85rem;
+      border-radius: 10px;
+    }
+
+    .form-input::placeholder {
+      font-size: 0.8rem;
+    }
+
+    .modal-submit {
+      padding: 0.65rem 1rem;
+      font-size: 0.85rem;
+      border-radius: 10px;
+    }
+
+    .form-privacy {
+      font-size: 0.65rem;
+    }
+
+    .form-checkbox-label {
+      font-size: 0.75rem;
+    }
+
+    .form-checkbox-label input {
+      width: 14px;
+      height: 14px;
+    }
+  }
+
+  @media (max-width: 320px) {
+    .modal-content {
+      padding: 0.75rem 0.6rem 0.6rem;
+    }
+
+    .modal-title {
+      font-size: 0.95rem;
+    }
+
+    .modal-description {
+      font-size: 0.7rem;
+    }
+
+    .form-input {
+      padding: 0.5rem 0.6rem;
+      font-size: 0.8rem;
+      border-radius: 8px;
+    }
+
+    .modal-submit {
+      padding: 0.55rem 0.85rem;
+      font-size: 0.8rem;
+      border-radius: 8px;
+    }
+  }
+
   @media (max-width: 360px) {
     .modal-title {
       font-size: 1.1rem;
diff --git a/frontend/src/components/blog/PostCommentForm.astro b/frontend/src/components/blog/PostCommentForm.astro
index 380f622..d469ece 100644
--- a/frontend/src/components/blog/PostCommentForm.astro
+++ b/frontend/src/components/blog/PostCommentForm.astro
@@ -319,6 +319,98 @@ const { postId, isAuthorized = false } = Astro.props;
       margin-left: 1rem;
     }
   }
+
+  @media (max-width: 480px) {
+    .comment-form {
+      padding: 1rem;
+    }
+
+    .comment-title {
+      font-size: 1.1rem;
+      margin-bottom: 0.75rem;
+    }
+
+    .form-group {
+      margin-bottom: 0.75rem;
+    }
+
+    .form-input {
+      padding: 0.5rem 0.65rem;
+      font-size: 0.85rem;
+    }
+
+    .form-input::placeholder {
+      font-size: 0.8rem;
+    }
+
+    .form-textarea {
+      padding: 0.5rem 0.65rem;
+      font-size: 0.85rem;
+      min-height: 100px;
+    }
+
+    .form-textarea::placeholder {
+      font-size: 0.8rem;
+    }
+
+    .submit-btn {
+      padding: 0.6rem 1rem;
+      font-size: 0.9rem;
+      border-radius: 6px;
+    }
+
+    .comment-reply {
+      margin-left: 0.5rem;
+      padding-left: 0.75rem;
+    }
+
+    .loading-spinner {
+      width: 16px;
+      height: 16px;
+    }
+
+    .form-actions {
+      gap: 0.5rem;
+    }
+  }
+
+  @media (max-width: 375px) {
+    .comment-form {
+      padding: 0.75rem;
+    }
+
+    .comment-title {
+      font-size: 1rem;
+    }
+
+    .form-input,
+    .form-textarea {
+      padding: 0.45rem 0.55rem;
+      font-size: 0.8rem;
+    }
+
+    .submit-btn {
+      padding: 0.55rem 0.85rem;
+      font-size: 0.85rem;
+    }
+  }
+
+  @media (max-width: 320px) {
+    .comment-form {
+      padding: 0.5rem;
+    }
+
+    .form-input,
+    .form-textarea {
+      padding: 0.4rem 0.5rem;
+      font-size: 0.75rem;
+    }
+
+    .submit-btn {
+      padding: 0.5rem 0.75rem;
+      font-size: 0.8rem;
+    }
+  }
 </style>
 
 <script>
diff --git a/frontend/src/components/reviews/ReviewForm.tsx b/frontend/src/components/reviews/ReviewForm.tsx
index 6a32b7d..e88aca9 100644
--- a/frontend/src/components/reviews/ReviewForm.tsx
+++ b/frontend/src/components/reviews/ReviewForm.tsx
@@ -682,6 +682,110 @@ export default function ReviewForm(props: ReviewFormProps) {
           .review-form-header {
             padding: 1.5rem 1.25rem;
           }
+
+          .name-row {
+            grid-template-columns: 1fr;
+          }
+
+          .field-group {
+            gap: 0.3rem;
+          }
+
+          .field-label {
+            font-size: 0.8rem;
+          }
+
+          .form-input {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+          }
+
+          .form-textarea {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+          }
+
+          .form-input::placeholder,
+          .form-textarea::placeholder {
+            font-size: 0.8rem;
+          }
+
+          .rating-section {
+            padding: 0.75rem;
+          }
+
+          .rating-label {
+            font-size: 0.8rem;
+          }
+
+          .rating-stars {
+            gap: 0.25rem;
+          }
+
+          .form-submit-btn {
+            padding: 0.6rem 1rem;
+            font-size: 0.9rem;
+          }
+
+          .char-count {
+            font-size: 0.7rem;
+          }
+        }
+
+        @media (max-width: 375px) {
+          .review-form {
+            padding: 1rem 1rem 1.25rem;
+          }
+
+          .review-form-header {
+            padding: 1.25rem 1rem;
+          }
+
+          .review-form-header h3 {
+            font-size: 1.1rem;
+          }
+
+          .form-input,
+          .form-textarea {
+            padding: 0.45rem 0.55rem;
+            font-size: 0.8rem;
+            border-radius: 6px;
+          }
+
+          .form-submit-btn {
+            padding: 0.55rem 0.85rem;
+            font-size: 0.85rem;
+            border-radius: 6px;
+          }
+
+          .rating-section {
+            padding: 0.5rem;
+          }
+        }
+
+        @media (max-width: 320px) {
+          .review-form {
+            padding: 0.75rem 0.75rem 1rem;
+          }
+
+          .review-form-header {
+            padding: 1rem 0.75rem;
+          }
+
+          .review-form-header h3 {
+            font-size: 1rem;
+          }
+
+          .form-input,
+          .form-textarea {
+            padding: 0.4rem 0.5rem;
+            font-size: 0.75rem;
+          }
+
+          .form-submit-btn {
+            padding: 0.5rem 0.75rem;
+            font-size: 0.8rem;
+          }
         }
       `}</style>
     </div>
diff --git a/frontend/src/pages/auth/forgot-password.astro b/frontend/src/pages/auth/forgot-password.astro
index b3aacf5..ac5b4c0 100644
--- a/frontend/src/pages/auth/forgot-password.astro
+++ b/frontend/src/pages/auth/forgot-password.astro
@@ -247,4 +247,107 @@ import { SITE_URL } from '@constants';
     .hidden {
         display: none !important;
     }
+
+    @media (max-width: 480px) {
+        .auth-page {
+            padding: 5rem 1rem 1.5rem;
+        }
+        
+        .auth-card {
+            padding: 1.5rem 1rem;
+        }
+
+        .auth-header h1 {
+            font-size: 1.35rem;
+        }
+
+        .auth-header p {
+            font-size: 0.85rem;
+        }
+
+        .form-group {
+            margin-bottom: 1rem;
+        }
+
+        .form-group label {
+            font-size: 0.8rem;
+        }
+
+        .form-group input {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+            border-radius: 6px;
+        }
+
+        .form-group input::placeholder {
+            font-size: 0.8rem;
+        }
+
+        .error-message {
+            font-size: 0.7rem;
+        }
+
+        .btn-submit {
+            padding: 0.65rem;
+            font-size: 0.9rem;
+            border-radius: 6px;
+        }
+
+        .success-message h2 {
+            font-size: 1.25rem;
+        }
+
+        .success-message p {
+            font-size: 0.9rem;
+        }
+
+        .auth-footer p {
+            font-size: 0.85rem;
+        }
+    }
+
+    @media (max-width: 375px) {
+        .auth-page {
+            padding: 4.5rem 0.75rem 1rem;
+        }
+
+        .auth-card {
+            padding: 1.25rem 0.75rem;
+            border-radius: 12px;
+        }
+
+        .auth-header h1 {
+            font-size: 1.2rem;
+        }
+
+        .form-group input {
+            padding: 0.45rem 0.55rem;
+            font-size: 0.8rem;
+        }
+
+        .btn-submit {
+            padding: 0.55rem;
+            font-size: 0.85rem;
+        }
+    }
+
+    @media (max-width: 320px) {
+        .auth-page {
+            padding: 4rem 0.5rem 0.75rem;
+        }
+
+        .auth-card {
+            padding: 1rem 0.5rem;
+        }
+
+        .form-group input {
+            padding: 0.4rem 0.5rem;
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.5rem;
+            font-size: 0.8rem;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/frontend/src/pages/auth/reset-password.astro b/frontend/src/pages/auth/reset-password.astro
index fe5ec33..1b90c90 100644
--- a/frontend/src/pages/auth/reset-password.astro
+++ b/frontend/src/pages/auth/reset-password.astro
@@ -358,4 +358,116 @@ const error = Astro.url.searchParams.get('error');
     .hidden {
         display: none !important;
     }
+
+    @media (max-width: 480px) {
+        .auth-page {
+            padding: 5rem 1rem 1.5rem;
+        }
+        
+        .auth-card {
+            padding: 1.5rem 1rem;
+        }
+
+        .auth-header h1 {
+            font-size: 1.35rem;
+        }
+
+        .auth-header p {
+            font-size: 0.85rem;
+        }
+
+        .form-group {
+            margin-bottom: 1rem;
+        }
+
+        .form-group label {
+            font-size: 0.8rem;
+        }
+
+        .form-group input {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+            border-radius: 6px;
+        }
+
+        .form-group input::placeholder {
+            font-size: 0.8rem;
+        }
+
+        .password-wrapper input {
+            padding-right: 2.25rem;
+        }
+
+        .toggle-password {
+            right: 0.5rem;
+        }
+
+        .toggle-password svg {
+            width: 18px;
+            height: 18px;
+        }
+
+        .error-message {
+            font-size: 0.7rem;
+        }
+
+        .btn-submit {
+            padding: 0.65rem;
+            font-size: 0.9rem;
+            border-radius: 6px;
+        }
+
+        .success-message h2 {
+            font-size: 1.25rem;
+        }
+
+        .success-message p {
+            font-size: 0.9rem;
+        }
+    }
+
+    @media (max-width: 375px) {
+        .auth-page {
+            padding: 4.5rem 0.75rem 1rem;
+        }
+
+        .auth-card {
+            padding: 1.25rem 0.75rem;
+            border-radius: 12px;
+        }
+
+        .auth-header h1 {
+            font-size: 1.2rem;
+        }
+
+        .form-group input {
+            padding: 0.45rem 0.55rem;
+            font-size: 0.8rem;
+        }
+
+        .btn-submit {
+            padding: 0.55rem;
+            font-size: 0.85rem;
+        }
+    }
+
+    @media (max-width: 320px) {
+        .auth-page {
+            padding: 4rem 0.5rem 0.75rem;
+        }
+
+        .auth-card {
+            padding: 1rem 0.5rem;
+        }
+
+        .form-group input {
+            padding: 0.4rem 0.5rem;
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.5rem;
+            font-size: 0.8rem;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/frontend/src/pages/auth/sign-in.astro b/frontend/src/pages/auth/sign-in.astro
index f069217..1874c42 100644
--- a/frontend/src/pages/auth/sign-in.astro
+++ b/frontend/src/pages/auth/sign-in.astro
@@ -334,18 +334,122 @@ import { SITE_URL } from '@constants';
 
     /* Адаптивность */
     @media (max-width: 480px) {
+        .auth-page {
+            padding: 5rem 1rem 1.5rem;
+        }
+        
         .auth-card {
-            padding: 2rem 1.5rem;
+            padding: 1.5rem 1rem;
         }
 
         .auth-header h1 {
-            font-size: 1.5rem;
+            font-size: 1.35rem;
+        }
+
+        .auth-header p {
+            font-size: 0.85rem;
+        }
+
+        .form-group {
+            gap: 0.15rem;
+        }
+
+        .form-group label {
+            font-size: 0.8rem;
+        }
+
+        .form-group input {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+        }
+
+        .form-group input::placeholder {
+            font-size: 0.8rem;
+        }
+
+        .error-message {
+            font-size: 0.7rem;
         }
 
         .form-options {
             flex-direction: column;
             align-items: flex-start;
             gap: 0.75rem;
+            font-size: 0.85rem;
+        }
+
+        .checkbox-label {
+            gap: 0.4rem;
+        }
+
+        .checkbox-label input[type="checkbox"] {
+            width: 14px;
+            height: 14px;
+        }
+
+        .forgot-link {
+            font-size: 0.85rem;
+        }
+
+        .btn-submit {
+            padding: 0.65rem;
+            font-size: 0.9rem;
+            margin-top: 0.2rem;
+        }
+    }
+
+    @media (max-width: 375px) {
+        .auth-page {
+            padding: 4.5rem 0.75rem 1rem;
+        }
+
+        .auth-card {
+            padding: 1.25rem 0.75rem;
+            border-radius: 12px;
+        }
+
+        .auth-header h1 {
+            font-size: 1.25rem;
+        }
+
+        .form-group input {
+            padding: 0.45rem 0.55rem;
+            font-size: 0.8rem;
+            border-radius: 6px;
+        }
+
+        .form-group label {
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.55rem;
+            font-size: 0.85rem;
+            border-radius: 6px;
+        }
+    }
+
+    @media (max-width: 320px) {
+        .auth-page {
+            padding: 4rem 0.5rem 0.75rem;
+        }
+
+        .auth-card {
+            padding: 1rem 0.5rem;
+        }
+
+        .auth-header h1 {
+            font-size: 1.15rem;
+        }
+
+        .form-group input {
+            padding: 0.4rem 0.5rem;
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.5rem;
+            font-size: 0.8rem;
         }
     }
 </style>
diff --git a/frontend/src/pages/auth/sign-up.astro b/frontend/src/pages/auth/sign-up.astro
index cb36dfa..7784747 100644
--- a/frontend/src/pages/auth/sign-up.astro
+++ b/frontend/src/pages/auth/sign-up.astro
@@ -691,12 +691,154 @@ import { SITE_URL } from '@constants';
 
     /* Адаптивность */
     @media (max-width: 480px) {
+        .auth-page {
+            padding: 5rem 1rem 1.5rem;
+        }
+        
         .auth-card {
-            padding: 2rem 1.5rem;
+            padding: 1.5rem 1rem;
         }
 
         .auth-header h1 {
-            font-size: 1.5rem;
+            font-size: 1.35rem;
+        }
+
+        .auth-header p {
+            font-size: 0.85rem;
+        }
+
+        .auth-form {
+            gap: 0.4rem;
+        }
+
+        .form-group {
+            gap: 0.15rem;
+        }
+
+        .form-group label {
+            font-size: 0.8rem;
+        }
+
+        .form-group label .hint {
+            font-size: 0.7rem;
+        }
+
+        .form-group input {
+            padding: 0.5rem 0.65rem;
+            font-size: 0.85rem;
+        }
+
+        .form-group input::placeholder {
+            font-size: 0.8rem;
+        }
+
+        .password-wrapper input {
+            padding-right: 2.25rem;
+        }
+
+        .toggle-password {
+            right: 0.5rem;
+        }
+
+        .toggle-password svg {
+            width: 18px;
+            height: 18px;
+        }
+
+        .error-message {
+            font-size: 0.7rem;
+        }
+
+        .form-options {
+            font-size: 0.8rem;
+        }
+
+        .checkbox-label {
+            gap: 0.4rem;
+        }
+
+        .checkbox-label input[type="checkbox"] {
+            width: 14px;
+            height: 14px;
+            margin-top: 1px;
+        }
+
+        .checkbox-label span {
+            font-size: 0.75rem;
+            line-height: 1.4;
+        }
+
+        .privacy-link-btn {
+            font-size: 0.75rem;
+        }
+
+        .checkbox-label .privacy-link {
+            font-size: 0.7rem;
+        }
+
+        .btn-submit {
+            padding: 0.65rem;
+            font-size: 0.9rem;
+            margin-top: 0.2rem;
+        }
+    }
+
+    @media (max-width: 375px) {
+        .auth-page {
+            padding: 4.5rem 0.75rem 1rem;
+        }
+
+        .auth-card {
+            padding: 1.25rem 0.75rem;
+            border-radius: 12px;
+        }
+
+        .auth-header h1 {
+            font-size: 1.25rem;
+        }
+
+        .form-group input {
+            padding: 0.45rem 0.55rem;
+            font-size: 0.8rem;
+            border-radius: 6px;
+        }
+
+        .form-group label {
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.55rem;
+            font-size: 0.85rem;
+            border-radius: 6px;
+        }
+
+        .checkbox-label span {
+            font-size: 0.7rem;
+        }
+    }
+
+    @media (max-width: 320px) {
+        .auth-page {
+            padding: 4rem 0.5rem 0.75rem;
+        }
+
+        .auth-card {
+            padding: 1rem 0.5rem;
+        }
+
+        .auth-header h1 {
+            font-size: 1.15rem;
+        }
+
+        .form-group input {
+            padding: 0.4rem 0.5rem;
+            font-size: 0.75rem;
+        }
+
+        .btn-submit {
+            padding: 0.5rem;
+            font-size: 0.8rem;
         }
     }
 </style>