From 170bea76d5fca6c5578df6bc5d3d6b534cafb47f Mon Sep 17 00:00:00 2001
From: Alisa <you@example.com>
Date: Sun, 7 Jun 2026 14:59:33 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BA=D0=BB=D1=8E?=
 =?UTF-8?q?=D1=87=D0=B0=D1=82=D0=B5=D0=BB=D1=8C=20=D1=86=D0=B5=D0=BD=D1=8B?=
 =?UTF-8?q?=20=D1=83=D0=B1=D1=80=D0=B0=D0=BD=20=D0=B3=D0=B4=D0=B5=20=D0=BD?=
 =?UTF-8?q?=D0=B5=20=D0=BD=D1=83=D0=B6=D0=BD=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/css/app.css | 24 +++++++++++++++++-------
 views/layouts/main.php    |  9 ++++++++-
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index fd0cd5c..a15eaac 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -446,10 +446,10 @@ body {
 }
 
 .price-mode-inner {
-    width: min(980px, calc(100% - (var(--page-gap) * 2)));
+    width: min(var(--page-max), calc(100% - (var(--page-gap) * 2)));
     display: grid;
-    grid-template-columns: auto minmax(0, 1fr);
-    gap: 8px 16px;
+    grid-template-columns: max-content minmax(0, 1fr);
+    gap: 10px 18px;
     align-items: center;
     margin: 0 auto;
     padding: 12px 0;
@@ -463,9 +463,11 @@ body {
 
 .price-mode-options {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
     gap: 8px;
+    align-items: center;
     justify-content: center;
+    max-width: 100%;
 }
 
 .price-mode-button {
@@ -484,6 +486,7 @@ body {
     color: var(--brand-green);
     background: #ffffff;
     cursor: pointer;
+    white-space: nowrap;
 }
 
 .price-mode-button b {
@@ -497,12 +500,12 @@ body {
     color: #ffffff;
     background: var(--brand-red);
     text-align: center;
-    white-space: normal;
+    white-space: nowrap;
 }
 
 .price-mode-button-qr b {
-    max-width: 190px;
-    line-height: 1.1;
+    max-width: none;
+    line-height: 1;
     background: var(--brand-green-2);
 }
 
@@ -4114,6 +4117,13 @@ body[data-payment-mode="invoice"] .invoice-benefit-banner {
 
     .price-mode-options {
         justify-content: center;
+        overflow-x: auto;
+        padding-bottom: 2px;
+        scrollbar-width: none;
+    }
+
+    .price-mode-options::-webkit-scrollbar {
+        display: none;
     }
 
     .brand-link {
diff --git a/views/layouts/main.php b/views/layouts/main.php
index 56173f1..743990a 100644
--- a/views/layouts/main.php
+++ b/views/layouts/main.php
@@ -11,6 +11,13 @@ declare(strict_types=1);
 $megaCategories = [];
 $currentPath = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH) ?: '/';
 $isCartPage = $currentPath === '/cart';
+$isCatalogLikePage = $currentPath === '/'
+    || $currentPath === '/catalog'
+    || str_starts_with($currentPath, '/catalog/')
+    || $currentPath === '/search'
+    || str_starts_with($currentPath, '/search/');
+$isProductPage = str_starts_with($currentPath, '/product/');
+$showPriceModeBar = !$isCartPage && ($isCatalogLikePage || $isProductPage);
 $yandexMapsApiKey = (string) app_env('YANDEX_MAPS_API_KEY', '9ab8ad56-c350-4a2c-8f23-35acb102ee7a');
 $queryParameters = [];
 parse_str((string) (parse_url($_SERVER['REQUEST_URI'] ?? '', PHP_URL_QUERY) ?? ''), $queryParameters);
@@ -149,7 +156,7 @@ try {
 
     <?php require base_path('views/partials/mega-category-menu.php'); ?>
 
-    <?php if (!$isCartPage): ?>
+    <?php if ($showPriceModeBar): ?>
     <section class="price-mode-bar" aria-label="Система оплаты при получении">
         <div class="price-mode-inner">
             <span>Выберите систему оплаты при получении:</span>