From a512b8a3791fde0cdb8d01d32e19cf6b70e17c07 Mon Sep 17 00:00:00 2001
From: Yuriy Plotnikov <yuriy.plotnikov@travelline.ru>
Date: Sun, 17 May 2026 10:05:08 +0300
Subject: [PATCH 1/3] Fix styles

---
 src/components/Footer/Footer.module.scss      |  4 ++++
 .../FormCalculation/FormCalculationClient.tsx | 10 +++++-----
 .../Forms/FormOrder/FormOrderClient.tsx       | 18 +++++++++---------
 src/components/Header/Header.module.scss      | 12 +-----------
 src/styles/animations.scss                    | 11 +++++++++++
 src/styles/globals.scss                       |  3 ++-
 src/styles/modules/form.module.scss           | 19 ++++++++++---------
 7 files changed, 42 insertions(+), 35 deletions(-)

diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss
index e38b9c7d..282b6a94 100644
--- a/src/components/Footer/Footer.module.scss
+++ b/src/components/Footer/Footer.module.scss
@@ -95,6 +95,10 @@
     }
   }
 
+  @media (max-width: $tablet-mid-width) {
+    text-align: center;
+  }
+
   &:focus-visible {
     border-radius: 2px;
     outline: 2px solid $accent-add-bg;
diff --git a/src/components/Forms/FormCalculation/FormCalculationClient.tsx b/src/components/Forms/FormCalculation/FormCalculationClient.tsx
index c8cb3257..a66f94b0 100644
--- a/src/components/Forms/FormCalculation/FormCalculationClient.tsx
+++ b/src/components/Forms/FormCalculation/FormCalculationClient.tsx
@@ -164,7 +164,7 @@ export default function FormCalculationClient({ prices: initialPrices }: Props):
         <div id="calculation-sort" ref={selectRef} className={formStyles['form__select']}>
           <button
             type="button"
-            className={clsx(formStyles['form__select__current'], formStyles['form__input'])}
+            className={clsx(formStyles['form__select-current'], formStyles['form__input'])}
             aria-haspopup="listbox"
             aria-expanded={selectOpen}
             id="calculationSortingButton"
@@ -179,7 +179,7 @@ export default function FormCalculationClient({ prices: initialPrices }: Props):
               : 'Размер/категория'}
 
             <svg
-              className={formStyles['form__select__icon']}
+              className={formStyles['form__select-icon']}
               width="10"
               height="10"
               viewBox="0 0 10 10"
@@ -198,7 +198,7 @@ export default function FormCalculationClient({ prices: initialPrices }: Props):
           </button>
 
           <ul
-            className={formStyles['form__select__list']}
+            className={formStyles['form__select-list']}
             role="listbox"
             tabIndex={-1}
             aria-labelledby="calculationSortingButton"
@@ -212,8 +212,8 @@ export default function FormCalculationClient({ prices: initialPrices }: Props):
                 ref={(el: HTMLLIElement | null) => {
                   optionsRef.current[index] = el
                 }}
