Align order detail heading

app/pages/orders/[id].vue

@@ -32,7 +32,7 @@ const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code
     </div>
 
     <template v-else>
-      <div class="flex flex-wrap items-center gap-4 px-1">
+      <div class="flex flex-wrap items-center gap-3 px-1">
         <NuxtLink
           to="/orders"
           aria-label="Назад к моим заказам"
@@ -42,12 +42,8 @@ const currentOrderCode = computed(() => formatOrderCode(currentOrder.value?.code
             <path d="M11.5 4.5L6 10L11.5 15.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
           </svg>
         </NuxtLink>
-        <span class="h-8 w-px bg-[#d8e4dd]" />
-        <h1 class="flex flex-wrap items-baseline gap-x-3 gap-y-1 text-2xl font-black tracking-[-0.03em] text-[#123824] md:text-3xl">
-          <span class="text-sm font-bold uppercase tracking-[0.18em] text-[#6a8a76]">
-            Заказ
-          </span>
-          <span>{{ currentOrderCode }}</span>
+        <h1 class="text-2xl font-black tracking-[-0.03em] text-[#123824] md:text-3xl">
+          Заказ {{ currentOrderCode }}
         </h1>
       </div>