styles

src/app/pages/create-page/create-page.html

@@ -2,10 +2,7 @@
   <div class="card">
 
     <div class="card__header">
-      <h1 class="card__title">
-        {{ 'create.title' | translate }}&nbsp;
-        <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
-      </h1>
+      <h1 class="card__title">Оплата через СБП</h1>
       <p class="card__subtitle">{{ 'create.subtitle' | translate }}</p>
     </div>
 
@@ -111,8 +108,7 @@
         @if (loading()) {
           {{ 'create.creating' | translate }}
         } @else {
-          {{ 'create.create_btn' | translate }}&nbsp;
-          <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
+        {{ 'create.create_btn' | translate }}
         }
       </button>
 

src/app/pages/create-page/create-page.scss

@@ -41,19 +41,15 @@
 
 // ─── Methods row ────────────────────────────────────────────────────────────
 .methods {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
   gap: 8px;
+  padding-bottom: 4px;
 
-  @media (max-width: 600px) {
-    display: flex;
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    &::-webkit-scrollbar { display: none; }
-    padding-bottom: 4px;
-  }
+  &::-webkit-scrollbar { display: none; }
 
   @media (max-width: 360px) {
     gap: 6px;
@@ -73,11 +69,8 @@
   transition: border-color .15s, background .15s, transform .1s, box-shadow .15s;
   -webkit-appearance: none;
   font-family: inherit;
-
-  @media (max-width: 600px) {
-    flex: 0 0 72px;
-    width: 72px;
-  }
+  flex: 0 0 72px;
+  width: 72px;
 
   @media (max-width: 360px) {
     height: 52px;
@@ -119,17 +112,14 @@
 // ─── Currency chips ─────────────────────────────────────────────────────────
 .currencies {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
   gap: 8px;
+  padding-bottom: 4px;
 
-  @media (max-width: 600px) {
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    &::-webkit-scrollbar { display: none; }
-    padding-bottom: 4px;
-  }
+  &::-webkit-scrollbar { display: none; }
 }
 
 .chip {