-                className={clsx(formStyles['form__select__option'], {
-                  [formStyles['form__select__option--selected']]: item._id === selectedId,
+                className={clsx(formStyles['form__select-option'], {
+                  [formStyles['form__select-option--selected']]: item._id === selectedId,
                 })}
                 data-value={item._id}
                 aria-selected={item._id === selectedId}
diff --git a/src/components/Forms/FormOrder/FormOrderClient.tsx b/src/components/Forms/FormOrder/FormOrderClient.tsx
index 294e9f51..1cfc5508 100644
--- a/src/components/Forms/FormOrder/FormOrderClient.tsx
+++ b/src/components/Forms/FormOrder/FormOrderClient.tsx
@@ -357,7 +357,7 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
 
   const SelectArrow = () => (
     <svg
-      className={formStyles['form__select__icon']}
+      className={formStyles['form__select-icon']}
       width="10"
       height="10"
       viewBox="0 0 10 10"
@@ -417,7 +417,7 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                     <button
                       type="button"
                       className={clsx(
-                        formStyles['form__select__current'],
+                        formStyles['form__select-current'],
                         formStyles['form__input'],
                       )}
                       aria-haspopup="listbox"
@@ -434,7 +434,7 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                     </button>
 
                     <ul
-                      className={formStyles['form__select__list']}
+                      className={formStyles['form__select-list']}
                       role="listbox"
                       tabIndex={-1}
                       aria-labelledby="orderCategoryButton"
@@ -448,8 +448,8 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                           ref={(el: HTMLLIElement | null) => {
                             categoryOptionsRef.current[index] = el
                           }}
-                          className={clsx(formStyles['form__select__option'], {
-                            [formStyles['form__select__option--selected']]:
+                          className={clsx(formStyles['form__select-option'], {
+                            [formStyles['form__select-option--selected']]:
                               cat.title === selectedCategory,
                           })}
                           aria-selected={cat.title === selectedCategory}
@@ -475,7 +475,7 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                     <button
                       type="button"
                       className={clsx(
-                        formStyles['form__select__current'],
+                        formStyles['form__select-current'],
                         formStyles['form__input'],
                       )}
                       aria-haspopup="listbox"
@@ -492,7 +492,7 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                     </button>
 
                     <ul
-                      className={formStyles['form__select__list']}
+                      className={formStyles['form__select-list']}
                       role="listbox"
                       tabIndex={-1}
                       aria-labelledby="orderSizeButton"
@@ -506,8 +506,8 @@ export default function FormOrderClient({ categories, prices: initialPrices }: P
                           ref={(el: HTMLLIElement | null) => {
                             sizeOptionsRef.current[index] = el
                           }}
-                          className={clsx(formStyles['form__select__option'], {
-                            [formStyles['form__select__option--selected']]:
+                          className={clsx(formStyles['form__select-option'], {
+                            [formStyles['form__select-option--selected']]:
                               item._id === selectedSizeId,
                           })}
                           aria-selected={item._id === selectedSizeId}
diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss
index 42ba6004..c2977e60 100644
--- a/src/components/Header/Header.module.scss
+++ b/src/components/Header/Header.module.scss
@@ -1,15 +1,5 @@
 @use '../../styles/variables' as *;
-
-@keyframes slideDown {
-  from {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
+@use '../../styles/animations';
 
 .header {
   position: fixed;
diff --git a/src/styles/animations.scss b/src/styles/animations.scss
index 79d7c663..358fe92a 100644
--- a/src/styles/animations.scss
+++ b/src/styles/animations.scss
@@ -94,3 +94,14 @@
     opacity: 1;
   }
 }
+
+@keyframes slideDown {
+  from {
+    opacity: 0;
+    transform: translateY(-100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
diff --git a/src/styles/globals.scss b/src/styles/globals.scss
index a9bc6105..1a1610c0 100644
--- a/src/styles/globals.scss
+++ b/src/styles/globals.scss
@@ -1,4 +1,4 @@
-@use './variables.scss' as *;
+@use "./variables.scss" as *;
 
 *,
 *::before,
@@ -9,6 +9,7 @@
 html,
 body {
   display: flex;
+  overflow-x: hidden;
   flex-direction: column;
   min-width: $mobile-min-width;
   height: 100%;
diff --git a/src/styles/modules/form.module.scss b/src/styles/modules/form.module.scss
index aa949d71..ac68ea89 100644
--- a/src/styles/modules/form.module.scss
+++ b/src/styles/modules/form.module.scss
@@ -320,7 +320,7 @@
   width: 100%;
 }
 
-.form__select__current {
+.form__select-current {
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
@@ -329,6 +329,7 @@
 
   font-family: $font-text;
   font-size: 16px;
+  color: inherit;
 
   background: none;
   border: none;
@@ -344,11 +345,11 @@
   }
 }
 
-.form__select__current[aria-expanded='true'] .form__select__icon {
+.form__select-current[aria-expanded='true'] .form__select-icon {
   transform: rotate(180deg);
 }
 
-.form__select__icon {
+.form__select-icon {
   display: block;
   width: 10px;
   height: 10px;
@@ -356,7 +357,7 @@
   transition: transform 0.3s ease-in-out;
 }
 
-.form__select__list {
+.form__select-list {
   position: absolute;
   top: calc(100% + 6px);
   left: 0;
@@ -370,7 +371,7 @@
   border-radius: 4px;
 }
 
-.form__select__option {
+.form__select-option {
   padding: 10px;
 
   font-size: 16px;
@@ -380,20 +381,20 @@
   cursor: pointer;
 }
 
-.form__select__option:hover,
-.form__select__option:active {
+.form__select-option:hover,
+.form__select-option:active {
   background: $add-bg;
   outline: none;
   box-shadow: inset 3px 0 0 $accent-add-bg;
 }
 
-.form__select__option:focus {
+.form__select-option:focus {
   background: $add-bg;
   outline: none;
   box-shadow: inset 3px 0 0 $accent-add-bg;
 }
 
-.form__select__option--selected {
+.form__select-option--selected {
   font-weight: 700;
 
   background: $add-bg;

From 71f2a4c74dd10d8550a5d39f407041033dec14e5 Mon Sep 17 00:00:00 2001
From: Yuriy Plotnikov <yuriy.plotnikov@travelline.ru>
Date: Sun, 17 May 2026 10:43:43 +0300
Subject: [PATCH 2/3] Fix cookie banner

---
 COOKIE-CONSENT.md                             | 40 +++++++++----------
 .../CookieBanner/CookieBannerClient.tsx       |  8 ++--
 src/components/ServicesInit/ServicesInit.tsx  | 12 +++---
 src/const/const.ts                            | 23 ++++++-----
 src/context/CookieConsentContext.tsx          |  4 +-
 src/types/types.ts                            |  2 +-
 6 files changed, 45 insertions(+), 44 deletions(-)

diff --git a/COOKIE-CONSENT.md b/COOKIE-CONSENT.md
index f5091bf4..b57a0c47 100644
--- a/COOKIE-CONSENT.md
+++ b/COOKIE-CONSENT.md
@@ -19,16 +19,16 @@
 Категории `COOKIE_CATEGORIES` — в `src/const/const.ts`.  
 Типы `CookieCategoryId` и `CookieConsent` — в `src/types/types.ts`.
 
-| id            | Название              | Обязательные |
-| ------------- | --------------------- | :----------: |
-| `necessary`   | Обязательные cookie   |    ✅ да     |
-| `functional`  | Функциональные cookie |    ❌ нет    |
-| `statistical` | Статистические cookie |    ❌ нет    |
-| `marketing`   | Маркетинговые cookie  |    ❌ нет    |
+| id            | Название                       | Обязательные |
+| ------------- | ------------------------------ | :----------: |
+| `necessary`   | Строго необходимые cookies     |    ✅ да     |
+| `performance` | Cookies производительности     |    ❌ нет    |
+| `functional`  | Функциональные cookies         |    ❌ нет    |
+| `targeting`   | Целевые и аналитические cookies|    ❌ нет    |
 
 ```typescript
 // src/types/types.ts
-export type CookieCategoryId = 'necessary' | 'functional' | 'statistical' | 'marketing'
+export type CookieCategoryId = 'necessary' | 'performance' | 'functional' | 'targeting'
 export type CookieConsent = Record<CookieCategoryId, boolean>
 ```
 
@@ -44,7 +44,7 @@ SSR: layout.tsx читает куку cookie-consent из заголовков 
 Провайдер сразу знает состояние — баннер либо скрыт, либо показан с первого рендера
 ```
 
-- Кука есть → `initialConsent = { necessary: true, statistical: true, ... }` → баннер не рендерится
+- Кука есть → `initialConsent = { necessary: true, performance: true, ... }` → баннер не рендерится
 - Куки нет → `initialConsent = null` → баннер показывается сразу
 
 ---
@@ -78,7 +78,7 @@ import { useCookieConsent } from '@/context/CookieConsentContext'
 export default function AdBlock() {
   const { consent } = useCookieConsent()
 
-  if (!consent.marketing) return null
+  if (!consent.targeting) return null
 
   return <div>Реклама</div>
 }
@@ -102,11 +102,11 @@ export default function MyAnalytics() {
   const { registerCallback } = useCookieConsent()
 
   useEffect(() => {
-    registerCallback('statistical', () => {
+    registerCallback('performance', () => {
       console.log('Загружаем метрику...')
     })
 
-    registerCallback('marketing', () => {
+    registerCallback('targeting', () => {
       console.log('Загружаем VK Pixel...')
     })
   }, [registerCallback])
@@ -142,8 +142,8 @@ export default function CookieSettingsButton() {
 
 ```tsx
 useEffect(() => {
-  // Яндекс.Метрика (statistical)
-  registerCallback('statistical', () => {
+  // Яндекс.Метрика (performance)
+  registerCallback('performance', () => {
     const counterId = process.env.NEXT_PUBLIC_METRIKA_ID
     if (!counterId || (window as any).ym) return
     const script = document.createElement('script')
@@ -151,8 +151,8 @@ useEffect(() => {
     document.head.appendChild(script)
   })
 
-  // VK Pixel или Google Ads (marketing)
-  registerCallback('marketing', () => {
+  // VK Pixel или Google Ads (targeting)
+  registerCallback('targeting', () => {
     // вставить скрипт пикселя
   })
 
@@ -171,12 +171,12 @@ useEffect(() => {
 Пользователь открыл сайт
   → layout читает куку (SSR)
   → CookieConsentProvider(initialConsent)
-  → ServicesInit монтируется: registerCallback('statistical', fn), ...
-       ├─ consent.statistical = true  → fn() вызывается сразу
-       └─ consent.statistical = false → fn() ждёт
+  → ServicesInit монтируется: registerCallback('performance', fn), ...
+       ├─ consent.performance = true  → fn() вызывается сразу
+       └─ consent.performance = false → fn() ждёт
 
 Пользователь нажал «Принять все»
-  → saveConsent({ necessary:true, functional:true, statistical:true, marketing:true })
+  → saveConsent({ necessary:true, performance:true, functional:true, targeting:true })
   → document.cookie = 'cookie-consent=...' (max-age 1 год, SameSite=Lax)
   → setConsent(...) → useEffect в провайдере срабатывает
   → все зарегистрированные колбеки для принятых типов вызываются
@@ -191,7 +191,7 @@ useEffect(() => {
 Имя:     cookie-consent
 Формат:  URL-encoded JSON
 Пример:  %7B%22necessary%22%3Atrue%2C%22functional%22%3Afalse%2C%22statistical%22%3Atrue%2C%22marketing%22%3Afalse%7D
-Декод.:  {"necessary":true,"functional":false,"statistical":true,"marketing":false}
+Декод.:  {"necessary":true,"performance":false,"functional":true,"targeting":false}
 Срок:    1 год (max-age=31536000)
 Флаги:   path=/; SameSite=Lax
 ```
diff --git a/src/components/CookieBanner/CookieBannerClient.tsx b/src/components/CookieBanner/CookieBannerClient.tsx
index e7986211..e0a75778 100644
--- a/src/components/CookieBanner/CookieBannerClient.tsx
+++ b/src/components/CookieBanner/CookieBannerClient.tsx
@@ -17,19 +17,19 @@ export default function CookieBannerClient({ cookiePolicyUrl }: Props): JSX.Elem
   const [showDetails, setShowDetails] = useState(false)
   const [selected, setSelected] = useState<CookieConsent>({
     necessary: true,
+    performance: consent.performance,
     functional: consent.functional,
-    statistical: consent.statistical,
-    marketing: consent.marketing,
+    targeting: consent.targeting,
   })
 
   if (!isBannerVisible) return null
 
   const acceptAll = () => {
-    saveConsent({ necessary: true, functional: true, statistical: true, marketing: true })
+    saveConsent({ necessary: true, performance: true, functional: true, targeting: true })
   }
 
   const acceptNecessary = () => {
-    saveConsent({ necessary: true, functional: false, statistical: false, marketing: false })
+    saveConsent({ necessary: true, performance: false, functional: false, targeting: false })
   }
 
   const saveSelected = () => {
diff --git a/src/components/ServicesInit/ServicesInit.tsx b/src/components/ServicesInit/ServicesInit.tsx
index 5222bdc4..017f491d 100644
--- a/src/components/ServicesInit/ServicesInit.tsx
+++ b/src/components/ServicesInit/ServicesInit.tsx
@@ -6,14 +6,14 @@ export default function ServicesInit(): JSX.Element | null {
   const { registerCallback } = useCookieConsent()
 
   useEffect(() => {
-    registerCallback('statistical', () => {
-      // Placeholder for statistical
-      console.log('[CookieConsent] Statistical callbacks initialized')
+    registerCallback('performance', () => {
+      // Placeholder for performance
+      console.log('[CookieConsent] Performance callbacks initialized')
     })
 
-    registerCallback('marketing', () => {
-      // Placeholder for marketing
-      console.log('[CookieConsent] Marketing callbacks initialized')
+    registerCallback('targeting', () => {
+      // Placeholder for targeting
+      console.log('[CookieConsent] Targeting callbacks initialized')
     })
 
     registerCallback('functional', () => {
diff --git a/src/const/const.ts b/src/const/const.ts
index 79b7e62a..6bb1036a 100644
--- a/src/const/const.ts
+++ b/src/const/const.ts
@@ -94,29 +94,30 @@ export const COOKIE_CATEGORIES: {
 }[] = [
   {
     id: 'necessary',
-    label: 'Обязательные cookie',
-    description: 'Обеспечивают базовую функциональность сайта',
+    label: 'Строго необходимые cookies',
+    description:
+      'Необходимы для работы сайта и не могут быть отключены. Не хранят личную информацию.',
     required: true,
   },
   {
-    id: 'functional',
-    label: 'Функциональные cookie',
+    id: 'performance',
+    label: 'Cookies производительности',
     description:
-      'Адаптируют сайт к предпочтениям пользователя: запоминают выбранный язык, размер шрифта, тему оформления',
+      'Собирают анонимную статистику посещений для улучшения работы сайта.',
     required: false,
   },
   {
-    id: 'statistical',
-    label: 'Статистические cookie',
+    id: 'functional',
+    label: 'Функциональные cookies',
     description:
-      'Собирают данные о том, как пользователи используют сайт: какие страницы посещают, сколько времени проводят на них',
+      'Запоминают ваши настройки и предпочтения для персонализации сайта.',
     required: false,
   },
   {
-    id: 'marketing',
-    label: 'Маркетинговые cookie',
+    id: 'targeting',
+    label: 'Целевые и аналитические cookies',
     description:
-      'Отслеживают поведение пользователей на сайте для предоставления персонализированной рекламы',
+      'Используются для показа релевантной рекламы на основе ваших интересов.',
     required: false,
   },
 ]
diff --git a/src/context/CookieConsentContext.tsx b/src/context/CookieConsentContext.tsx
index e3e3b967..7be06101 100644
--- a/src/context/CookieConsentContext.tsx
+++ b/src/context/CookieConsentContext.tsx
@@ -31,9 +31,9 @@ type Props = {
 export function CookieConsentProvider({ initialConsent, children }: Props): JSX.Element {
   const defaultConsent: CookieConsent = {
     necessary: true,
+    performance: false,
     functional: false,
-    statistical: false,
-    marketing: false,
+    targeting: false,
   }
 
   const [consent, setConsent] = useState<CookieConsent>(initialConsent ?? defaultConsent)
diff --git a/src/types/types.ts b/src/types/types.ts
index a5b16bd3..75f32934 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -248,7 +248,7 @@ export interface ImageOptions {
   quality?: number
 }
 
-export type CookieCategoryId = 'necessary' | 'functional' | 'statistical' | 'marketing'
+export type CookieCategoryId = 'necessary' | 'performance' | 'functional' | 'targeting'
 export type CookieConsent = Record<CookieCategoryId, boolean>
 
 export type FilePreview = {

From 7b0be9446b63fd18df346235eca7c0aa037632bc Mon Sep 17 00:00:00 2001
From: Yuriy Plotnikov <yuriy.plotnikov@travelline.ru>
Date: Sun, 17 May 2026 10:45:33 +0300
Subject: [PATCH 3/3] Fix cookie banner

---
 src/const/const.ts | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/src/const/const.ts b/src/const/const.ts
index 6bb1036a..3add966e 100644
--- a/src/const/const.ts
+++ b/src/const/const.ts
@@ -94,30 +94,26 @@ export const COOKIE_CATEGORIES: {
 }[] = [
   {
     id: 'necessary',
-    label: 'Строго необходимые cookies',
-    description:
-      'Необходимы для работы сайта и не могут быть отключены. Не хранят личную информацию.',
+    label: 'Строго необходимые',
+    description: 'Эти cookie необходимы для правильного функционирования сайта и не могут быть отключены.',
     required: true,
   },
   {
     id: 'performance',
-    label: 'Cookies производительности',
-    description:
-      'Собирают анонимную статистику посещений для улучшения работы сайта.',
+    label: 'Производительности',
+    description: 'Эти cookie собирают анонимную информацию о том, как вы взаимодействуете с сайтом.',
     required: false,
   },
   {
     id: 'functional',
-    label: 'Функциональные cookies',
-    description:
-      'Запоминают ваши настройки и предпочтения для персонализации сайта.',
+    label: 'Функциональные',
+    description: 'Эти cookie позволяют сайту запоминать ваш выбор и предоставлять улучшенные функции.',
     required: false,
   },
   {
     id: 'targeting',
-    label: 'Целевые и аналитические cookies',
-    description:
-      'Используются для показа релевантной рекламы на основе ваших интересов.',
+    label: 'Целевые и аналитические',
+    description: 'Эти cookie используются для предоставления релевантной рекламы.',
     required: false,
   },
 ]