edit overflow: hidden

src/components/booking/DesktopBookingFlow.vue

@@ -160,25 +160,32 @@
             </dl>
             <p v-if="bookingError" class="mt-4 text-sm text-red-600">{{ bookingError }}</p>
           </div>
-
-          <div
-            class="hidden flex-wrap items-center justify-between gap-3 lg:flex"
-          >
-            <AppButton variant="ghost" class="!w-auto" @click="goBack">
-              مرحله قبل
-            </AppButton>
-            <AppButton
-              class="!w-auto min-w-[140px]"
-              :disabled="!canProceed"
-              :loading="bookingLoading && currentStep === 5"
-              @click="goNext"
-            >
-              {{ nextButtonLabel }}
-            </AppButton>
-          </div>
         </div>
       </div>
 
+      <div
+        v-if="showDesktopActions"
+        class="hidden flex-wrap items-center justify-between gap-3 lg:flex"
+      >
+        <AppButton
+          v-if="currentStep > 1"
+          variant="ghost"
+          class="!w-auto"
+          @click="goBack"
+        >
+          مرحله قبل
+        </AppButton>
+        <div v-else aria-hidden="true" />
+        <AppButton
+          class="!w-auto min-w-[140px]"
+          :disabled="!canProceed"
+          :loading="bookingLoading && currentStep === 5"
+          @click="goNext"
+        >
+          {{ nextButtonLabel }}
+        </AppButton>
+      </div>
+
       <div
         v-if="showMobileActions"
         class="fixed inset-x-0 bottom-16 z-20 border-t border-border bg-surface/95 backdrop-blur lg:hidden"
@@ -422,6 +429,8 @@ const showMobileActions = computed(
     !(currentStep.value > 2 && !auth.isLoggedIn),
 );
 
+const showDesktopActions = showMobileActions;
+
 const canProceed = computed(() => {
   if (currentStep.value === 1) {
     return classStepRequired.value ? Boolean(selectedClassId.value) : true;

src/components/landing/DesktopLandingPage.vue

@@ -24,8 +24,10 @@ import HomeFeatureBar from '@/components/home/HomeFeatureBar.vue';
 import HomeHeroSection from '@/components/home/HomeHeroSection.vue';
 import HomeServicesSection from '@/components/home/HomeServicesSection.vue';
 import DesktopSiteLayout from '@/layouts/DesktopSiteLayout.vue';
+import { useAuthStore } from '@/stores/auth';
 import { useTenantStore } from '@/stores/tenant';
 import type { LandingServiceItem } from '@/types/landing';
+import { bookingDestination } from '@/utils/auth-redirect';
 
 const props = withDefaults(
   defineProps<{
@@ -38,6 +40,7 @@ const props = withDefaults(
 );
 
 const router = useRouter();
+const auth = useAuthStore();
 const tenant = useTenantStore();
 const { singleBusinessId } = storeToRefs(tenant);
 
@@ -58,10 +61,6 @@ function goToBooking() {
     return;
   }
 
-  void router.push({
-    name: 'app-business-detail',
-    params: { id },
-    hash: '#services',
-  });
+  void router.push(bookingDestination(id, auth.isLoggedIn, 'services'));
 }
 </script>

src/components/shell/AppShell.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="app-shell-root min-h-[100dvh] w-full bg-surface-2 lg:bg-surface-3">
     <div
-      class="app-shell-frame mx-auto flex h-[100dvh] max-h-[100dvh] w-full min-w-0 max-w-full flex-col overflow-hidden bg-surface shadow-xl shadow-black/5 dark:shadow-black/30 max-w-app lg:max-w-none lg:shadow-none"
+      class="app-shell-frame mx-auto flex w-full min-w-0 max-w-full flex-col bg-surface shadow-xl shadow-black/5 dark:shadow-black/30 max-w-app max-lg:h-[100dvh] max-lg:max-h-[100dvh] max-lg:overflow-hidden lg:min-h-dvh lg:shadow-none"
     >
       <slot />
     </div>