переключатель цены убран где не нужно

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 {