1405/04/18-

1405/04/17-
2026-07-09 15:42:45 +03:30 · 2026-07-08 16:03:22 +03:30
76 changed files with 1044 additions and 1332 deletions
@@ -326,15 +326,7 @@
    }

    function getVersionUrls() {
-      var protocol = getProtocol()
-
-      return [
-        'https://nerkh.gold/get_version',
-        'https://tablo.talasevin.ir/get_version',
-        'https://abshode-service.montgit.ir/server/get_version',
-        protocol + '//212.23.201.173:8381/get_version',
-        protocol + '//91.212.174.137:4040/server/get_version'
-      ]
+      return ['https://nerkh.gold/get_version', 'https://tablo.talasevin.ir/get_version', 'https://abshode-service.montgit.ir/server/get_version']
    }

    function getConfigUrls() {
@@ -461,9 +453,6 @@
        localStorage.setItem(VERSION_SUCCESS_URL_KEY, url)
        return version
      } catch (error) {
-        if (localStorage.getItem(VERSION_SUCCESS_URL_KEY) === url) {
-          localStorage.removeItem(VERSION_SUCCESS_URL_KEY)
-        }
        console.warn('Version failed:', url, error)
        return undefined
      } finally {
@@ -507,9 +496,6 @@
              url: url
            }
          } catch (error) {
-            if (localStorage.getItem(CONFIG_SUCCESS_URL_KEY) === url) {
-              localStorage.removeItem(CONFIG_SUCCESS_URL_KEY)
-            }
            console.warn('Config failed:', url, 'round:', round, error)
          }
        }
@@ -640,7 +626,7 @@
      renderRecovering('در حال دریافت تنظیمات جدید برنامه...')

      var version = await loadRemoteVersion(5)
-      var freshConfigResult = await fetchFreshConfig(5)
+      var freshConfigResult = await fetchFreshConfig(2)

      clearReadableCookies()
      // clearLocalStorageExceptToken()
@@ -1,14 +1,30 @@
-<template>
+<template>
  <div class="desktopConfig w-full right-0 left-0">
    <transition mode="out-in" name="fade">
      <AConfigProvider
        v-if="!showSplash"
-        :theme="antDesignTheme"
+        :theme="{
+          token: {
+            colorPrimary: primaryColor,
+            colorLink: primaryColor,
+            colorLinkActive: primaryColor,
+            colorLinkHover: primaryColor
+          }
+        }"
        direction="rtl"
      >
        <router-view v-slot="{ Component, route }">
          <transition :name="route.meta.transition || 'fade'">
-            <component :is="Component" :key="route.fullPath" class="app-main" />
+            <!--
+              Key only the top-level matched route (e.g. main vs login), not fullPath.
+              Using fullPath remounted the whole AppLayoutShell (sidebar/bottom nav)
+              on every page change and reloaded the menu logo each time.
+            -->
+            <component
+              :is="Component"
+              :key="route.matched[0]?.name ?? route.name"
+              class="app-main"
+            />
          </transition>
        </router-view>
      </AConfigProvider>
@@ -61,9 +77,11 @@
 </template>

 <script lang="ts" setup>
-import { getDisplayAppVersion } from '@/config/config-cache'
-import { computed, defineAsyncComponent, h, onMounted, ref } from 'vue'
+import { colors } from './themeConfig'
 import pkg from '../package.json'
+import { getDisplayAppVersion } from '@/config/config-cache'
+import { getAppPrimaryColor } from '@/config/brand-theme'
+import { computed, defineAsyncComponent, h, onMounted, ref } from 'vue'
 import img_topGradiant from '@/views/login/assets/img/gr_top_white.svg'
 import img_pattern from '@/views/login/assets/img/pattern.svg'
 import { LoadingOutlined } from '@ant-design/icons-vue'
@@ -75,10 +93,12 @@ import {
 } from '@/utils/supportMessenger'
 import { useDraggableFloatingButton } from '@/utils/useDraggableFloatingButton'
 import { useApplyDesktopLayoutClass } from '@/layouts/composables/useAppLayout'
-import { getProjectBranding } from '@/utils/project'
+
+import { getAppLogoFullUrl } from '@/config/brand-assets'

 import img_bottomGradiant from '@/views/login/assets/img/gr_bottom_white.svg'
-import logoFull from '@/assets/img/logo_full_.png'
+
+const logoFull = getAppLogoFullUrl()

 const VersionUpdateModal = defineAsyncComponent(
  () => import('@/modules/version/VersionUpdateModal.vue')
@@ -92,19 +112,7 @@ const indicator = h(LoadingOutlined, {
 })
 const displayVersion = getDisplayAppVersion(pkg.version)
 const showSplash = ref(true)
-
-const antDesignTheme = computed(() => {
-  const primary = getProjectBranding().accentColor
-
-  return {
-    token: {
-      colorPrimary: primary,
-      colorLink: primary,
-      colorLinkActive: primary,
-      colorLinkHover: primary,
-    },
-  }
-})
+const primaryColor = getAppPrimaryColor(colors.primary || '#000000')

 useApplyDesktopLayoutClass()

@@ -147,7 +155,7 @@ const supportAccentColor = computed(() => {
    case 'soroush':
      return '#2563eb'
    default:
-      return getProjectBranding().accentColor
+      return primaryColor || '#334155'
  }
 })

@@ -187,7 +195,7 @@ onMounted(async () => {

 <style lang="less">
 .updateButton .van-dialog__confirm .van-button__text {
-  color: @theme-primary !important;
+  color: var(--app-primary-color, #a72b77) !important;
  font-weight: 600;
  font-size: 15px;
 }
@@ -2,6 +2,7 @@ import { computed, watch } from 'vue'
 import router from '@/router'
 import { authenticateWithFingerprint, getToken, isIphone, removeToken } from '@/utils'
 import { useUserStore } from '@/store/userStore'
+import { useWalletStore } from '@/store/walletStore'
 import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router'
 import { useAuthStore } from '@/store/useAuthStore'
 import {
@@ -13,10 +14,48 @@ import {
  setHasFingerPrint
 } from '@/app/authBoot'
 import { recoverMobileViewportAfterAuth } from '@/layouts/composables/useMobileScrollReset'
-import { getProjectDefaultRoute, isGhatreProject } from '@/utils/project'
+import {
+  getDefaultLandingRoute,
+  hasAbshodeTrading,
+  hasHomePage,
+  hasProductShop,
+} from '@/config/project-profile'
+
+const GUEST_PUBLIC_ROUTES = ['login', '404', 'about', 'cart'] as const
+
+function getGuestPublicRoutes(): string[] {
+  const routes: string[] = [...GUEST_PUBLIC_ROUTES]
+  if (hasProductShop()) {
+    routes.push('buyProduct', 'productDetail')
+  }
+  return routes
+}
+
+function enforceProjectRouteAccess(
+  to: RouteLocationNormalized,
+  next: NavigationGuardNext
+): boolean {
+  if (!hasHomePage() && to.name === 'home') {
+    next({ name: getDefaultLandingRoute() })
+    return true
+  }
+
+  if (!hasAbshodeTrading() && to.name === 'gold') {
+    next({ name: getDefaultLandingRoute() })
+    return true
+  }
+
+  if (!hasProductShop() && (to.name === 'buyProduct' || to.name === 'productDetail')) {
+    next({ name: getDefaultLandingRoute() })
+    return true
+  }
+
+  return false
+}

 export function setupRouterGuards() {
  const userStore = useUserStore()
+  const walletStore = useWalletStore()
  const authStore = useAuthStore()

  const isApple: boolean = isIphone()
@@ -29,13 +68,20 @@ export function setupRouterGuards() {
      return
    }

+    const tasks: Promise<unknown>[] = [
+      walletStore.getLimitedPrice(),
+      walletStore.getLimitedBuyGold(),
+    ]
+
    if (!userStore.userInfo) {
-      await userStore.getMyInfo()
+      tasks.push(userStore.getMyInfo())
    }
+
+    await Promise.all(tasks)
  }

  function goToLogin(to: RouteLocationNormalized, next: NavigationGuardNext) {
-    if (to.name === 'buyProduct' || to.name === 'productDetail' || to.name === 'about' || to.name === 'cart') {
+    if (getGuestPublicRoutes().includes(to.name as string)) {
      return next()
    }
    if (to.name !== 'login') {
@@ -44,22 +90,23 @@ export function setupRouterGuards() {
    return next()
  }

-  function goToHome(to: RouteLocationNormalized, next: NavigationGuardNext) {
-    const defaultRoute = getProjectDefaultRoute()
-    if (to.name !== defaultRoute) {
-      return next({ name: defaultRoute })
+  function goToLanding(to: RouteLocationNormalized, next: NavigationGuardNext) {
+    const landing = getDefaultLandingRoute()
+    if (to.name !== landing) {
+      return next({ name: landing })
    }
    return next()
  }

  router.beforeEach(async (to, from, next) => {
-    if (to.name === 'home' && isGhatreProject()) {
-      return next({ name: 'buyProduct' })
-    }
    authStore.setLoading(true)
    clearFingerTimeout()
    setFingerTimeOut(to)

+    if (enforceProjectRouteAccess(to, next)) {
+      return
+    }
+
    if (isFirst) {
      isFirst = false

@@ -79,12 +126,15 @@ export function setupRouterGuards() {
          }
        } else {
          if (to.name == 'login') {
-            goToHome(to, next)
+            return goToLanding(to, next)
+          }
+          if (enforceProjectRouteAccess(to, next)) {
+            return
          }
          return next()
        }
      } else {
-        if (['login', '404', 'buyProduct', 'productDetail', 'about', 'cart'].includes(to.name as string)) {
+        if (getGuestPublicRoutes().includes(to.name as string)) {
          return next()
        }
        goToLogin(to, next)
@@ -93,18 +143,24 @@ export function setupRouterGuards() {
      if (getFingerPosition()) {
        if (getToken()) {
          if (to.name === 'login') {
-            return next({ name: from.name || getProjectDefaultRoute() })
+            return next({ name: (from.name as string) || getDefaultLandingRoute() })
+          }
+          if (enforceProjectRouteAccess(to, next)) {
+            return
          }
          return next()
        }

-        if (['login', '404', 'buyProduct', 'productDetail', 'about', 'cart'].includes(to.name as string)) {
+        if (getGuestPublicRoutes().includes(to.name as string)) {
          return next()
        }
        return next({ name: 'login' })
      }

      if (getToken() && !getHasFingerPrint()) {
+        if (enforceProjectRouteAccess(to, next)) {
+          return
+        }
        next()
      } else {
        goToLogin(to, next)
@@ -62,7 +62,11 @@ body {
 :root {
  color-scheme: only light;
  --app-primary-color: #a72b77;
-  --project-hero-gradient: linear-gradient(145deg, #a72b77 0%, #711d4d 40%, #a72b77 100%);
+  --app-secondary-color: #a72b77;
+  --app-tertiary-color: #e0be7f;
+  --app-background-color: #ffffff;
+  --app-primary-dark: #711d4d;
+  --app-primary-light: #c45f9a;
  --app-safe-top: env(safe-area-inset-top, 0px);
  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-credit-bar-inner: 0px;
@@ -80,16 +84,6 @@ body {
  --app-z-modal: 5500;
 }

-:root[data-project='ghatre'] {
-  --app-primary-color: #521620;
-  --project-hero-gradient: linear-gradient(145deg, #521620 0%, #7a2a1e 40%, #521620 100%);
-}
-
-:root[data-project='kashkool'] {
-  --app-primary-color: #a72b77;
-  --project-hero-gradient: linear-gradient(145deg, #a72b77 0%, #711d4d 40%, #a72b77 100%);
-}
-
 .ant-form-item {
  margin-bottom: 10px !important;

@@ -378,20 +372,45 @@ body {
 }
 .ant-input-group-addon{
  background-color: var(--app-primary-color, #a72b77) !important;
-  color: #e0be7f !important;
+  color: var(--app-tertiary-color, #e0be7f) !important;
 }
 .ant-slider-track{
  background-color: var(--app-primary-color, #a72b77) !important;

 }
-.ant-slider-handle {
-  background-color: var(--app-primary-color, #a72b77) !important;
-
+.ant-radio-checked .ant-radio-inner,.ant-radio-group-solid .ant-radio-button-wrapper-checked {
+  border-color: var(--app-primary-color)!important;
+  background-color: var(--app-primary-color)!important
 }

+.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover:before {
+  background-color: var(--app-primary-color)!important
+}
+
+.ant-slider-handle {
+  background-color: var(--app-primary-color, #a72b77) !important;
+  border-color: var(--app-tertiary-color, #e0be7f) !important;
+}
+.ant-btn-primary{
+  background-color: var(--app-primary-color, #a72b77) !important;
+  color: var(--app-tertiary-color, #ffffff) !important;
+  border-color:  var(--app-primary-color, #a72b77) !important;;
+}
 .ant-drawer-body{
  padding: 0px !important;
 }
 .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{
  color: white !important;
+}
+.ant-spin{
+  color: var(--app-tertiary-color, #000000) !important;
+}
+.ant-spin-dot-item{
+  background-color: var(--app-tertiary-color, #a72b77) !important;
+
+}
+.ant-btn:hover{
+  color: var(--app-primary-color, #a72b77) !important;
+  border-color:  var(--app-primary-color, #a72b77) !important;;
+
 }
@@ -1,9 +1,9 @@
@prefixCls: 'noname';

+/* مقادیر ثابت برای Ant Design Less (fade و توابع رنگ). تم واقعی در runtime با --app-primary-color ست می‌شود. */
@primary-color: #a72b77;
@secondary-color: #a72b77;
@App-primary-color: #a72b77;
-@theme-primary: var(--app-primary-color, #a72b77);
@prefixCls-font-family: 'iran-sans';
@prefixCls-background-color: #fff;

@@ -2,7 +2,7 @@
  <AButton :disabled="props.disabledB"  :type="props.type" :size="props.size" :class="[prefixCls, _class]" :loading="props.loading">
    <!--    py-1 px-2-->
    <div
-      class="flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2"
+      class="flex items-center gap-1 justify-center flex-row-reverse gap-2  px-2"
      :class="[{ 'flex-row-reverse': suffixIcon }]"
    >
      <slot v-if="$slots.default"></slot>
@@ -12,6 +12,7 @@
 import icons from '@/components/BasicPacks/tools/icons/icons.json'
 import {usePrefix} from "@/utils/usePrefix";
 import {computed, onMounted, ref, withDefaults, defineProps} from "vue";
+import { getAppPrimaryColor } from '@/config/brand-theme'

 interface Props {
  icon: string
@@ -28,6 +29,11 @@ const tempIcon = ref<string>()
 const refIcon = ref<HTMLDivElement>()
 tempIcon.value = icons[`${props.icon}`] as string
 const color = computed(() => {
+  if (!props.color) return props.color
+  const raw = String(props.color).trim()
+  if (raw.includes('--app-primary-color') || raw === 'primary') {
+    return getAppPrimaryColor()
+  }
  return props.color
 })

@@ -37,6 +37,7 @@ import {usePrefix} from "@/utils/usePrefix";
 import {computed} from "vue";
 import {usePrice} from "@/components/BasicPacks/BasicPriceInput/src/utils/usePrice";
 import {persianToEnglishDigits, shouldNormalizeInputDigits} from '@/utils/persianDigits';
+import { getAppPrimaryColor } from '@/config/brand-theme'

 //Props
 interface Prop {
@@ -55,12 +56,22 @@ interface Prop {
  placeHolder?: String
 }

-const addonBgColor = computed(() => props.addonBgColor)
-const addonTextColor = computed(() => props.addonTextColor)
+function resolveCssColor(value?: String | string | null) {
+  if (!value) return value
+  const raw = String(value).trim()
+  if (raw.includes('--app-primary-color') || raw === 'primary') {
+    return getAppPrimaryColor()
+  }
+  return raw
+}

 const props = withDefaults(defineProps<Prop>(), {
  isPassword: false
 })
+
+const addonBgColorResolved = computed(() => resolveCssColor(props.addonBgColor) || getAppPrimaryColor())
+const addonTextColorResolved = computed(() => resolveCssColor(props.addonTextColor) || 'white')
+
 const emits = defineEmits(['update:value', 'onchange'])

 const localValue = computed({
@@ -118,8 +129,8 @@ const {prefixCls} = usePrefix('input')
  }

  .ant-input-group-addon {
-    background-color: v-bind(addonBgColor);
-    color: v-bind(addonTextColor);
+    background-color: v-bind(addonBgColorResolved);
+    color: v-bind(addonTextColorResolved);
  }
 }
 </style>
@@ -1 +1,17 @@
-export { usePrice, usePriceWithoutType, useTowDecimal, useFormat } from '@/utils/usePrice'
+export function usePrice(price: number, digit = true, unit = 'ریال') {
+  let _price = price.toString()
+  if (digit) {
+    _price = _price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  }
+  return `${_price} ${unit}`
+}
+
+export function useTowDecimal(num: string | number): string | number {
+  const temp = num.toString().match(/^-?\d+(?:\.\d{0,2})?/)
+  if (temp && temp.length > 0) return temp[0]
+  return Math.round(+num * 100) / 100
+}
+
+export function useFormat(num: string | number, unit = '') {
+  return usePrice(Math.abs(+useTowDecimal(num)), true, unit)
+}
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="w-full">
    <div>
      {{ props.title }}
@@ -105,7 +105,7 @@ const handleChange = (e: any) => {
  //padding: 5px;
  /*  .ant-select {
    .ant-select-selector {
-      border-color: @primary-color;
+      border-color: var(--app-primary-color, #a72b77);
      border-radius: @border-radius-base;
    }
  }*/
@@ -1,40 +0,0 @@
-import { computed } from 'vue'
-import {
-  getProjectBranding,
-  getProjectId,
-  isBoursecuProject,
-  isGhatreProject,
-  isKashkoolProject,
-  type ProjectBranding,
-  type ProjectId,
-} from '@/utils/project'
-
-export function useProject() {
-  const projectId = computed<ProjectId>(() => getProjectId())
-  const branding = computed<ProjectBranding>(() => getProjectBranding())
-
-  const isGhatre = computed(() => isGhatreProject())
-  const isKashkool = computed(() => isKashkoolProject())
-  const isBoursecu = computed(() => isBoursecuProject())
-
-  const projectNameFa = computed(() => branding.value.nameFa)
-  const heroGradient = computed(() => branding.value.heroGradient)
-  const accentColor = computed(() => branding.value.accentColor)
-  const fundLabel = computed(() => branding.value.fundLabel)
-  const showHomeRoute = computed(() => branding.value.showHomeRoute)
-  const defaultRoute = computed(() => branding.value.defaultRoute)
-
-  return {
-    projectId,
-    branding,
-    isGhatre,
-    isKashkool,
-    isBoursecu,
-    projectNameFa,
-    heroGradient,
-    accentColor,
-    fundLabel,
-    showHomeRoute,
-    defaultRoute,
-  }
-}
@@ -15,33 +15,14 @@ export function getRawAppConfig() {
  return appConfig ?? window.__APP_CONFIG__ ?? null
 }

-function isPlainObject(value: unknown): value is Record<string, any> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
-
 export function getTenantConfig() {
  const rawConfig = getRawAppConfig()
-  if (!rawConfig) return {}

-  const user = rawConfig.user
-
-  if (isPlainObject(user)) {
-    return {
-      ...user,
-      name: rawConfig.name ?? user.name,
-      name_fa: rawConfig.name_fa ?? user.name_fa,
-    }
+  if (rawConfig?.user && typeof rawConfig.user === 'object') {
+    return rawConfig.user
  }

-  if (Array.isArray(user) && isPlainObject(user[0])) {
-    return {
-      ...user[0],
-      name: rawConfig.name ?? user[0].name,
-      name_fa: rawConfig.name_fa ?? user[0].name_fa,
-    }
-  }
-
-  if (Object.keys(rawConfig).length > 0) {
+  if (rawConfig && Object.keys(rawConfig).length > 0) {
    return rawConfig
  }

@@ -1,45 +1,22 @@
 import { getConfig } from '@/config/app-config'
+import { getAppIconUrl, resolveConfigAssetUrl } from '@/config/brand-assets'
+import { applyBrandTheme } from '@/config/brand-theme'
 import { isPwaManifestReady } from '@/modules/pwa/manifest'
-import { getProjectBranding } from '@/utils/project'

 export function applyAppConfig() {
-  applyProjectTheme()
+  applyBrandTheme()

-  if (isPwaManifestReady()) {
-    setTitle()
-    return
-  }
+  if (isPwaManifestReady()) return

  setTitle()
  setFavicon()
  setAppleTouchIconFallback()
 }

-function applyProjectTheme() {
-  const branding = getProjectBranding()
-  const root = document.documentElement
-  const primary = branding.accentColor
-
-  root.style.setProperty('--project-accent', primary)
-  root.style.setProperty('--project-hero-gradient', branding.heroGradient)
-  root.style.setProperty('--app-primary-color', primary)
-  root.style.setProperty('--primary-color', primary)
-  root.dataset.project = branding.id
-
-  const secondaryColor = getConfig<string>('secondary_color')
-  if (secondaryColor) {
-    root.style.setProperty('--secondary-color', secondaryColor)
-  }
-}
-
 function setTitle() {
  document.title = getConfig('name_fa', 'در حال بارگذاری...')
 }

-function getLogoUrl() {
-  return getConfig<string>('avatar') || '/favicon.png'
-}
-
 function setFavicon() {
  let faviconLink =
    document.querySelector<HTMLLinkElement>("link[rel='icon']") ||
@@ -51,14 +28,14 @@ function setFavicon() {
    document.head.appendChild(faviconLink)
  }

-  const logoUrl = getLogoUrl()
+  const logoUrl = getAppIconUrl()

  faviconLink.type = 'image/png'
-  faviconLink.href = logoUrl.startsWith('http') ? logoUrl : resolveRemoteLogo(logoUrl)
+  faviconLink.href = logoUrl
 }

 function setAppleTouchIconFallback() {
-  const logoUrl = getLogoUrl()
+  const logoUrl = getAppIconUrl()

  if (!logoUrl) return

@@ -80,7 +57,7 @@ function setAppleTouchIconFallback() {
      document.head.appendChild(link)
    }

-    link.href = logoUrl.startsWith('http') ? logoUrl : resolveRemoteLogo(logoUrl)
+    link.href = logoUrl
  })

  let appleTitle = document.querySelector<HTMLMetaElement>("meta[name='apple-mobile-web-app-title']")
@@ -94,13 +71,4 @@ function setAppleTouchIconFallback() {
  appleTitle.content = getConfig('name_fa', 'اپ مشتری')
 }

-function resolveRemoteLogo(path: string) {
-  if (/^(https?:\/\/|data:|blob:)/i.test(path)) return path
-
-  const lastSuccess = localStorage.getItem('CONFIG_Success_URL')
-  const base = lastSuccess
-    ? lastSuccess.replace(/\/get_user\/?$/i, '').replace(/\/+$/, '')
-    : 'https://nerkh.gold'
-
-  return `${base}/${path.replace(/^\/+/, '')}`
-}
+export { resolveConfigAssetUrl }
@@ -0,0 +1,44 @@
+import { getConfig } from '@/config/app-config'
+
+const CONFIG_SUCCESS_URL_KEY = 'CONFIG_Success_URL'
+
+const DEFAULT_ICON = '/favicon.png'
+const DEFAULT_LOGO = '/logo.png'
+const DEFAULT_LOGO_FULL = '/logo_full_.png'
+
+export function resolveConfigAssetUrl(path?: string | null): string {
+  if (!path) return ''
+
+  if (/^(https?:\/\/|data:|blob:)/i.test(path)) return path
+
+  const lastSuccess = localStorage.getItem(CONFIG_SUCCESS_URL_KEY)
+  const base = lastSuccess
+    ? lastSuccess.replace(/\/get_user\/?$/i, '').replace(/\/+$/, '')
+    : 'https://nerkh.gold'
+
+  return `${base}/${path.replace(/^\/+/, '')}`
+}
+
+function pickConfigAsset(...keys: string[]): string {
+  for (const key of keys) {
+    const value = getConfig<string>(key)
+    if (value) return resolveConfigAssetUrl(value)
+  }
+
+  return ''
+}
+
+/** آیکون کوچک اپ — معمولاً فیلد avatar در get_user */
+export function getAppIconUrl(fallback = DEFAULT_ICON): string {
+  return pickConfigAsset('avatar', 'icon') || fallback
+}
+
+/** لوگوی فشرده — برای هدر و FAB */
+export function getAppLogoUrl(fallback = DEFAULT_LOGO): string {
+  return pickConfigAsset('logo', 'avatar') || fallback
+}
+
+/** لوگوی کامل — برای اسپلش، لاگین و سایدبار */
+export function getAppLogoFullUrl(fallback = DEFAULT_LOGO_FULL): string {
+  return pickConfigAsset('logo_full', 'logo', 'avatar') || fallback
+}
@@ -0,0 +1,133 @@
+import { getConfig } from '@/config/app-config'
+import { colors } from '@/themeConfig'
+
+export const DEFAULT_PRIMARY_COLOR = '#a72b77'
+export const DEFAULT_SECONDARY_COLOR = '#a72b77'
+export const DEFAULT_TERTIARY_COLOR = '#e0be7f'
+export const DEFAULT_BACKGROUND_COLOR = '#ffffff'
+
+function normalizeHex(value: unknown): string | null {
+  if (typeof value !== 'string') return null
+
+  const trimmed = value.trim()
+  if (!trimmed) return null
+
+  const withHash = trimmed.startsWith('#') ? trimmed : `#${trimmed}`
+
+  if (!/^#[0-9a-fA-F]{6}$/.test(withHash) && !/^#[0-9a-fA-F]{3}$/.test(withHash)) {
+    return null
+  }
+
+  if (withHash.length === 4) {
+    const [, r, g, b] = withHash
+    return `#${r}${r}${g}${g}${b}${b}`.toLowerCase()
+  }
+
+  return withHash.toLowerCase()
+}
+
+function lightenHex(hex: string, amount = 0.22): string {
+  const normalized = normalizeHex(hex)
+  if (!normalized) return hex
+
+  const num = parseInt(normalized.slice(1), 16)
+  const r = (num >> 16) & 255
+  const g = (num >> 8) & 255
+  const b = num & 255
+
+  const mix = (channel: number) => Math.round(channel + (255 - channel) * amount)
+
+  return `#${[mix(r), mix(g), mix(b)]
+    .map((channel) => channel.toString(16).padStart(2, '0'))
+    .join('')}`
+}
+
+function darkenHex(hex: string, amount = 0.22): string {
+  const normalized = normalizeHex(hex)
+  if (!normalized) return hex
+
+  const num = parseInt(normalized.slice(1), 16)
+  const r = Math.round(((num >> 16) & 255) * (1 - amount))
+  const g = Math.round(((num >> 8) & 255) * (1 - amount))
+  const b = Math.round((num & 255) * (1 - amount))
+
+  return `#${[r, g, b].map((channel) => channel.toString(16).padStart(2, '0')).join('')}`
+}
+
+export function getAppPrimaryColor(fallback = DEFAULT_PRIMARY_COLOR): string {
+  return (
+    normalizeHex(getConfig('color')) ||
+    normalizeHex(getConfig('primary_color')) ||
+    normalizeHex(getConfig('primary')) ||
+    fallback
+  )
+}
+
+export function getAppSecondaryColor(fallback = DEFAULT_SECONDARY_COLOR): string {
+  return (
+    normalizeHex(getConfig('secondary_color')) ||
+    normalizeHex(getConfig('secondary')) ||
+    getAppPrimaryColor(fallback)
+  )
+}
+
+export function getAppTertiaryColor(fallback = DEFAULT_TERTIARY_COLOR): string {
+  return (
+    normalizeHex(getConfig('tertiary_color')) ||
+    normalizeHex(getConfig('tertiary')) ||
+    fallback
+  )
+}
+
+export function getAppBackgroundColor(fallback = DEFAULT_BACKGROUND_COLOR): string {
+  return (
+    normalizeHex(getConfig('background_color')) ||
+    normalizeHex(getConfig('background')) ||
+    fallback
+  )
+}
+
+export function getAppPrimaryDark(fallback = '#711d4d'): string {
+  return darkenHex(getAppPrimaryColor(), 0.22) || fallback
+}
+
+export function getAppPrimaryLight(fallback = '#c45f9a'): string {
+  return lightenHex(getAppPrimaryColor(), 0.22) || fallback
+}
+
+function setCssVar(name: string, value: string) {
+  document.documentElement.style.setProperty(name, value)
+}
+
+export function applyBrandTheme() {
+  const primary = getAppPrimaryColor()
+  const secondary = getAppSecondaryColor()
+  const tertiary = getAppTertiaryColor()
+  const background = getAppBackgroundColor()
+  const primaryDark = getAppPrimaryDark()
+  const primaryLight = getAppPrimaryLight()
+
+  setCssVar('--app-primary-color', primary)
+  setCssVar('--app-secondary-color', secondary)
+  setCssVar('--app-tertiary-color', tertiary)
+  setCssVar('--app-background-color', background)
+  setCssVar('--app-primary-dark', primaryDark)
+  setCssVar('--app-primary-light', primaryLight)
+
+  colors.primary = primary
+  colors['primary-rgba'] = primary
+  colors.secondary = secondary
+  colors['secondary-rgba'] = secondary
+  colors.tertiary = tertiary
+  colors['tertiary-rgba'] = tertiary
+
+  const themeMeta = document.querySelector<HTMLMetaElement>('meta[name="theme-color"]')
+  if (themeMeta) {
+    themeMeta.content = primary
+  } else {
+    const meta = document.createElement('meta')
+    meta.name = 'theme-color'
+    meta.content = primary
+    document.head.appendChild(meta)
+  }
+}
@@ -2,7 +2,6 @@ import type { AppConfig } from '@/config/types'
 import { readCachedAppConfig, writeCachedAppConfig } from '@/config/config-cache'

 const CONFIG_SUCCESS_URL_KEY = 'CONFIG_Success_URL'
-export const CONFIG_RETRY_ROUNDS = 5

 function getProtocol() {
  return window.location.protocol === 'https:' ? 'https:' : 'http:'
@@ -30,12 +29,6 @@ export function sortConfigUrls(urls: string[]) {
  })
 }

-function clearStaleConfigSuccessUrl(url: string) {
-  if (localStorage.getItem(CONFIG_SUCCESS_URL_KEY) === url) {
-    localStorage.removeItem(CONFIG_SUCCESS_URL_KEY)
-  }
-}
-
 async function fetchConfig(url: string, timeout = 3000): Promise<AppConfig> {
  const controller = new AbortController()
  const timeoutId = window.setTimeout(() => controller.abort(), timeout)
@@ -66,25 +59,22 @@ async function fetchConfig(url: string, timeout = 3000): Promise<AppConfig> {
  }
 }

-export async function fetchFreshAppConfig(rounds = CONFIG_RETRY_ROUNDS): Promise<AppConfig> {
+export async function fetchFreshAppConfig(): Promise<AppConfig> {
  const urls = sortConfigUrls(getConfigUrls())

-  for (let round = 1; round <= rounds; round++) {
-    for (let index = 0; index < urls.length; index++) {
-      const url = urls[index]
+  for (let index = 0; index < urls.length; index++) {
+    const url = urls[index]

-      try {
-        const timeout = index === urls.length - 1 ? 7000 : 4000
-        const config = await fetchConfig(url, timeout)
+    try {
+      const timeout = index === urls.length - 1 ? 5000 : 2500
+      const config = await fetchConfig(url, timeout)

-        localStorage.setItem(CONFIG_SUCCESS_URL_KEY, url)
-        writeCachedAppConfig(config)
+      localStorage.setItem(CONFIG_SUCCESS_URL_KEY, url)
+      writeCachedAppConfig(config)

-        return config
-      } catch (error) {
-        clearStaleConfigSuccessUrl(url)
-        console.warn(`Config failed from ${url}. Round: ${round}`, error)
-      }
+      return config
+    } catch (error) {
+      console.warn(`Config failed from ${url}`, error)
    }
  }

@@ -92,16 +82,11 @@ export async function fetchFreshAppConfig(rounds = CONFIG_RETRY_ROUNDS): Promise
 }

 export async function loadAppConfig(): Promise<AppConfig> {
-  try {
-    return await fetchFreshAppConfig()
-  } catch (error) {
-    const cachedConfig = readCachedAppConfig()
+  const cachedConfig = readCachedAppConfig()

-    if (cachedConfig) {
-      console.warn('Using cached app config because fresh fetch failed', error)
-      return cachedConfig
-    }
-
-    throw error
+  if (cachedConfig) {
+    return cachedConfig
  }
+
+  return await fetchFreshAppConfig()
 }
@@ -9,24 +9,16 @@ type VersionResponse =
    }

 const VERSION_SUCCESS_URL_KEY = 'VERSION_Success_URL'
-export const VERSION_RETRY_ROUNDS = 5
+const VERSION_RETRY_ROUNDS = 5

 let versionFetchPromise: Promise<string | null> | null = null
 let cachedVersionResult: string | null | undefined

-function getProtocol() {
-  return window.location.protocol === 'https:' ? 'https:' : 'http:'
-}
-
 function getVersionUrls() {
-  const protocol = getProtocol()
-
  return [
    'https://nerkh.gold/get_version',
    'https://tablo.talasevin.ir/get_version',
-    'https://abshode-service.montgit.ir/server/get_version',
-    `${protocol}//212.23.201.173:8381/get_version`,
-    `${protocol}//91.212.174.137:4040/server/get_version`
+    'https://abshode-service.montgit.ir/server/get_version'
  ]
 }

@@ -41,12 +33,6 @@ function sortVersionUrls(urls: string[]) {
  return [lastSuccessUrl, ...others]
 }

-function clearStaleVersionSuccessUrl(url: string) {
-  if (localStorage.getItem(VERSION_SUCCESS_URL_KEY) === url) {
-    localStorage.removeItem(VERSION_SUCCESS_URL_KEY)
-  }
-}
-
 function readUserVersion(user: unknown) {
  if (!user || typeof user !== 'object' || Array.isArray(user)) {
    return ''
@@ -96,6 +82,7 @@ async function fetchVersion(url: string, timeout = 3500): Promise<string | null>
    })

    if (!response.ok) {
+      // Non-2xx/timeout should be treated as "request failed" and we may try the next URL.
      throw new Error(`Version request failed with status ${response.status}`)
    }

@@ -107,8 +94,10 @@ async function fetchVersion(url: string, timeout = 3500): Promise<string | null>

    const version = normalizeVersionResponse(data)

+    // IMPORTANT: if the request returned 200/ok, we stop here even if we couldn't extract a version.
+    // This prevents unnecessary looping when the endpoint is "reachable" but returns an empty payload.
    if (!version) {
-      throw new Error('Version response is empty')
+      return null
    }

    localStorage.setItem(VERSION_SUCCESS_URL_KEY, url)
@@ -129,11 +118,10 @@ async function fetchVersionWithRetry(rounds = VERSION_RETRY_ROUNDS): Promise<str

      try {
        const version = await fetchVersion(url, timeout)
-        if (version) {
-          return version
-        }
+        // fetchVersion only throws on real request failures (non-ok / timeout).
+        // If it returns null, we got HTTP 200 but empty version => stop immediately.
+        return version
      } catch (error) {
-        clearStaleVersionSuccessUrl(url)
        console.warn(`Version failed from ${url}. Round: ${round}`, error)
      }
    }
@@ -0,0 +1,123 @@
+import { getConfig } from '@/config/app-config'
+
+export type ProjectProfileId = 'ghatre' | 'kashkool' | 'boursecu' | 'default'
+
+export interface ProjectFeatures {
+  id: ProjectProfileId
+  hasHomePage: boolean
+  hasAbshodeTrading: boolean
+  hasProductShop: boolean
+  landingRoute: 'home' | 'buyProduct'
+}
+
+const PROFILE_FEATURES: Record<ProjectProfileId, ProjectFeatures> = {
+  ghatre: {
+    id: 'ghatre',
+    hasHomePage: false,
+    hasAbshodeTrading: false,
+    hasProductShop: true,
+    landingRoute: 'buyProduct',
+  },
+  kashkool: {
+    id: 'kashkool',
+    hasHomePage: true,
+    hasAbshodeTrading: true,
+    hasProductShop: true,
+    landingRoute: 'home',
+  },
+  boursecu: {
+    id: 'boursecu',
+    hasHomePage: true,
+    hasAbshodeTrading: true,
+    hasProductShop: true,
+    landingRoute: 'home',
+  },
+  default: {
+    id: 'default',
+    hasHomePage: true,
+    hasAbshodeTrading: true,
+    hasProductShop: true,
+    landingRoute: 'home',
+  },
+}
+
+function normalizeSlug(value: unknown): string {
+  return String(value ?? '').toLowerCase().trim()
+}
+
+function matchesAny(haystack: string, needles: string[]): boolean {
+  return needles.some((needle) => haystack.includes(needle))
+}
+
+export function resolveProjectProfileId(): ProjectProfileId {
+  const name = normalizeSlug(getConfig('name'))
+  const nameFa = String(getConfig('name_fa') ?? '')
+  const mode = normalizeSlug(getConfig('mode'))
+
+  if (
+    matchesAny(name, ['ghatre', 'ghatreh', 'qatre']) ||
+    nameFa.includes('قطره')
+  ) {
+    return 'ghatre'
+  }
+
+  if (
+    matchesAny(name, ['boursecu', 'bourse', 'bours']) ||
+    nameFa.includes('بورس')
+  ) {
+    return 'boursecu'
+  }
+
+  if (
+    matchesAny(name, ['kashkool', 'kashkol', 'kashkoolgold']) ||
+    nameFa.includes('کشکول')
+  ) {
+    return 'kashkool'
+  }
+
+  if (matchesAny(mode, ['ghatre', 'ghatreh', 'qatre'])) return 'ghatre'
+  if (matchesAny(mode, ['boursecu', 'bourse'])) return 'boursecu'
+  if (matchesAny(mode, ['kashkool', 'kashkol'])) return 'kashkool'
+
+  return 'default'
+}
+
+export function getProjectProfile(): ProjectFeatures {
+  return PROFILE_FEATURES[resolveProjectProfileId()]
+}
+
+export function getProjectProfileId(): ProjectProfileId {
+  return resolveProjectProfileId()
+}
+
+export function getProjectDisplayName(fallback = 'اپ مشتری'): string {
+  return getConfig('name_fa') || getConfig('name') || fallback
+}
+
+export function getDefaultLandingRoute(): 'home' | 'buyProduct' {
+  return getProjectProfile().landingRoute
+}
+
+export function hasHomePage(): boolean {
+  return getProjectProfile().hasHomePage
+}
+
+export function hasAbshodeTrading(): boolean {
+  return getProjectProfile().hasAbshodeTrading
+}
+
+export function hasProductShop(): boolean {
+  return getProjectProfile().hasProductShop
+}
+
+export function isGhatreProject(): boolean {
+  return resolveProjectProfileId() === 'ghatre'
+}
+
+export function isKashkoolProject(): boolean {
+  return resolveProjectProfileId() === 'kashkool'
+}
+
+export function isBoursecuProject(): boolean {
+  return resolveProjectProfileId() === 'boursecu'
+}
@@ -1,7 +1,12 @@
 import type { AppNavItem } from '../types'
-import { getProjectBranding, isGhatreProject } from '@/utils/project'
+import {
+  hasAbshodeTrading,
+  hasHomePage,
+  hasProductShop,
+  isKashkoolProject,
+} from '@/config/project-profile'

-/** تب‌های پایین موبایل — کاربر لاگین‌شده (کشکول) */
+/** تب‌های پایین موبایل — کاربر لاگین‌شده (کشکول و مشابه) */
 export const AUTH_PRIMARY_NAV: AppNavItem[] = [
  { id: 'home', routeName: 'home', label: 'صفحه اصلی', icon: 'vuesax-linear:home' },
  { id: 'transactions', routeName: 'transactions', label: 'گزارش', icon: 'vuesax-linear:receipt-item' },
@@ -9,7 +14,7 @@ export const AUTH_PRIMARY_NAV: AppNavItem[] = [
  { id: 'cart', routeName: 'cart', label: 'سبد خرید', icon: 'vuesax-linear:shopping-cart' },
 ]

-/** تب‌های پایین موبایل — کاربر لاگین‌شده (قطره) */
+/** تب‌های پایین موبایل — قطره (بدون صفحه اصلی) */
 export const GHATRE_AUTH_PRIMARY_NAV: AppNavItem[] = [
  { id: 'buyProduct', routeName: 'buyProduct', label: 'فروشگاه', icon: 'vuesax-linear:coin' },
  { id: 'transactions', routeName: 'transactions', label: 'گزارش', icon: 'vuesax-linear:receipt-item' },
@@ -39,17 +44,55 @@ export const AUTH_SECONDARY_NAV: AppNavItem[] = [
  { id: 'rules', routeName: 'rules', label: 'قوانین و مقررات', icon: 'vuesax-linear:task' },
 ]

+/** منوی تمام‌صفحه کشکول — فقط این آیتم‌ها */
+export const KASHKOOL_OVERFLOW_NAV: AppNavItem[] = [
+  { id: 'user', routeName: 'user', label: 'حساب کاربری', icon: 'vuesax-linear:user' },
+  { id: 'physicalReceive', routeName: 'physicalReceive', label: 'دریافت طلای فیزیکی', icon: 'vuesax-linear:direct-inbox' },
+  { id: 'notifyTrigger', routeName: 'notifyTrigger', label: 'هشدار قیمت', icon: 'vuesax-linear:bill' },
+  { id: 'buyProduct', routeName: 'buyProduct', label: 'خرید محصول', icon: 'vuesax-linear:coin' },
+  { id: 'giftCard', routeName: 'giftCard', label: 'ثبت کارت هدیه', icon: 'vuesax-linear:gift' },
+  { id: 'rules', routeName: 'rules', label: 'قوانین و مقررات', icon: 'vuesax-linear:task' },
+]
+
+function filterSecondaryNavItems(items: AppNavItem[]): AppNavItem[] {
+  return items.filter((item) => {
+    if (item.routeName === 'buyProduct' && !hasProductShop()) return false
+    if (item.routeName === 'notifyTrigger' && !hasAbshodeTrading()) return false
+    if (item.routeName === 'earnMoney' && !hasAbshodeTrading()) return false
+    return true
+  })
+}
+
 export function getPrimaryNavItems(isAuthenticated: boolean): AppNavItem[] {
-  if (!isAuthenticated) return GUEST_PRIMARY_NAV
-  return isGhatreProject() ? GHATRE_AUTH_PRIMARY_NAV : AUTH_PRIMARY_NAV
+  if (!isAuthenticated) {
+    return GUEST_PRIMARY_NAV.filter(
+      (item) => item.routeName !== 'buyProduct' || hasProductShop()
+    )
+  }
+
+  if (!hasHomePage()) {
+    return GHATRE_AUTH_PRIMARY_NAV
+  }
+
+  return AUTH_PRIMARY_NAV
 }

 export function getSecondaryNavItems(isAuthenticated: boolean): AppNavItem[] {
  if (!isAuthenticated) return []
+  if (isKashkoolProject()) return KASHKOOL_OVERFLOW_NAV
+  return filterSecondaryNavItems(AUTH_SECONDARY_NAV)
+}

-  const fundLabel = getProjectBranding().fundLabel
+export function getOverflowMenuItems(isAuthenticated: boolean): AppNavItem[] {
+  if (!isAuthenticated) {
+    return AUTH_SECONDARY_NAV.filter((item) =>
+      ['about', 'rules'].includes(item.routeName)
+    )
+  }

-  return AUTH_SECONDARY_NAV.map((item) =>
-    item.id === 'fund' ? { ...item, label: fundLabel } : item
-  )
+  if (isKashkoolProject()) {
+    return KASHKOOL_OVERFLOW_NAV
+  }
+
+  return filterSecondaryNavItems(AUTH_SECONDARY_NAV)
 }
@@ -1,7 +1,7 @@
 <template>
  <aside class="desktop-sidebar">
    <div class="desktop-sidebar__brand">
-      <img :src="navLogo" :alt="projectNameFa" class="desktop-sidebar__logo" />
+      <img :src="navLogo" :alt="projectName" class="desktop-sidebar__logo" />
    </div>

    <nav class="desktop-sidebar__section" aria-label="منوی اصلی">
@@ -39,18 +39,18 @@

 <script lang="ts" setup>
 import { computed } from 'vue'
-import logoFull from '@/assets/img/logo_full_.png'
 import { isToken } from '@/utils'
 import { useCartStore } from '@/store/cartStore'
 import { getPrimaryNavItems, getSecondaryNavItems } from '../config/navigation'
 import { useAppNavigation } from '../composables/useAppNavigation'
+import { getProjectDisplayName } from '@/config/project-profile'
+import { getAppLogoFullUrl } from '@/config/brand-assets'
 import DesktopNavItem from './DesktopNavItem.vue'
-import { useProject } from '@/composables/useProject'

-const { projectNameFa } = useProject()
 const cartStore = useCartStore()
 const authenticated = computed(() => isToken())
-const navLogo = logoFull
+const navLogo = getAppLogoFullUrl()
+const projectName = getProjectDisplayName('کشکول گلد')
 const primaryItems = computed(() => getPrimaryNavItems(authenticated.value))
 const secondaryItems = computed(() => getSecondaryNavItems(authenticated.value))
 const cartCount = computed(() => cartStore.itemCount || 0)
@@ -1,4 +1,4 @@
-.desktop-app-layout {
+.desktop-app-layout {
  display: flex;
  flex-direction: row;
  height: 100vh;
@@ -110,15 +110,15 @@

  &:hover {
    background: rgba(167, 43, 119, 0.06);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
  }

  &--active {
    background: rgba(167, 43, 119, 0.1);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);

    .desktop-nav-item__icon {
-      color: @theme-primary;
+      color: var(--app-primary-color, #a72b77);
    }
  }
 }
@@ -1,4 +1,4 @@
-/* Shared desktop layouts for inner pages */
+/* Shared desktop layouts for inner pages */

 .dinner {
  min-height: 100%;
@@ -85,7 +85,7 @@
  &__price {
    font-size: 15px;
    font-weight: 700;
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
  }
 }

@@ -114,7 +114,7 @@
  &__total {
    font-size: 20px;
    font-weight: 700;
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
  }
 }

@@ -153,7 +153,7 @@
 .dproduct-info__price {
  font-size: 22px;
  font-weight: 700;
-  color: @theme-primary;
+  color: var(--app-primary-color, #a72b77);
 }

 .dproduct-info__desc {
@@ -16,7 +16,12 @@
      <div class="main_in">
        <div class="text-white circle_in">
          <div class="circle_into" @click="$emit('toggle-overflow')">
-            <img class="p-2" :src="navLogo" alt="" />
+            <img
+              class="p-2"
+              :class="{ 'nav-logo--white': isKashkool }"
+              :src="navLogo"
+              alt=""
+            />
          </div>
        </div>
      </div>
@@ -45,8 +50,9 @@ import { computed } from 'vue'
 import Icon from '@/components/BasicPacks/BasicIcon.vue'
 import { isToken } from '@/utils'
 import { useCartStore } from '@/store/cartStore'
+import { getAppIconUrl } from '@/config/brand-assets'
+import { isKashkoolProject } from '@/config/project-profile'
 import { getPrimaryNavItems } from '../config/navigation'
-import logo from '@/assets/img/logo.png'

 defineProps<{
  navItemClass: (routeName: string) => string
@@ -58,7 +64,8 @@ defineEmits<{
 }>()

 const cartStore = useCartStore()
-const navLogo = logo
+const navLogo = getAppIconUrl()
+const isKashkool = isKashkoolProject()
 const cartCount = computed(() => cartStore.itemCount || 0)

 const primaryItems = computed(() => getPrimaryNavItems(isToken()))
@@ -80,4 +87,8 @@ const rightTabs = computed(() => primaryItems.value.slice(2))
 .tab__icon :deep(.ant-badge) {
  color: inherit;
 }
+
+.nav-logo--white {
+  filter: brightness(0) invert(1);
+}
 </style>
@@ -17,85 +17,15 @@
        </div>
        <div class="flex flex-col items-center gap-2">
          <BasicButton
+            v-for="item in menuItems"
+            :key="item.id"
            icon-size="16"
            class="!font-bold w-15rem"
-            @click="go('user')"
+            @click="go(item.routeName)"
          >
            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:user" size="16" class="absolute right-2" />
-              <div>حساب کاربری</div>
-            </div>
-          </BasicButton>
-          <BasicButton
-            v-if="authenticated"
-            icon-size="16"
-            class="!font-bold w-15rem"
-            @click="go('physicalReceive')"
-          >
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:direct-inbox" size="16" class="absolute right-2" />
-              <div>دریافت طلای فیزیکی</div>
-            </div>
-          </BasicButton>
-          <BasicButton
-            v-if="authenticated"
-            icon-size="16"
-            class="!font-bold w-15rem"
-            @click="go('notifyTrigger')"
-          >
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:bill" size="16" class="absolute right-2" />
-              <div>هشدار قیمت</div>
-            </div>
-          </BasicButton>
-          <BasicButton
-            v-if="authenticated"
-            icon-size="16"
-            class="!font-bold w-15rem"
-            @click="go('buyProduct')"
-          >
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:coin" size="16" class="absolute right-2" />
-              <div>خرید محصول</div>
-            </div>
-          </BasicButton>
-<!--          <BasicButton-->
-<!--            v-if="authenticated"-->
-<!--            icon-size="16"-->
-<!--            class="!font-bold w-15rem"-->
-<!--            @click="go('list')"-->
-<!--          >-->
-<!--            <div class="flex gap-2 items-center">-->
-<!--              <BasicIcon icon="vuesax-linear:receipt-item" size="16" class="absolute right-2" />-->
-<!--              <div>لیست دریافتی ها</div>-->
-<!--            </div>-->
-<!--          </BasicButton>-->
-          <BasicButton
-            v-if="authenticated"
-            icon-size="16"
-            class="!font-bold w-15rem"
-            @click="go('giftCard')"
-          >
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:gift" size="16" class="absolute right-2" />
-              <div>ثبت کارت هدیه</div>
-            </div>
-          </BasicButton>
-          <BasicButton icon-size="16" class="!font-bold w-15rem" @click="go('about')">
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:info-circle" size="16" class="absolute right-2" />
-              <div>درباره ما</div>
-            </div>
-          </BasicButton>
-          <BasicButton
-            v-if="authenticated"
-            icon-size="16"
-            class="!font-bold w-15rem"
-            @click="go('rules')"
-          >
-            <div class="flex gap-2 items-center">
-              <BasicIcon icon="vuesax-linear:task" size="16" class="absolute right-2" />
-              <div>قوانین و مقررات</div>
+              <BasicIcon :icon="item.icon" size="16" class="absolute right-2" />
+              <div>{{ item.label }}</div>
            </div>
          </BasicButton>
        </div>
@@ -109,6 +39,7 @@ import { computed } from 'vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import { isToken } from '@/utils'
+import { getOverflowMenuItems } from '../config/navigation'

 defineProps<{
  show: boolean
@@ -119,7 +50,7 @@ const emit = defineEmits<{
  navigate: [routeName: string]
 }>()

-const authenticated = computed(() => isToken())
+const menuItems = computed(() => getOverflowMenuItems(isToken()))

 function go(routeName: string) {
  emit('navigate', routeName)
@@ -1,4 +1,4 @@
-.bottom-appbar {
+.bottom-appbar {
  z-index: var(--app-z-nav, 5000);
  position: fixed;
  bottom: 0;
@@ -43,7 +43,7 @@

      &.text-primary .tab__icon,
      &.text-primary .tab__icon .ant-badge {
-        color: @theme-primary;
+        color: var(--app-primary-color, #a72b77);
      }

      &.text-gray-400 .tab__icon,
@@ -68,11 +68,11 @@
        display: flex;
        justify-content: center;
        align-items: center;
-        background-color: @theme-primary;
+        background-color: var(--app-primary-color, #a72b77);

        .circle_into {
          overflow: hidden;
-          background-color: @theme-primary;
+          background-color: var(--app-primary-color, #a72b77);
          border-radius: 50%;
          width: 56px;
          height: 56px;
@@ -1,4 +1,4 @@
-/* Shared mobile page chrome (inner pages — not home .app-header) */
+/* Shared mobile page chrome (inner pages — not home .app-header) */

 :root {
  --mpage-header-bar: 2.75rem;
@@ -31,7 +31,7 @@
  padding: 0.75rem;
  padding-top: calc(0.75rem + var(--app-safe-top, env(safe-area-inset-top, 0px)));
  background: #fff;
-  color: @theme-primary;
+  color: var(--app-primary-color, #a72b77);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
@@ -67,7 +67,7 @@
  z-index: 1999;
  padding: 0.75rem;
  background: #fff;
-  color: @theme-primary;
+  color: var(--app-primary-color, #a72b77);
  font-weight: 700;
 }

@@ -8,7 +8,6 @@ export interface Order {
    sts_str?: string
    payment_sts?: number
    payment_amount?: number
-    target_cash?: number
    service_charge_price?: number
    total_fee?: number
    total_price?: number
@@ -1,5 +1,5 @@
 import {createRouter, createWebHistory} from 'vue-router'
-import { getProjectDefaultRoute } from '@/utils/project'
+import { getDefaultLandingRoute } from '@/config/project-profile'

 const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
@@ -9,10 +9,16 @@ const router = createRouter({
            name: 'login',
            component: () => import('../views/login/index.vue')
        },
+        /*        {
+                    path: '/',
+                    name: 'null',
+                    redirect: {name: 'home'},
+                    // component: () => import('../views/login/index.vue')
+                },*/
        {
            path: `/`,
            name: 'main',
-            redirect: () => ({ name: getProjectDefaultRoute() }),
+            redirect: () => ({ name: getDefaultLandingRoute() }),
            component: () => import('../views/base/index.vue'),
            children: [
                {
@@ -1,9 +1,15 @@
-import { ref } from 'vue'
+import { type ComputedRef, ref } from 'vue'
 import {defineStore} from "pinia";
+import {getMe} from "@/api/me";
+import type {User} from "@/models/login";
 import type {Wallet} from "@/models/wallet";
 import {getWallet} from "@/api/wallet";
+import type {Const} from "@/models/const";
+import {getConstByKey} from "@/api/const";
 export const useWalletStore = defineStore('wallet', () => {
  const walletInfo = ref<Wallet | undefined>(undefined)
+  const limitedPrice = ref<Const[]>()
+  const limitedBuyGold = ref<Const[]>()

  async function getMyWallet() {
    try {
@@ -13,6 +19,40 @@ export const useWalletStore = defineStore('wallet', () => {
      console.log(e)
    }
  }
+  async function getLimitedPrice(){
+    try {
+      limitedPrice.value = await getConstByKey('limited_price')
+      return limitedPrice.value
+    }catch (e) {
+      console.log(e)
+    }
+  }

-  return { walletInfo, getMyWallet }
+  async function getLimitedBuyGold(){
+    try {
+      limitedBuyGold.value = await getConstByKey('first_customer_wallet_value')
+      return limitedBuyGold.value
+    }catch (e) {
+      console.log(e)
+    }
+  }
+
+/*  const permissions: ComputedRef<string[]> = computed(() => {
+    const permissions: string[] = get(userInfo.value, 'permission', [])
+    const excludes: string[] = get(userInfo.value, 'exclude', [])
+    return permissions.filter((item) => !excludes.includes(item))
+  })*/
+
+/*
+  function canAccess(permissionKey: string) {
+    if (isAdmin.value) return true
+    return permissions.value.includes(permissionKey)
+  }
+*/
+/*
+  const isAdmin = computed(() => {
+    return userInfo.value?.is_admin
+  })*/
+
+  return { walletInfo, getMyWallet, getLimitedPrice, getLimitedBuyGold, limitedPrice, limitedBuyGold/* permissions, canAccess, isAdmin*/ }
 })
@@ -1,19 +1,36 @@
-import { getTenantConfig } from '@/config/app-config'
-
 export function getConfigApp(key: string) {
-  const config = getTenantConfig()
-  const value = config?.[key]
+  const config = window.__APP_CONFIG__ ? window.__APP_CONFIG__.user : {}

-  return value ?? null
+  if (config) {
+    return config[key]
+  }
+  return null
 }

 export {
-  getProjectId,
-  getProjectBranding,
-  getProjectDefaultRoute,
+  getProjectDisplayName,
+  getDefaultLandingRoute,
+  hasHomePage,
+  hasAbshodeTrading,
+  hasProductShop,
  isGhatreProject,
  isKashkoolProject,
  isBoursecuProject,
-} from '@/utils/project'
+  getProjectProfile,
+  getProjectProfileId,
+} from '@/config/project-profile'

-export type { ProjectId, ProjectBranding } from '@/utils/project'
+export {
+  getAppIconUrl,
+  getAppLogoUrl,
+  getAppLogoFullUrl,
+  resolveConfigAssetUrl,
+} from '@/config/brand-assets'
+
+export {
+  getAppPrimaryColor,
+  getAppSecondaryColor,
+  getAppTertiaryColor,
+  getAppBackgroundColor,
+  applyBrandTheme,
+} from '@/config/brand-theme'
@@ -39,13 +39,11 @@ export function getProductDisplayImage(product?: {
  return resolveProductImageSrc(product)
 }

-import { formatGoldAmount } from '@/utils/usePrice'
-
 export function formatMetalTotal(
  metal: WalletMetalTotal,
  inventoryCards: WalletInventoryCard[]
 ): string {
-  return `${formatGoldAmount(resolveSummaryMetalWeight(metal, inventoryCards))}${metal.unit}`
+  return `${resolveSummaryMetalWeight(metal, inventoryCards)}${metal.unit}`
 }

 export function resolveAssetsRialValue(
@@ -1,25 +0,0 @@
-function normalizeGroupType(value: unknown): string {
-  return String(value ?? '').trim().toLowerCase()
-}
-
-export function isKatodMesGroup(groupType: unknown): boolean {
-  const type = normalizeGroupType(groupType)
-  return type.includes('کاتد') || type.includes('katod')
-}
-
-export function isMaftolMesGroup(groupType: unknown): boolean {
-  const type = normalizeGroupType(groupType)
-  return type.includes('مفتول') || type.includes('maftol')
-}
-
-export function isShamshMesGroup(groupType: unknown, title?: unknown): boolean {
-  const type = normalizeGroupType(groupType)
-  const name = normalizeGroupType(title)
-
-  return (
-    type.includes('شمش') ||
-    type.includes('shamsh') ||
-    name.includes('شمش') ||
-    name.includes('shamsh')
-  )
-}
@@ -1,155 +0,0 @@
-import { getRawAppConfig } from '@/config/app-config'
-import type { AppConfig } from '@/config/types'
-
-export type ProjectId = 'ghatre' | 'kashkool' | 'boursecu'
-
-export interface ProjectBranding {
-  id: ProjectId
-  nameFa: string
-  heroGradient: string
-  accentColor: string
-  borderAccent: string
-  fundLabel: string
-  fundHeroBg: string
-  idCardLabel: string
-  buyPriceLabel: string
-  defaultRoute: string
-  showHomeRoute: boolean
-  referralDomain: string
-}
-
-const PROJECT_BRANDING: Record<ProjectId, ProjectBranding> = {
-  ghatre: {
-    id: 'ghatre',
-    nameFa: 'قطره',
-    heroGradient: 'linear-gradient(145deg, #521620 0%, #7a2a1e 40%, #521620 100%)',
-    accentColor: '#521620',
-    borderAccent: '#521620',
-    fundLabel: 'قلک',
-    fundHeroBg: '#EFCED9',
-    idCardLabel: 'شناسه شما در قطره',
-    buyPriceLabel: 'قیمت خرید از قطره',
-    defaultRoute: 'buyProduct',
-    showHomeRoute: false,
-    referralDomain: 'ghatre.gold',
-  },
-  kashkool: {
-    id: 'kashkool',
-    nameFa: 'کشکول',
-    heroGradient: 'linear-gradient(145deg, #a72b77 0%, #711d4d 40%, #a72b77 100%)',
-    accentColor: '#a72b77',
-    borderAccent: '#a72b77',
-    fundLabel: 'دارایی ها',
-    fundHeroBg: '',
-    idCardLabel: 'شناسه شما در کشکول',
-    buyPriceLabel: 'قیمت خرید از کشکول',
-    defaultRoute: 'home',
-    showHomeRoute: true,
-    referralDomain: 'kh.kashkolgold.ir',
-  },
-  boursecu: {
-    id: 'boursecu',
-    nameFa: 'بورسکو',
-    heroGradient: 'linear-gradient(145deg, #1e2229 0%, #374151 40%, #1e2229 100%)',
-    accentColor: '#1e2229',
-    borderAccent: '#1e2229',
-    fundLabel: 'دارایی ها',
-    fundHeroBg: '',
-    idCardLabel: 'شناسه شما',
-    buyPriceLabel: 'قیمت خرید',
-    defaultRoute: 'home',
-    showHomeRoute: true,
-    referralDomain: '',
-  },
-}
-
-function normalizeProjectName(value: unknown): string {
-  return String(value ?? '')
-    .trim()
-    .toLowerCase()
-    .replace(/\s+/g, '')
-}
-
-export function resolveProjectNameFromConfig(raw: AppConfig | null | undefined): string {
-  if (!raw) return ''
-
-  const candidates: unknown[] = [
-    raw.name,
-    typeof raw.user === 'object' && raw.user !== null && !Array.isArray(raw.user)
-      ? (raw.user as Record<string, unknown>).name
-      : undefined,
-    Array.isArray(raw.user) && raw.user[0] && typeof raw.user[0] === 'object'
-      ? (raw.user[0] as Record<string, unknown>).name
-      : undefined,
-  ]
-
-  for (const value of candidates) {
-    const normalized = normalizeProjectName(value)
-    if (normalized) return normalized
-  }
-
-  return ''
-}
-
-function getProjectNameRaw(): string {
-  return resolveProjectNameFromConfig(getRawAppConfig())
-}
-
-function matchesProjectName(name: string, aliases: string[]): boolean {
-  return aliases.some((alias) => name.includes(normalizeProjectName(alias)))
-}
-
-export function getProjectId(): ProjectId {
-  const name = getProjectNameRaw()
-
-  if (name === 'ghatreh') {
-    return 'ghatre'
-  }
-
-  if (name === 'kashkolgold') {
-    return 'kashkool'
-  }
-
-  if (matchesProjectName(name, ['boursecu', 'bourse', 'بورسکو', 'بورس'])) {
-    return 'boursecu'
-  }
-
-  if (matchesProjectName(name, ['ghatre', 'qatre', 'قطره'])) {
-    return 'ghatre'
-  }
-
-  if (matchesProjectName(name, ['kashkool', 'kashkol', 'کشکول'])) {
-    return 'kashkool'
-  }
-
-  return 'kashkool'
-}
-
-export function isGhatreProject(): boolean {
-  return getProjectId() === 'ghatre'
-}
-
-export function isKashkoolProject(): boolean {
-  return getProjectId() === 'kashkool'
-}
-
-export function isBoursecuProject(): boolean {
-  return getProjectId() === 'boursecu'
-}
-
-export function getProjectBranding(): ProjectBranding {
-  const id = getProjectId()
-  const defaults = PROJECT_BRANDING[id]
-
-  return {
-    ...defaults,
-    nameFa: defaults.nameFa,
-    accentColor: defaults.accentColor,
-    borderAccent: defaults.borderAccent,
-    heroGradient: defaults.heroGradient,
-  }
-}
-
-export function getProjectDefaultRoute(): string {
-  return getProjectBranding().defaultRoute
-}
@@ -1,206 +0,0 @@
-import { ref } from 'vue'
-import { getSettings } from '@/api/configuration'
-
-export const serviceFeePercentage = ref<number>(0.01)
-
-/** true = مبالغ رند: فروش → ریال دقیق (کارمزد از طلا)؛ خرید → وزن دقیق (کارمزد از ریال) */
-export const feeDeductFromGold = ref(false)
-
-/** آخرین فیلدی که کاربر مستقیم ویرایش کرده — مبنای به‌روزرسانی هنگام تغییر قیمت */
-export type TradeInputLock = 'gram' | 'rial' | null
-
-/** حداکثر اعشار ذخیره/ارسال به سرور (مطابق orders.amount) */
-export const TRADE_GRAM_STORAGE_DECIMALS = 10
-
-/** حداکثر اعشار نمایش به کاربر در اپ */
-export const TRADE_GRAM_DISPLAY_DECIMALS = 8
-
-export function normalizeOrderGoldAmount(grams?: number | null): number {
-  const value = Number(grams ?? 0)
-  if (!Number.isFinite(value) || value === 0) return 0
-  return parseFloat(value.toFixed(TRADE_GRAM_STORAGE_DECIMALS))
-}
-
-export function formatTradeGramDisplay(grams?: number | null): number {
-  const value = Number(grams ?? 0)
-  if (!Number.isFinite(value)) return 0
-  return parseFloat(value.toFixed(TRADE_GRAM_DISPLAY_DECIMALS))
-}
-
-function feeRate() {
-  return Number(serviceFeePercentage.value)
-}
-
-export async function loadServiceFeeFromSettings() {
-  try {
-    const settings = await getSettings()
-    if (settings && Array.isArray(settings)) {
-      const feeSetting = settings.find(
-        (s) => s?.key === 'fee_service_charge_percentage' && s?.is_active === true
-      )
-      if (feeSetting?.value !== undefined && feeSetting?.value !== null) {
-        serviceFeePercentage.value = Number(feeSetting.value)
-      }
-
-      const feeModeSetting = settings.find(
-        (s) => s?.key === 'fee_deduct_from_gold' && s?.is_active === true
-      )
-      if (feeModeSetting?.value !== undefined && feeModeSetting?.value !== null) {
-        const raw = String(feeModeSetting.value).trim().toLowerCase()
-        feeDeductFromGold.value = raw === 'true' || raw === '1'
-      } else {
-        feeDeductFromGold.value = false
-      }
-    }
-  } catch (e) {
-    console.log(e)
-  }
-}
-
-export function calcFeeInGrams(goldValue?: number | null) {
-  return parseFloat(((goldValue ?? 0) * Number(serviceFeePercentage.value)).toFixed(4))
-}
-
-/** گرم معادل برای دریافت دقیق مبلغ ریالی در فروش */
-export function calcGoldAmountFromTargetRial(rialAmount: number, unitPriceRial: number) {
-  if (!rialAmount || !unitPriceRial) return 0
-  return normalizeOrderGoldAmount(rialAmount / unitPriceRial)
-}
-
-/** وقتی کاربر گرم را قفل کرده — ریال نمایشی/قابل پرداخت از همان گرم */
-export function calcRialFromLockedGram(displayGram: number, unitPriceRial: number, isBuy: boolean) {
-  const grams = Number(displayGram)
-  const unit = Number(unitPriceRial)
-  if (!grams || !unit) return 0
-  const fee = feeRate()
-
-  if (isBuy) {
-    if (feeDeductFromGold.value) {
-      return Math.round(grams * unit * (1 + fee))
-    }
-    return Math.round(grams * unit)
-  }
-
-  if (feeDeductFromGold.value) {
-    return Math.round(grams * unit)
-  }
-  return Math.round(grams * unit * (1 - fee))
-}
-
-/** وقتی کاربر ریال را قفل کرده — گرم نمایشی از همان مبلغ */
-export function calcGramFromLockedRial(rialAmount: number, unitPriceRial: number, isBuy: boolean) {
-  const rial = Number(rialAmount)
-  const unit = Number(unitPriceRial)
-  if (!rial || !unit) return 0
-  const fee = feeRate()
-
-  if (isBuy) {
-    if (feeDeductFromGold.value) {
-      return rial / (unit * (1 + fee))
-    }
-    return (rial / unit) * (1 - fee)
-  }
-
-  if (feeDeductFromGold.value) {
-    return rial / unit
-  }
-  return rial / (unit * (1 - fee))
-}
-
-/** مبلغ ریالی قفل‌شده توسط کاربر — برای ارسال به سرور */
-export function calcTradeTargetCash(
-  goldCash?: number | null,
-  inputLock?: TradeInputLock,
-): number | undefined {
-  if (inputLock !== 'rial') return undefined
-  const cash = Number(goldCash ?? 0)
-  if (cash <= 0) return undefined
-  return Math.round(cash)
-}
-
-/** مبلغ نهایی قابل پرداخت (خرید) یا دریافت (فروش) به ریال */
-export function calcPayablePriceRial(
-  finalPriceRial: number,
-  feeInRial: number,
-  isBuy: boolean,
-  targetRialCash?: number | null
-) {
-  if (targetRialCash != null && Number(targetRialCash) > 0) {
-    return Number(targetRialCash)
-  }
-
-  if (feeDeductFromGold.value) {
-    if (isBuy) return finalPriceRial + feeInRial
-    return finalPriceRial
-  }
-  return isBuy ? finalPriceRial : Math.max(0, finalPriceRial - feeInRial)
-}
-
-/** وزن ارسالی به سرور */
-export function calcOrderGoldAmount(
-  goldValue?: number | null,
-  goldCash?: number | null,
-  unitPriceRial?: number,
-  isBuy?: boolean,
-  inputLock?: TradeInputLock
-) {
-  const gold = Number(goldValue ?? 0)
-  const cash = Number(goldCash ?? 0)
-  const unit = Number(unitPriceRial ?? 0)
-
-  if (isBuy && inputLock === 'rial' && cash > 0 && unit > 0) {
-    if (feeDeductFromGold.value) {
-      const fee = feeRate()
-      return normalizeOrderGoldAmount(cash / (unit * (1 + fee)))
-    }
-    return normalizeOrderGoldAmount(cash / unit)
-  }
-
-  if (!isBuy && feeDeductFromGold.value) {
-    if (inputLock === 'rial' && cash > 0 && unit > 0) {
-      return calcGoldAmountFromTargetRial(cash, unit)
-    }
-    if (inputLock !== 'rial') {
-      return normalizeOrderGoldAmount(gold)
-    }
-    const targetCash = calcSellTargetCash(goldCash, goldValue, unitPriceRial, inputLock)
-    if (targetCash != null && unit > 0) {
-      return calcGoldAmountFromTargetRial(targetCash, unit)
-    }
-  }
-
-  return normalizeOrderGoldAmount(gold)
-}
-
-/** مبلغ ریالی دقیق دریافتی در فروش (فقط وقتی کاربر با ریال وارد کرده) */
-export function calcSellTargetCash(
-  goldCash?: number | null,
-  goldValue?: number | null,
-  unitPriceRial?: number,
-  inputLock?: TradeInputLock
-) {
-  if (!feeDeductFromGold.value) return undefined
-  if (inputLock === 'gram') return undefined
-
-  const cash = Number(goldCash ?? 0)
-  if (cash <= 0) return undefined
-  if (inputLock === 'rial') return Math.round(cash)
-
-  const gold = Number(goldValue ?? 0)
-  const unit = Number(unitPriceRial ?? 0)
-  if (gold > 0 && unit > 0) {
-    const derived = Math.round(gold * unit)
-    if (Math.abs(derived - Math.round(cash)) <= 1) return undefined
-  }
-  return Math.round(cash)
-}
-
-/** کل طلای کسرشونده از کیف در فروش (شامل کارمزد وقتی fee_deduct_from_gold روشن است) */
-export function calcSellGoldDebit(goldValue?: number | null, feeInGrams?: number | null) {
-  const gold = Number(goldValue ?? 0)
-  const fee = Number(feeInGrams ?? 0)
-  if (feeDeductFromGold.value) {
-    return parseFloat((gold + fee).toFixed(4))
-  }
-  return gold
-}
@@ -1,46 +1,24 @@
-function formatGroupedPrice(price: string | number | null | undefined, digit: boolean) {
-  let value = price === null || price === undefined ? '' : String(price)
-  if (digit) {
-    value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
-  }
-  return value
-}
-
-/** مبلغ ریالی — بدون اعشار، گرد به بالا */
-export function ceilRial(price?: number | string | null): number {
-  const num = Number(price ?? 0)
-  if (!Number.isFinite(num)) {
-    return 0
-  }
-
-  return Math.ceil(num)
-}
-
-export function formatNumber(value: string | number | null | undefined, grouped = false): string {
-  return formatGroupedPrice(value, grouped)
-}
-
 export function usePrice(price: number, digit = true, unit = 'ریال') {
-  const formatted = formatGroupedPrice(ceilRial(price), digit)
-  return `${formatted} ${unit}`
+  price= price??0
+  let _price = price.toString()
+  if (digit) {
+    _price = _price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  }
+  return `${_price} ${unit}`
 }

-export function usePriceWithoutType(price?: number, digit = true) {
-  return formatGroupedPrice(ceilRial(price), digit)
+export function usePriceWithoutType(price?: number, digit = true, unit = 'ریال') {
+  let _price = price?.toString()
+  if (digit) {
+    _price = _price?.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  }
+  return `${_price}`
 }

 export function useTowDecimal(num: string | number): string | number {
  const temp = num.toString().match(/^-?\d+(?:\.\d{0,2})?/)
-  if (temp && temp.length > 0) return formatGroupedPrice(temp[0], false)
-  return formatGroupedPrice(Math.round(+num * 100) / 100, false)
-}
-
-export function formatSignedPercentChange(value: number): string {
-  if (!value) return '0%'
-
-  const formatted = useTowDecimal(Math.abs(value))
-  const prefix = value > 0 ? '+' : '-'
-  return `${prefix}${formatted}%`
+  if (temp && temp.length > 0) return temp[0]
+  return Math.round(+num * 100) / 100
 }

 export function useFormat(num: string | number, unit = '') {
@@ -50,26 +28,11 @@ export function useFormat(num: string | number, unit = '') {
 type TransactionPriceSource = {
  cash?: number | null
  gold?: number | null
-  type?: number | null
  order?: {
    price?: number | null
    total_price?: number | null
    amount?: number | null
-    sts?: number | null
-    sts_str?: string | number | null
-    payment_sts?: number | null
  } | null
-  withdraw?: {
-    sts?: number | null
-    sts_str?: string | number | null
-  } | null
-  order_id?: number | null
-}
-
-const ORDER_STATUS_LABELS: Record<number, string> = {
-  1: 'باز',
-  2: 'موفق',
-  3: 'ناموفق',
 }

 export function getTransactionTradePrice(item: TransactionPriceSource): number {
@@ -94,38 +57,6 @@ export function getTransactionTradePrice(item: TransactionPriceSource): number {
  return 0
 }

-export function resolveTransactionStatusLabel(item?: TransactionPriceSource | null): string {
-  if (!item) return ''
-
-  const raw = item.order?.sts_str ?? item.withdraw?.sts_str
-  if (typeof raw === 'string') {
-    const trimmed = raw.trim()
-    if (trimmed && trimmed !== 'بدون مقدار') {
-      return trimmed
-    }
-  }
-
-  if (typeof raw === 'number' || (typeof raw === 'string' && /^\d+$/.test(String(raw).trim()))) {
-    const mapped = ORDER_STATUS_LABELS[Number(raw)]
-    if (mapped) return mapped
-  }
-
-  const sts = item.order?.sts ?? item.withdraw?.sts
-  if (sts != null && ORDER_STATUS_LABELS[Number(sts)]) {
-    return ORDER_STATUS_LABELS[Number(sts)]
-  }
-
-  if (item.order_id && Number(item.order?.payment_sts) === 4) {
-    return 'موفق'
-  }
-
-  if (item.order_id && (item.type === 1 || item.type === 2 || item.type === 10)) {
-    return 'موفق'
-  }
-
-  return ''
-}
-
 export function getTransactionGoldAmount(item: TransactionPriceSource): number {
  const gold = Number(item.gold) || 0
  if (Math.abs(gold) > 0) {
@@ -143,13 +74,8 @@ export function getTransactionGoldAmount(item: TransactionPriceSource): number {
  return gold
 }

-export function formatGoldAmount(amount?: number | null, decimals = 8): string {
+export function formatGoldAmount(amount?: number | null): string {
  const num = Number(amount)
  if (!Number.isFinite(num)) return '0'
-  return formatGroupedPrice(Number(num.toFixed(decimals)), false)
-}
-
-/** وزن فلز (گرم) — بدون گرد کردن به بالا */
-export function formatWeightAmount(amount?: number | null): string {
-  return formatGoldAmount(amount)
+  return String(Number(num.toFixed(3)))
 }
@@ -1,4 +1,4 @@
-/* Premium desktop about page */
+/* Premium desktop about page */

 .dabout {
  min-height: 100%;
@@ -95,7 +95,7 @@
    height: 56px;
    border-radius: 14px;
    background: rgba(9, 61, 81, 0.08);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    flex-shrink: 0;
  }

@@ -125,7 +125,7 @@
    border: 1px solid rgba(9, 61, 81, 0.15);
    border-radius: 12px;
    background: rgba(9, 61, 81, 0.03);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
  }

  &__divider {
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="dinner cart-page">
    <div class="dinner__container">
      <DesktopPageTopbar title="سبد خرید" show-back>
@@ -174,7 +174,7 @@ const {
 .dcart-summary__discount-link {
  border: none;
  background: transparent;
-  color: @App-primary-color;
+  color: var(--app-primary-color, #a72b77);
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer;
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="dinner earn-money-page">
    <div class="dinner__container">
      <DesktopPageTopbar title="کسب درآمد" show-back />
@@ -94,7 +94,7 @@ const { data, userStore, isTransaction, setIsTransaction, copyCode, shareCode }

  &--active {
    background: #fff;
-    color: @App-primary-color;
+    color: var(--app-primary-color, #a72b77);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  }
 }
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div>
    <div class="bg-white w-full py-3 px-3 text-primary font-bold drop-shadow flex">
      <div @click="router.back()">
@@ -7,7 +7,7 @@
      <div class="mr-2">کسب درآمد</div>
    </div>
    <div class="p-4">
-      <div class="p-3 border-solid border-1 rounded-[8px] border-[#a72b77]">
+      <div class="p-3 border-solid border-1 rounded-[8px] border-primary">
        <div class="flex items-center">
          <div class="bg-[#DBEAFE] h-10 w-10 rounded-100% flex justify-center items-center">
            <img :src="coin" />
@@ -6,7 +6,6 @@ import { useWalletAssets } from '@/composables/useWalletAssets'
 import type { WalletMetalTotal } from '@/models/walletAssets'
 import { fundPageInventoryCards, formatMetalTotal as buildMetalTotalLabel } from '@/utils/productAssets'
 import { getLastPrices } from '@/utils/price'
-import { getProjectBranding, isGhatreProject } from '@/utils/project'
 import img from '@/assets/img/user_ly1.svg'
 import empty from '@/assets/img/cash_empty.svg'

@@ -21,8 +20,6 @@ export interface FundPageContext {
  fundHeaderBackground: string
  fundEmptyImage: string
  fundEmptyText: string
-  fundLabel: string
-  fundBalanceLabel: string
  formatMetalTotal: (metal: WalletMetalTotal) => string
  openFundInfo: (productId: number) => void
  goBack: () => void
@@ -73,8 +70,6 @@ export function useFundPage(_isDesktop: Ref<boolean>) {
    }
  })

-  const branding = getProjectBranding()
-
  const context: FundPageContext = {
    meta,
    inventoryCards,
@@ -85,9 +80,7 @@ export function useFundPage(_isDesktop: Ref<boolean>) {
    countBasedInventory,
    fundHeaderBackground: img,
    fundEmptyImage: empty,
-    fundEmptyText: isGhatreProject() ? 'یک قلک جدید بساز!' : 'یک گنج جدید بساز!',
-    fundLabel: branding.fundLabel,
-    fundBalanceLabel: isGhatreProject() ? `موجودی ${branding.fundLabel} ها` : `موجودی ${branding.fundLabel}`,
+    fundEmptyText: 'یک گنج جدید بساز!',
    formatMetalTotal,
    openFundInfo,
    goBack,
@@ -7,16 +7,16 @@
          بازگشت
        </button>
        <div class="dfund-topbar__meta">
-          <p class="dfund-topbar__eyebrow">{{ fundLabel }}</p>
-          <h1 class="dfund-topbar__title">{{ fundLabel }}</h1>
+          <p class="dfund-topbar__eyebrow">دارایی</p>
+          <h1 class="dfund-topbar__title">دارایی‌ها</h1>
          <p class="dfund-topbar__subtitle">نمای کلی موجودی محصولات و کیف پول</p>
        </div>
      </header>

-      <section class="dfund-summary" :class="isGhatre ? 'dfund-summary--ghatreh' : ''">
+      <section class="dfund-summary dfund-summary--ghatreh">
        <img :src="fundHeaderBackground" alt="" class="dfund-summary__bg" />
        <div class="dfund-summary__content">
-          <h2 class="dfund-summary__title">{{ fundBalanceLabel }}</h2>
+          <h2 class="dfund-summary__title">موجودی دارایی‌ها</h2>

          <div v-if="meta?.has_count_based_products" class="dfund-summary__row">
            <span>محصولات</span>
@@ -93,9 +93,6 @@ import { loading } from '@/utils'
 import { usePriceWithoutType } from '@/utils/usePrice'
 import Item from '../components/Item.vue'
 import { useFundPageContext } from '../composables/useFundPage'
-import { useProject } from '@/composables/useProject'
-
-const { isGhatre } = useProject()

 const {
  meta,
@@ -108,8 +105,6 @@ const {
  fundHeaderBackground,
  fundEmptyImage,
  fundEmptyText,
-  fundLabel,
-  fundBalanceLabel,
  formatMetalTotal,
  openFundInfo,
  goBack,
@@ -1,4 +1,4 @@
-/* Premium desktop fund page */
+/* Premium desktop fund page */

 .dfund {
  min-height: 100%;
@@ -73,7 +73,7 @@
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 24px;
-  background: @theme-primary;
+  background: var(--app-primary-color, #a72b77);
  color: #fff;

  &--bazretala {
@@ -339,7 +339,7 @@
 .dfund-info__balance-value {
  font-size: 28px;
  font-weight: 700;
-  color: @theme-primary;
+  color: var(--app-primary-color, #a72b77);
 }

 .dfund-info__balance-unit {
@@ -495,8 +495,8 @@
  cursor: pointer;

  &--active {
-    background: @theme-primary;
-    border-color: @theme-primary;
+    background: var(--app-primary-color, #a72b77);
+    border-color: var(--app-primary-color, #a72b77);
    color: #fff;
  }
 }
@@ -6,21 +6,17 @@
      <div class="cursor-pointer" @click="goBack()">
        <BasicIcon icon="vuesax-linear:arrow-right-1" />
      </div>
-      <div class="mr-2">{{ fundLabel }}</div>
+      <div class="mr-2">دارایی ها</div>
    </div>

-    <div
-      class="fund-mobile-root__hero text-tertiary"
-      :class="isGhatre ? 'fund-mobile-root__hero--ghatre' : 'bg-primary'"
-      :style="isGhatre ? { backgroundColor: fundHeroBg } : undefined"
-    >
+    <div class="fund-mobile-root__hero text-tertiary bg-primary">
      <img
        :src="fundHeaderBackground"
        alt=""
        class="fund-mobile-root__hero-bg"
      />
      <div class="fund-mobile-root__hero-content flex flex-col">
-        <div class="font-bold mr-5 z-20">{{ fundBalanceLabel }}</div>
+        <div class="font-bold mr-5 z-20">موجودی دارایی ها</div>

        <div
          v-if="meta?.has_count_based_products"
@@ -95,15 +91,10 @@

 <script lang="ts" setup>
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
-import { computed } from 'vue'
 import { loading } from '@/utils'
 import { usePriceWithoutType } from '@/utils/usePrice'
 import Item from '../components/Item.vue'
 import { useFundPageContext } from '../composables/useFundPage'
-import { useProject } from '@/composables/useProject'
-
-const { isGhatre, branding } = useProject()
-const fundHeroBg = computed(() => branding.value.fundHeroBg)

 const {
  meta,
@@ -116,8 +107,6 @@ const {
  fundHeaderBackground,
  fundEmptyImage,
  fundEmptyText,
-  fundLabel,
-  fundBalanceLabel,
  formatMetalTotal,
  openFundInfo,
  goBack,
@@ -1,4 +1,4 @@
-/* Premium desktop gift card page */
+/* Premium desktop gift card page */

 .dgift {
  min-height: 100%;
@@ -47,7 +47,7 @@
    height: 56px;
    border-radius: 14px;
    background: rgba(167, 43, 119, 0.08);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    flex-shrink: 0;
  }

@@ -126,7 +126,7 @@
    }

    .basic-icon {
-      color: @theme-primary;
+      color: var(--app-primary-color, #a72b77);
      flex-shrink: 0;
      margin-top: 2px;
    }
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="h-35rem overflow-y-auto px-5">
    <div class=" !overflow-y-scroll bg-white py-3   text-primary font-bold  flex justify-evenly">
      <!--      <div @click="isBuy = false" class="w-full text-center" :class="!isBuy?'text-primary':'text-gray-400'">خرید طلا</div>
@@ -24,9 +24,14 @@
          <img :src="img1" alt="" class="h-[88px] absolute">
          <div class="w-full items-center flex flex-col">
            <div class="text-gray-700 font-bold">{{ !isBuy ? 'قیمت فروش' : 'قیمت خرید' }}</div>
-            <div v-if="price" class="flex gap-1 mt-3 text-xs items-center">
-              <div :class="!isBuy ? 'text-red-700' : 'text-green-700'" class="font-bold text-2xl color-transition">
-                {{ usePriceWithoutType(goldPriceValue) }}
+            <div class="flex gap-1 mt-3 text-xs items-center">
+              <div class="gold-live-price">
+                <Vue3Odometer
+                  :key="isBuy ? 'buy' : 'sell'"
+                  :value="displayedGoldPrice"
+                  :class="[!isBuy ? 'text-red-700' : 'text-green-700', 'o-text !text-2xl font-bold color-transition']"
+                  style="font-family: iran-sans; direction: ltr"
+                />
              </div>
              ریال
            </div>
@@ -35,20 +40,25 @@
        <div v-else class="w-full h-[88px]">
          <GoldSkeleton class="w-full" />
        </div>
+        <div v-if="limitedPrice !== undefined && userStore?.userInfo.trade_active !== 1"
+             class="text-red text-xs flex gap-1 items-center justify-center my-2">
+          <Icon icon="vuesax-linear:info-circle" size="16" />
+          حداقل مبلغ اولیه برای ثبت سفارش {{ usePriceWithoutType(limitedPrice.value as number ?? 0) }} ریال می باشد.
+        </div>
      </a-spin>
      <a-form :model="form" class="!mt-5" name="basic" @finish="okConfirm()">
        <div class="border-gray-200 border-1 rounded-xl p-5 h-58 relative">
          <bg_main/>
          <div class="z-100 relative">
            <a-form-item>
-              <BasicInput v-model:value="form.goldCash" addon-before="ریال" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldCash" addon-before="ریال" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="ارزش کل"
                          size="large"
                          type="price" @onchange="calculateGold" />
            </a-form-item>
            <a-form-item :rules="[justNumber()]">
-              <BasicInput v-model:value="form.goldValue" addon-before="گرم" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="گرم" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="مقدار طلا"
                          size="large" type="text" inputmode="decimal" @onchange="calculateCash" />
@@ -56,7 +66,7 @@
            <!--              {{walletStore?.walletInfo?.gold}}-->
            <Transition mode="out-in" name="fade">
              <div v-if="!isBuy" class="font-bold text-xs">
-                <div> {{ `موجودی کیف طلا: ${formatGoldAmount(walletStore?.walletInfo?.gold ?? 0)} گرم` }}</div>
+                <div> {{ `موجودی کیف طلا: ${walletStore?.walletInfo?.gold ?? 0} گرم` }}</div>
                <!--                <div v-if="walletStore?.walletInfo?.gold_block !== 0">
                                  {{ `موجودی قابل برداشت طلا: ${walletStore?.walletInfo?.gold_block ?? 0} گرم` }}
                                </div>-->
@@ -78,6 +88,13 @@
                          @change="percentChange" />
              </a-form-item>
            </Transition>
+            <Transition mode="out-in" name="fade">
+              <div v-if="priceErrorVisible" class="flex gap-1 items-center text-xs mt-[-15px] text-blue-600">
+                <BasicIcon icon="vuesax-linear:info-circle" />
+                ارزش کل وارد شده بر حسب گرم طلا محاسبه خواهد شد و قیمت وارد شده معادل {{ usePrice(parseInt(finalPrice.toFixed(0))) }} می
+                باشد!
+              </div>
+            </Transition>
          </div>
        </div>
        <GoldLoading v-model:show="infoVisible" />
@@ -94,11 +111,10 @@
              <div v-else>{{ !isBuy ? 'فروش' : 'خرید' }}</div>
            </div>
          </BasicButton>
-          <div v-if="!isBuy && sellGoldDebit > (walletStore?.walletInfo?.gold ?? 0)"
+          <div v-if="!isBuy && form.goldValue > walletStore?.walletInfo?.gold"
               class="text-red-700 text-xs font-bold mt-2">
            مقدار گرم طلای وارد شده جهت فروش ({{ form.goldValue }}گرم) بیشتر از مقدار موجودی شما
            ({{ walletStore?.walletInfo?.gold }}گرم) می باشد.
-            <span v-if="feeDeductFromGold"> (با احتساب {{ feeInGrams }} گرم کارمزد، مجموعاً {{ sellGoldDebit }} گرم کسر می‌شود)</span>
          </div>
          <!--          <div>{{form?.goldValue? true: false}}</div>-->
          <div v-if="isBuy? ((form?.goldValue || form.goldValue === 0)? form?.goldCash < 500000: false) : false"
@@ -112,7 +128,7 @@
          <div class="flex justify-between items-center">
            <div>کارمزد:</div>
            <div class="flex gap-2 items-center">
-              <div class="">{{ feeInGrams }}</div>
+              <div class="">{{ parseFloat(((form.goldValue ?? 0) * 0.01).toFixed(4)) }}</div>
 <!--              <div class="font-bold text-2xl">{{ 0 }}</div>-->
              <div>
                گرم
@@ -138,39 +154,25 @@
        <div class="flex justify-between ">
          <div>وزن:</div>
          <div class="flex items-center">
-            <div class="font-bold">{{ displayTradeGoldAmount }}</div>
+            <div class="font-bold">{{ form.goldValue }}</div>
            <div class="text-xs mr-1">گرم</div>
          </div>
        </div>
        <div class="flex justify-between mt-3">
          <div>مظنه:</div>
          <div class="flex items-center">
-            <div class="font-bold">{{ usePriceWithoutType(Math.round(goldPriceValue)) }}</div>
+            <div class="font-bold">{{ usePriceWithoutType(isBuy ? price.buy ?? 0 : price.sell ?? 0) }}</div>
            <div class="text-xs mr-1">ریال</div>
          </div>
        </div>
        <div class="flex justify-between mt-3">
          <div>کارمزد:</div>
          <div class="flex items-center gap-2">
-            <div class="font-bold text-xl">{{ feeInGrams }}</div>
+            <div class="font-bold text-xl">{{ parseFloat(((form.goldValue ?? 0) * 0.01).toFixed(4)) }}</div>
            <div class="text-xs mr-1">گرم</div>
          </div>
        </div>
        <div >(معادل {{ equivalentPrice }} ریال)</div>
-        <div v-if="isBuy && feeDeductFromGold" class="flex justify-between mt-3">
-          <div>طلا دریافتی:</div>
-          <div class="flex items-center">
-            <div class="font-bold">{{ displayTradeGoldAmount }}</div>
-            <div class="text-xs mr-1">گرم (دقیق — کارمزد از ریال)</div>
-          </div>
-        </div>
-        <div v-if="!isBuy && feeDeductFromGold" class="flex justify-between mt-3">
-          <div>کسر از کیف طلا:</div>
-          <div class="flex items-center">
-            <div class="font-bold">{{ sellGoldDebit }}</div>
-            <div class="text-xs mr-1">گرم</div>
-          </div>
-        </div>
        <div class="flex justify-between mt-3">
          <div>{{ isBuy ? 'قیمت قابل پرداخت:' : 'مبلغ دریافتی:' }}</div>
          <div class="flex items-center">
@@ -201,10 +203,10 @@

 import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
 import img1 from '@/assets/img/home_ly2.svg'
-import { usePrice, usePriceWithoutType, formatGoldAmount } from '@/utils/usePrice'
+import { usePrice, usePriceWithoutType } from '@/utils/usePrice'
 import BasicInput from '@/components/BasicPacks/BasicInput.vue'
 import type { Gold } from '@/models/gold'
-import { isIphone, loading, loadingMore } from '@/utils'
+import { isIphone, loading, loadingMore, toFixedDownThreeChar } from '@/utils'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import router from '@/router'
 import { useWalletStore } from '@/store/walletStore'
@@ -226,27 +228,12 @@ import type { Transaction } from '@/models/transaction'
 import type { TableEngineInput, TableOutput } from '@/models/table'
 import { useInfiniteScroll } from '@vueuse/core'
 import { getTransactionTable } from '@/api/transaction'
-import { getLastPrices, getTradeBuyPrice, getTradeSellPrice, lastPrice, setIntervalGetAllPrice, stopPriceInterval } from '@/utils/price'
-import { isStoreClosed, getStoreClosedMessage } from '@/utils/storeHours'
+import { getLastPrices, lastPrice, setIntervalGetAllPrice, stopPriceInterval } from '@/utils/price'
 import type { Product } from '@/models/products'
 import { useFundUserStore } from '@/store/fundStore'
-import {
-  calcFeeInGrams,
-  calcGramFromLockedRial,
-  calcOrderGoldAmount,
-  calcPayablePriceRial,
-  calcRialFromLockedGram,
-  calcSellGoldDebit,
-  calcSellTargetCash,
-  calcTradeTargetCash,
-  feeDeductFromGold,
-  formatTradeGramDisplay,
-  loadServiceFeeFromSettings,
-  normalizeOrderGoldAmount,
-  serviceFeePercentage,
-  type TradeInputLock,
-} from '@/utils/serviceFee'
 import Bg_main from '@/components/bg_main.vue'
+import Vue3Odometer from 'vue3-odometer'
+import 'odometer/themes/odometer-theme-default.css'
 const infoVisible = ref(false)
 const walletStore = useWalletStore()
 const userStore = useUserStore()
@@ -255,6 +242,7 @@ const confirmAction = ref<boolean>(false)
 const noCompleteVisible = ref<boolean>(false)
 const buyItems = ref<Transaction[]>([])
 const sellItems = ref<Transaction[]>([])
+const priceErrorVisible = ref<boolean>(false)
 const buyTableOutput = ref<TableOutput<Transaction> | null>(null)
 const sellTableOutput = ref<TableOutput<Transaction> | null>(null)
 const el = ref()
@@ -265,7 +253,6 @@ interface Prop {

 const props = withDefaults(defineProps<Prop>(), {})
 const isBuy = ref<boolean>(true)
-const inputLock = ref<TradeInputLock>(null)

 const buyPagination = ref<TableEngineInput>({
  filters: [{
@@ -286,52 +273,20 @@ const sellPagination = ref<TableEngineInput>({
  }], limit: 6, page: 0
 })

-const unitPrice = computed(() =>
-  isBuy.value ? getTradeBuyPrice(lastPrice.value) : getTradeSellPrice(lastPrice.value)
-)
-const orderGoldAmount = computed(() =>
-  calcOrderGoldAmount(
-    form.value?.goldValue,
-    form.value?.goldCash,
-    unitPrice.value,
-    isBuy.value,
-    inputLock.value
-  )
-)
-const feeInGrams = computed(() => calcFeeInGrams(orderGoldAmount.value))
-const finalPrice = computed(() => orderGoldAmount.value * unitPrice.value)
-const feeInRial = computed(() => unitPrice.value * feeInGrams.value)
-const equivalentPrice = computed(() => usePriceWithoutType(feeInRial.value.toFixed(0)))
-const payablePrice = computed(() =>
-  calcPayablePriceRial(
-    finalPrice.value,
-    feeInRial.value,
-    isBuy.value,
-    inputLock.value === 'rial' ? form.value?.goldCash : undefined
-  )
-)
-const sellGoldDebit = computed(() => calcSellGoldDebit(orderGoldAmount.value, feeInGrams.value))
-
-const displayTradeGoldAmount = computed(() =>
-  formatTradeGramDisplay(orderGoldAmount.value)
-)
-
-const priceUnavailable = computed(() => {
-  const unit = unitPrice.value
-  return !unit || Number.isNaN(unit) || unit <= 0
-})
+const finalPrice = computed(() => (form.value?.goldValue * (isBuy.value ? price.value?.buy ?? 0 : price.value?.sell ?? 0)))
+// const payablePrice = computed(() => finalPrice.value + finalPrice.value * 0.007)
+const payablePrice = computed(() => finalPrice.value)
+const equivalentPrice = computed(() => usePriceWithoutType(((isBuy ? price.value?.buy ?? 0 : price.value?.sell ?? 0) * (parseFloat(((form.value?.goldValue ?? 0) * 0.01).toFixed(4))) ).toFixed(0)) )

 const disableTransaction = computed(() =>
  loading.value ||
-  isStoreClosed() ||
  form.value?.goldValue === undefined ||
  form.value?.goldValue === '' ||
  form.value?.goldCash === '' ||
  form.value?.goldCash === undefined ||
  (isBuy.value ? (form.value?.goldCash ?? 0) < 500000 : (form.value?.goldValue ?? 0) < 0.001) ||
-  (!isBuy.value && sellGoldDebit.value > (walletStore?.walletInfo?.gold ?? 0)) ||
-  (isBuy.value && payablePrice.value > (walletStore?.walletInfo?.cash ?? 0)) ||
-  priceUnavailable.value)
+  (!isBuy.value && form.value.goldValue > walletStore?.walletInfo?.gold) ||
+  price.value?.buy === undefined)

 function refreshTable() {
  sellItems.value = []
@@ -433,7 +388,6 @@ onMounted(async () => {
      break
  }
  await initPrice()
-  await loadServiceFeeFromSettings()
 /*  await initSellTable()
  await initBuyTable()*/
 })
@@ -528,18 +482,20 @@ onUnmounted(() => {
 })

 function percentChange(val: number) {
-  if (val !== 0) {
+  if (val !== 0)
    if (isBuy.value) {
      form.value.goldCash = unitCashCalculator.value * val
      calculateGold(form.value.goldCash)
+      calculateCash(form.value.goldValue)
    } else {
-      form.value.goldValue = formatTradeGramDisplay(parseFloat(String(unitGoldCalculator.value * val)))
+      // console.log((unitGoldCalculator.value * val).toFixed(2))
+      // form.value.goldValue = parseFloat((unitGoldCalculator.value * val).toFixed(2))
+      form.value.goldValue = toFixedDownThreeChar(parseFloat(unitGoldCalculator.value * val))
      calculateCash(form.value.goldValue)
    }
-  } else {
+  else {
    form.value.goldValue = undefined
    form.value.goldCash = undefined
-    inputLock.value = null
  }
 }

@@ -552,61 +508,55 @@ const unitCashCalculator = computed(() => {
  return (walletStore?.walletInfo?.cash ?? 0) / 100
 })

-function syncFormWithLatestPrice() {
-  const unit = unitPrice.value
-  if (!unit || Number.isNaN(unit) || !inputLock.value) return
-
-  if (inputLock.value === 'gram') {
-    const goldValue = form.value.goldValue
-    if (goldValue !== undefined && goldValue !== null && goldValue !== '' && !isNaN(Number(goldValue))) {
-      calculateCash(Number(goldValue))
-    }
-    return
-  }
-
-  const goldCash = form.value.goldCash
-  if (goldCash !== undefined && goldCash !== null && goldCash !== '' && !isNaN(Number(goldCash))) {
-    calculateGold(Number(goldCash))
-  }
-}
-
-watch(
-  () => [unitPrice.value, isBuy.value],
-  () => {
-    syncFormWithLatestPrice()
-  }
-)
-
-watch([feeDeductFromGold, () => serviceFeePercentage.value], () => {
-  syncFormWithLatestPrice()
+const limitedPrice = computed(() => {
+  if (walletStore.limitedPrice)
+    return walletStore?.limitedPrice[0]
 })

 function calculateCash(val: number) {
-  inputLock.value = 'gram'
-  const unit = unitPrice.value
-  if (!unit || Number.isNaN(unit)) return
-
-  if (val === undefined || val === null || Number.isNaN(val)) {
-    form.value.goldCash = undefined
-    inputLock.value = null
-    return
+  priceErrorVisible.value = false
+  // console.log(val)
+  if (price.value) {
+    if (isBuy.value) {
+      if (val) form.value.goldCash = parseFloat((val * price?.value?.buy).toFixed(0))
+      else form.value.goldCash = undefined
+    } else {
+      if (val) form.value.goldCash = parseFloat((val * price?.value?.sell).toFixed(0))
+      else form.value.goldCash = undefined
+    }
  }
-
-  form.value.goldCash = calcRialFromLockedGram(val, unit, isBuy.value)
 }

 function calculateGold(val: number) {
-  inputLock.value = 'rial'
-  const unit = unitPrice.value
-  if (!unit || Number.isNaN(unit)) return
-
-  if (val) {
-    form.value.goldValue = formatTradeGramDisplay(calcGramFromLockedRial(val, unit, isBuy.value))
-  } else if (val.toString() === '') {
-    form.value.goldValue = undefined
-    inputLock.value = null
-  } else {
-    form.value.goldValue = 0
+  // console.log(val)
+  // form.value.goldCash = usePriceWithoutType(form.value.goldCash)
+  if (price.value) {
+    if (isBuy.value) {
+      if (val) {
+        form.value.goldValue = toFixedDownThreeChar(parseFloat(val / price?.value?.buy))
+        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
+        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
+      } else if (val.toString() === '') {
+        form.value.goldValue = undefined
+        priceErrorVisible.value = false
+      } else {
+        form.value.goldValue = 0
+        priceErrorVisible.value = false
+      }
+    } else {
+      if (val) {
+        form.value.goldValue = toFixedDownThreeChar(parseFloat((val / price?.value?.sell)))
+        if (parseInt(finalPrice.value) > 0) priceErrorVisible.value = true
+        if (parseInt(finalPrice.value) === 0) priceErrorVisible.value = false
+      } else if (val.toString() === '') {
+        // console.log('sasasasasasa')
+        form.value.goldValue = undefined
+        priceErrorVisible.value = false
+      } else {
+        form.value.goldValue = 0
+        priceErrorVisible.value = false
+      }
+    }
  }
 }

@@ -628,7 +578,7 @@ function setIsBuy(val: boolean) {
  form.value.goldValue = undefined
  form.value.goldCash = undefined
  form.value.percentWallet = 0
-  inputLock.value = null
+  priceErrorVisible.value = false
  // console.log(bganim.value.classList)
  // bganim?.value?.classList.add(val?'right':'left')
  // bganim?.value?.style.transform = `translateX(${val ? '0' : '-100'});`
@@ -644,7 +594,10 @@ const formatter = (value: number) => {

 const price = computed((): Price => <Price>lastPrice.value ?? 0)

-const goldPriceValue = computed(() => unitPrice.value)
+const displayedGoldPrice = computed(() => {
+  if (!lastPrice.value) return 0
+  return isBuy.value ? (lastPrice.value.buy ?? 0) : (lastPrice.value.sell ?? 0)
+})

 async function initPrice() {
  try {
@@ -660,32 +613,17 @@ async function initPrice() {
 }

 function okConfirm() {
-  if (isStoreClosed()) {
-    message.warning(getStoreClosedMessage())
-    return
-  }
  confirmAction.value = true
 }

 async function ok() {
-  if (isStoreClosed()) {
-    message.warning(getStoreClosedMessage())
-    return
-  }
  try {
    loading.value = true
    infoVisible.value = true
    await createOrder({
      direction: isBuy.value ? 1 : 2,
-      price: Math.round(unitPrice.value),
-      amount: normalizeOrderGoldAmount(orderGoldAmount.value),
-      target_cash: calcTradeTargetCash(form.value.goldCash, inputLock.value)
-        ?? calcSellTargetCash(
-        form.value.goldCash,
-        form.value.goldValue,
-        unitPrice.value,
-        inputLock.value
-      ),
+      price: isBuy.value ? price.value?.buy : price.value?.sell,
+      amount: form.value.goldValue ?? 0
    })
    await walletStore.getMyWallet()
    await router.push({ name: 'transactions' })
@@ -694,7 +632,6 @@ async function ok() {
      goldCash: undefined,
      percentWallet: undefined
    }
-    inputLock.value = null
    // refreshTable()
    message.success('سفارش شما با موفقیت انجام شد')
    await fundStore.getMyFund()
@@ -710,7 +647,7 @@ async function ok() {

 <style lang="less">
 .completeButtonStyle .van-dialog__confirm .van-button__content {
-  background-color: #a72b77;
+  background-color: var(--app-primary-color);
  color: white;
 }

@@ -743,4 +680,14 @@ async function ok() {
  right: 100%;
  transform: translate(100%, 0);
 }
+
+.gold-live-price {
+  :deep(.odometer) {
+    line-height: 1;
+  }
+
+  :deep(.odometer-digit) {
+    overflow: hidden;
+  }
+}
 </style>
@@ -1,21 +1,21 @@
-<template>
+<template>
  <div v-if="props.ProductItem.wallet" class="bg-gradient-to-l from-primary rounded-lg p-px  to-transparent ">
    <div class="flex flex-col gap-7 rounded-lg p-4 w-56  bg-white ">
      <div class="flex justify-between items-center font-medium text-sm">
        <div class="text-primary">موجودی {{ props.ProductItem.title }}</div>
-        <BasicIcon v-if="props.ProductItem.group_type=='گوی'"  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:grammerly"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='سکه'"  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:coin"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='شمش'"  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='مکعب'"  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:keyboard"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='آبشده'"  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
-        <BasicIcon v-else  stroke-width="1"  size="50" color="#a72b77" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
+        <BasicIcon v-if="props.ProductItem.group_type=='گوی'"  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:grammerly"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='سکه'"  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:coin"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='شمش'"  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='مکعب'"  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:keyboard"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='آبشده'"  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
+        <BasicIcon v-else  stroke-width="1"  size="50" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
      </div>
      <div class="flex justify-between px-2 items-center ">
-        <BasicIcon v-if="props.ProductItem.group_type=='گوی'"  stroke-width="1"  size="26" color="#a72b77" class="rotate-310" icon="vuesax-linear:grammerly"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='سکه'"  stroke-width="1"  size="26" color="#a72b77" class="rotate-310" icon="vuesax-linear:coin"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='شمش'"  stroke-width="1"  size="26" color="#a72b77" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
-        <BasicIcon v-else-if="props.ProductItem.group_type=='مکعب'"  stroke-width="1"  size="26" color="#a72b77" class="rotate-310" icon="vuesax-linear:keyboard"/>
-        <BasicIcon v-else  stroke-width="1"  size="26" color="#a72b77" class="rotate-310" icon="vuesax-linear:slider-vertical"/>        <div class="flex justify-between gap-2 items-center">
+        <BasicIcon v-if="props.ProductItem.group_type=='گوی'"  stroke-width="1"  size="26" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:grammerly"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='سکه'"  stroke-width="1"  size="26" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:coin"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='شمش'"  stroke-width="1"  size="26" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:slider-vertical"/>
+        <BasicIcon v-else-if="props.ProductItem.group_type=='مکعب'"  stroke-width="1"  size="26" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:keyboard"/>
+        <BasicIcon v-else  stroke-width="1"  size="26" color="var(--app-primary-color)" class="rotate-310" icon="vuesax-linear:slider-vertical"/>        <div class="flex justify-between gap-2 items-center">
          <span v-if="props.ProductItem.group_type=='آبشده'" class="font-bold text-secondary">{{userWallet.walletInfo?.gold??0}}</span>
        <span v-else class="font-bold text-secondary">{{props?.ProductItem.wallet?.gold??0}}</span>
          <span class="text-gray-400">{{props?.ProductItem?.unit}}</span>
@@ -1,94 +0,0 @@
-import { computed, inject, provide, type InjectionKey } from 'vue'
-import router from '@/router'
-import { useSettingsStore } from '@/store/settingsStore'
-import { getStoreClosedMessage, isStoreClosed } from '@/utils/storeHours'
-import { isKashkoolProject } from '@/utils/project'
-import { getHomeLayoutId } from '../layouts/registry'
-import { useBanners } from './useBanners'
-import { usePriceChart } from './usePriceChart'
-import { initHomePageData } from './useHomePageData'
-import type { HomeActionItem } from '../layouts/types'
-
-export const HOME_PAGE_CONTEXT_KEY: InjectionKey<ReturnType<typeof createHomePageContext>> =
-  Symbol('homePageContext')
-
-function createHomePageContext() {
-  const settingsStore = useSettingsStore()
-  const { banners } = useBanners()
-  const chart = usePriceChart()
-
-  const isBoursecuHomeLayout = computed(() => getHomeLayoutId() === 'boursecu')
-  const isGaroosi = computed(() => isKashkoolProject())
-  const bannerEnabled = computed(() => settingsStore.isSettingTruthy('banner_enabled'))
-  const showClosedMessage = computed(() => isStoreClosed())
-  const closedMessage = computed(() => getStoreClosedMessage())
-
-  const mainActions = computed<HomeActionItem[]>(() => [
-    {
-      name: 'buySell',
-      icon: 'vuesax-linear:money-receive',
-      label: 'خرید و فروش',
-      handler: () => router.push({ name: 'gold' }),
-    },
-    {
-      name: 'deposit',
-      icon: 'vuesax-linear:card-add',
-      label: 'واریز نقدی',
-      handler: () => router.push({ name: 'wallet', query: { state: 'deposit' } }),
-    },
-    {
-      name: 'balance',
-      icon: 'vuesax-linear:receipt-item',
-      label: 'موجودی',
-      handler: () => {},
-    },
-    {
-      name: 'fund',
-      icon: 'vuesax-linear:archive-1',
-      label: 'دارایی ها',
-      handler: () => router.push({ name: 'fund' }),
-    },
-    {
-      name: 'earn',
-      icon: 'vuesax-linear:dollar-circle',
-      label: 'کسب درآمد',
-      handler: () => router.push({ name: 'earnMoney' }),
-    },
-  ])
-
-  function openGoldModal() {}
-  function openRialModal() {}
-  function handleBannerClick() {}
-
-  void initHomePageData()
-
-  return {
-    isBoursecuHomeLayout,
-    isGaroosi,
-    bannerEnabled,
-    banners,
-    showClosedMessage,
-    closedMessage,
-    mainActions,
-    priceChartSeries: chart.priceChartSeries,
-    chartSelection: chart.chartSelection,
-    selectedChartMetal: chart.selectedChartMetal,
-    updateChartData: chart.updateChartData,
-    setChartMetal: chart.setChartMetal,
-    openGoldModal,
-    openRialModal,
-    handleBannerClick,
-  }
-}
-
-export function useHomePageProvider() {
-  const context = createHomePageContext()
-  provide(HOME_PAGE_CONTEXT_KEY, context)
-  return context
-}
-
-export function useHomePageContext() {
-  const existing = inject(HOME_PAGE_CONTEXT_KEY, null)
-  if (existing) return existing
-  return useHomePageProvider()
-}
@@ -1,7 +0,0 @@
-export async function loadHomeFunds(_force = false) {
-  return Promise.resolve()
-}
-
-export function resetHomeFunds() {
-  // no-op — fund list is loaded via wallet assets on the home page
-}
@@ -8,7 +8,7 @@
      <template v-else-if="userStore.userInfo">
        <section class="dhome-hero-row">
          <div class="dhome-surface dhome-hero-price">
-            <span class="dhome-label">{{ branding.buyPriceLabel }}</span>
+            <span class="dhome-label">قیمت خرید از {{ projectName }}</span>
            <div class="dhome-hero-price__value-row">
              <span
                v-if="percentPriceChanged() !== 0"
@@ -160,7 +160,7 @@ import { useUserStore } from '@/store/userStore'
 import { useWalletStore } from '@/store/walletStore'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import { resolveAssetsRialValue } from '@/utils/productAssets'
-import { usePrice, usePriceWithoutType, useTowDecimal, formatGoldAmount } from '@/utils/usePrice'
+import { usePrice, usePriceWithoutType, useTowDecimal } from '@/utils/usePrice'
 import {
  getLastPrices,
  getTradeBuyPrice,
@@ -174,12 +174,15 @@ import DesktopHomeTopbar from '@/views/base/home/components/DesktopHomeTopbar.vu
 import HomeSkeleton from '@/views/base/home/components/HomeSkeleton.vue'
 import bannerImg from '@/assets/img/banner/2.png'
 import { message } from 'ant-design-vue'
-import { useProject } from '@/composables/useProject'
+import { getProjectDisplayName, hasAbshodeTrading } from '@/config/project-profile'
+import { getAppPrimaryColor } from '@/config/brand-theme'

-const { branding, projectNameFa } = useProject()
+const emit = defineEmits<{ logout: []; openBalance: [] }>()
 const userStore = useUserStore()
 const walletStore = useWalletStore()
 const { assetsSummary, loadWalletAssets } = useWalletAssets()
+const projectName = getProjectDisplayName('کشکول گلد')
+const primaryColor = getAppPrimaryColor()

 const goldVal = ref<number | undefined>()
 const selection = ref<'DAILY' | 'WEEKLY' | 'MONTHLY'>('DAILY')
@@ -190,7 +193,7 @@ const priceChartOptions = ref({
  dataLabels: { enabled: false },
  yaxis: { show: false },
  xaxis: { type: 'datetime', labels: { show: false }, axisBorder: { show: false } },
-  colors: ['#a72b77'],
+  colors: [primaryColor],
  fill: {
    type: 'gradient',
    gradient: { shadeIntensity: 1, opacityFrom: 0.7, opacityTo: 0.9, stops: [0, 100] },
@@ -211,23 +214,40 @@ const balanceLabel = computed(() => {
  }
  const metal = primaryMetalTotal.value
  if (metal && Number(metal.total_weight) > 0) {
-    return `${formatGoldAmount(metal.total_weight)} ${metal.unit}`
+    return `${Number(metal.total_weight).toFixed(3)} ${metal.unit}`
  }
  const fallback = walletStore.walletInfo?.gold_sum ?? userStore.userInfo?.wallet?.count_gold ?? 0
-  return `${formatGoldAmount(fallback)} گرم`
+  return `${Number(fallback).toFixed(3)} گرم`
 })

 const totalRialDisplay = computed(() =>
  resolveAssetsRialValue(assetsSummary.value, getTradeBuyPrice(price.value) || Number(goldVal.value ?? 0))
 )

-const mainActions = [
-  { name: 'buySell', icon: 'vuesax-linear:money-receive', label: 'خرید و فروش', handler: () => router.push({ name: 'gold' }) },
-  { name: 'deposit', icon: 'vuesax-linear:card-add', label: 'واریز نقدی', handler: () => router.push({ name: 'wallet', query: { state: 'deposit' } }) },
-  { name: 'balance', icon: 'vuesax-linear:receipt-item', label: 'موجودی', handler: () => emitBalance() },
-  { name: 'fund', icon: 'vuesax-linear:archive-1', label: 'دارایی ها', handler: () => router.push({ name: 'fund' }) },
-  { name: 'earn', icon: 'vuesax-linear:dollar-circle', label: 'کسب درآمد', handler: () => router.push({ name: 'earnMoney' }) },
-]
+const mainActions = computed(() => {
+  const actions = [
+    { name: 'deposit', icon: 'vuesax-linear:card-add', label: 'واریز نقدی', handler: () => router.push({ name: 'wallet', query: { state: 'deposit' } }) },
+    { name: 'balance', icon: 'vuesax-linear:receipt-item', label: 'موجودی', handler: () => emitBalance() },
+    { name: 'fund', icon: 'vuesax-linear:archive-1', label: 'دارایی ها', handler: () => router.push({ name: 'fund' }) },
+  ]
+
+  if (hasAbshodeTrading()) {
+    actions.unshift({
+      name: 'buySell',
+      icon: 'vuesax-linear:money-receive',
+      label: 'خرید و فروش',
+      handler: () => router.push({ name: 'gold' }),
+    })
+    actions.push({
+      name: 'earn',
+      icon: 'vuesax-linear:dollar-circle',
+      label: 'کسب درآمد',
+      handler: () => router.push({ name: 'earnMoney' }),
+    })
+  }
+
+  return actions
+})

 function emitBalance() {
  emit('openBalance')
@@ -264,7 +284,7 @@ function shareReferral() {
  const text = `⭐️الان طلا بخر؛ آخر ماه سودشو ببر!
 این دعوت نامه از طرف "${userStore.userInfo?.name}" برای شما ارسال شده.
 kh.kashkolgold.ir/login?id=${userStore.userInfo?.referral_id}`
-  navigator.share({ title: projectNameFa.value, text })
+  navigator.share({ title: 'کشکول گلد', text })
 }

 onMounted(async () => {
@@ -8,12 +8,10 @@ import { computed } from 'vue'
 import { getHomeLayoutId } from '../layouts/registry'
 import BoursecuDesktopHome from './layouts/BoursecuDesktopHome.vue'
 import DefaultDesktopHome from './layouts/DefaultDesktopHome.vue'
-import { useHomePageProvider } from '../composables/useHomePage'

 defineEmits<{
  logout: []
 }>()

-useHomePageProvider()
 const layoutId = computed(() => getHomeLayoutId())
 </script>
@@ -1,15 +1,36 @@
 <script setup lang="ts">
-import { inject } from 'vue'
+import { computed, inject } from 'vue'
+import { useUserStore } from '@/store/userStore'
+import { usePriceWithoutType } from '@/utils/usePrice'
 import { isBoursecuProject } from '@/utils/config'
+import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'

 const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
+const userStore = useUserStore()
 const isBoursecu = isBoursecuProject()
+
+const showLimitedPrice = computed(
+  () =>
+    ctx.limitedPrice.value !== undefined &&
+    userStore.userInfo?.trade_active !== 1,
+)
+
+const limitedPriceText = computed(() =>
+  usePriceWithoutType(Number(ctx.limitedPrice.value?.value ?? 0)),
+)
 </script>

 <template>
-  <div v-if="!isBoursecu && ctx.showClosedMessage.value" class="dhome-alerts">
+  <div v-if="showLimitedPrice || ctx.showClosedMessage.value" class="dhome-alerts">
+    <div v-if="showLimitedPrice" class="dhome-alert dhome-alert--warning">
+      <BasicIcon icon="vuesax-linear:info-circle" size="14" />
+      <span>
+        حداقل مبلغ اولیه برای ثبت سفارش {{ limitedPriceText }} ریال می‌باشد.
+      </span>
+    </div>
    <div
+      v-if="!isBoursecu && ctx.showClosedMessage.value"
      class="dhome-alert dhome-alert--info"
      v-html="ctx.closedMessage.value"
    />
@@ -1,4 +1,4 @@
-/* Premium desktop home — SaaS dashboard design tokens */
+/* Premium desktop home — SaaS dashboard design tokens */

 .dhome {
  min-height: 100%;
@@ -420,7 +420,7 @@
    height: 36px;
    border-radius: 10px;
    background: #f3f4f6;
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    flex-shrink: 0;
    transition: background 0.15s ease;
    overflow: visible;
@@ -498,7 +498,7 @@
    height: 40px;
    border-radius: 12px;
    background: #ffffff;
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  }

@@ -628,7 +628,7 @@
    transition: background 0.15s ease, color 0.15s ease;

    &--active {
-      background: @theme-primary;
+      background: var(--app-primary-color, #a72b77);
      color: #fff;
      font-weight: 600;
    }
@@ -1,19 +1,28 @@
 <template>
  <div class="home-page-root">
    <GhatrehHomeDesktopView
-      v-if="isDesktop && !isGhatre"
+      v-show="isDesktop"
      @logout="showLogoutConfirm = true"
      @open-balance="openWholeBalanceVisible()"
    />
-    <div v-show="!isDesktop || isGhatre" class="home-mobile-root pb-[calc(var(--app-bottom-chrome-height)+1rem)]">
+    <div v-show="!isDesktop" class="home-mobile-root pb-[calc(var(--app-bottom-chrome-height)+1rem)]">
      <div class="app-header-scroll-sentinel" aria-hidden="true" />
      <div
          v-if="!loading"
          class="bg-white w-full md:w-auto h-fit px-5 m-[-1px]"
      >
+        <div
+            v-if="limitedPrice !== undefined && userStore?.userInfo.trade_active !== 1"
+            class="text-red text-xs flex gap-1 items-center justify-center mb-2"
+        >
+          <Icon icon="vuesax-linear:info-circle" size="16" />
+          حداقل مبلغ اولیه برای ثبت سفارش
+          {{ usePriceWithoutType(parseInt(limitedPrice.value) ?? 0) }} ریال می باشد.
+        </div>
+
        <div
          class="px-5 py-5 shadow-lg rounded-2xl text-white relative overflow-hidden shadow-lg"
-          :style="{ background: heroGradient }"
+          :style="{ background: `linear-gradient(145deg, ${primaryColor} 0%, ${primaryDark} 40%, ${primaryColor} 100%)` }"
        >
          <div
            class="absolute inset-0 opacity-20"
@@ -23,14 +32,19 @@

          <div class="relative z-10">
            <div class="flex font-bold text-lg items-center gap-2 mb-3">
-              <img src='@/assets/img/logo.png' alt='' class='h-8 drop-shadow-md' />
-              <div class="tracking-wide">{{ projectNameFa }}</div>
+              <img
+                :src="appIconUrl"
+                alt=""
+                class="h-8 drop-shadow-md"
+                :class="{ 'home-brand-logo--white': isKashkool }"
+              />
+              <div class="tracking-wide">{{ projectName }}</div>
            </div>

            <div class="flex justify-between items-end mb-3">
              <div class="text-sm" />
              <div>
-                <div class="text-xs opacity-75" style="justify-self: end;">{{ branding.idCardLabel }}</div>
+                <div class="text-xs opacity-75" style="justify-self: end;">شناسه شما در {{ projectName }}</div>
                <div class="flex">
                  <div v-if="userStore?.userInfo?.virtual_card_number" class="ml-2 " @click.stop="copyCode()">
                    <BasicIcon
@@ -75,7 +89,7 @@
              >
                <div
                    class="rounded-full w-[42px] h-[42px] bg-primary flex items-center justify-center"
-                    :style="actionBorderStyle"
+                    style="border: solid 1px var(--app-primary-color, #a72b77)"

                >
                  <Icon class="text-tertiary" icon="vuesax-linear:money-send" />
@@ -83,13 +97,14 @@
                <div class="text-primary">فروش</div>
              </div>-->
              <div
+                  v-if="showAbshodeTrading"
                  class="text-center w-full flex-flex-col items-center home_appear_fade_in_up"
                  style="text-align: -webkit-center"
                  @click="router.push({ name: 'gold' })"
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
-                    :style="actionBorderStyle"
+                    style="border: solid 1px var(--app-primary-color, #a72b77)"

                >
                  <Icon class="text-white" icon="vuesax-linear:money-receive" />
@@ -103,7 +118,7 @@
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
-                    :style="actionBorderStyle"
+                    style="border: solid 1px var(--app-primary-color, #a72b77)"

                >
                  <Icon class="text-white" icon="vuesax-linear:card-add" />
@@ -117,7 +132,7 @@
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center "
-                    :style="actionBorderStyle"
+                    style="border: solid 1px var(--app-primary-color, #a72b77)"
                >
                  <Icon class="text-white" icon="vuesax-linear:receipt-item" />
                </div>
@@ -130,20 +145,21 @@
              >
                <div
                  class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
-                  :style="actionBorderStyle"
+                  style=" border: solid 1px var(--app-primary-color, #a72b77)"
                >
                  <Icon class="text-white font-bold" icon="vuesax-linear:archive-1" />
                </div>
                <div class="text-primary">دارایی ها</div>
              </div>
              <div
+                  v-if="showAbshodeTrading"
                  class="text-center w-full flex-flex-col items-center home_appear_fade_in_down"
                  style="text-align: -webkit-center"
                  @click="router.push({ name: 'earnMoney' })"
              >
                <div
                    class="rounded-full w-[50px] h-[50px] bg-primary flex items-center justify-center"
-                    :style="actionBorderStyle"
+                    style=" border: solid 1px var(--app-primary-color, #a72b77)"

                >
                  <Icon class="text-white font-bold" icon="vuesax-linear:dollar-circle" />
@@ -245,7 +261,7 @@
        >

          <div class="w-full items-center flex flex-col">
-            <div class="text-gray-600">{{ branding.buyPriceLabel }}</div>
+            <div class="text-gray-600">قیمت خرید از {{ projectName }}</div>
            <div v-if="price" class="flex gap-1 mt-3 text-xs items-center">
              <!--              <div id="odometer" class="font-bold text-2xl odometer animated fadeIn">
                              &lt;!&ndash;                {{ usePriceWithoutType(useCounterAnim(price.price_last) ?? 0) }}&ndash;&gt;
@@ -437,7 +453,7 @@
    <div class="text-center">
      <div class="mt-2">
        <div>🔥یه فرصت طلایی واقعی جلوتِ !🔥</div>
-        <div>دوستاتو همین الان به {{ projectNameFa }} دعوت کن!</div>
+        <div>دوستاتو همین الان به کشکول گلد دعوت کن!</div>
        <div>اونا اولین خریدشونو کاملاً بدون کارمزد انجام می‌دن،۱۰٪ از کارمزد ۱۰ معامله‌ی اولشون هم، مستقیم میاد تو حساب تو!</div>
        <div>زود باش، این فرصت همیشه باز نیست! ⏳✨</div>
      </div>
@@ -457,7 +473,7 @@ import { Swiper, SwiperSlide } from 'swiper/vue';
 import 'swiper/swiper-bundle.css';
 import img2 from '@/assets/img/banner/2.png'
 import Icon from '@/components/BasicPacks/BasicIcon.vue'
-import { usePrice, usePriceWithoutType, useTowDecimal, formatGoldAmount } from '../../../utils/usePrice'
+import { usePrice, usePriceWithoutType, useTowDecimal } from '../../../utils/usePrice'
 import {computed, createVNode, onActivated, onMounted, onUnmounted, ref, watch} from 'vue'
 import router from '@/router'
 import * as echarts from 'echarts'
@@ -471,7 +487,6 @@ import Vue3Odometer from 'vue3-odometer'
 import 'odometer/themes/odometer-theme-default.css'
 import HomeSkeleton from '@/views/base/home/components/HomeSkeleton.vue'
 import GhatrehHomeDesktopView from '@/views/base/home/desktop/GhatrehHomeDesktopView.vue'
-import { useProject } from '@/composables/useProject'
 import {
  getLastPrices,
  getTradeBuyPrice,
@@ -490,6 +505,9 @@ import type { PInventory, Product } from '@/models/products'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import { resolveAssetsRialValue } from '@/utils/productAssets'
 import { useDesktopBreakpoint } from '@/layouts/composables/useAppLayout'
+import { getProjectDisplayName, hasAbshodeTrading, isKashkoolProject } from '@/config/project-profile'
+import { getAppIconUrl } from '@/config/brand-assets'
+import { getAppPrimaryColor, getAppPrimaryDark } from '@/config/brand-theme'
 import { message, Modal } from 'ant-design-vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import BasicModal from '@/components/BasicPacks/BasicModal.vue'
@@ -499,10 +517,12 @@ import AppHeader from '@/views/base/home/components/AppHeader.vue'
 const userStore = useUserStore()
 const walletStore = useWalletStore()
 const isDesktop = useDesktopBreakpoint()
-const { branding, projectNameFa, heroGradient, isGhatre, accentColor } = useProject()
-const actionBorderStyle = computed(() => ({
-  border: `solid 1px ${accentColor.value}`,
-}))
+const projectName = getProjectDisplayName('کشکول گلد')
+const showAbshodeTrading = hasAbshodeTrading()
+const isKashkool = isKashkoolProject()
+const appIconUrl = getAppIconUrl()
+const primaryColor = getAppPrimaryColor()
+const primaryDark = getAppPrimaryDark()
 const chartLoading = ref<boolean>(false)
 const openModal = ref<boolean>(false)
 const wholeBalanceVisible = ref<boolean>(false)
@@ -531,14 +551,14 @@ const balanceLabel = computed(() => {

  const metal = primaryMetalTotal.value
  if (metal && Number(metal.total_weight) > 0) {
-    return `${formatGoldAmount(metal.total_weight)} ${metal.unit}`
+    return `${Number(metal.total_weight).toFixed(3)} ${metal.unit}`
  }

  const fallback =
    walletStore.walletInfo?.gold_sum ??
    userStore.userInfo?.wallet?.count_gold ??
    0
-  return `${formatGoldAmount(fallback)} گرم`
+  return `${Number(fallback).toFixed(3)} گرم`
 })

 const totalRialDisplay = computed(() =>
@@ -713,7 +733,7 @@ const priceChartOptions = ref({
      show: false
    }
  },
-  colors: [accentColor.value],
+  colors: [primaryColor],
  fill: {
    type: 'gradient',
    gradient: {
@@ -725,11 +745,6 @@ const priceChartOptions = ref({
  }

 })
-
-watch(accentColor, (color) => {
-  priceChartOptions.value.colors = [color]
-}, { immediate: true })
-
 const toPersianNumber = (num) => {
  return num.toString().replace(/\d/g, (d) => '۰۱۲۳۴۵۶۷۸۹'[d])
 }
@@ -753,6 +768,10 @@ const updateData = (timeline) => {
  fetchPrices()
 }

+const limitedPrice = computed(() => {
+  if (walletStore.limitedPrice) return walletStore?.limitedPrice[0]
+})
+
 const test_series = [
  {
    name: 'candle',
@@ -975,4 +994,8 @@ apexchart {
  padding: 0 !important;
  margin: 0 !important;
 }
+
+.home-brand-logo--white {
+  filter: brightness(0) invert(1);
+}
 </style>
@@ -1,7 +1,7 @@
-<template>
+<template>
  <div class="">
    <!--    <div class="bg-primary h-30 mt-[-3rem] z-100000000000"></div>-->
-    <div class="fixed h-[60vh] bg-[#a72b77] w-screen">
+    <div class="fixed h-[60vh] bg-primary w-screen">
      <div class="flex w-full justify-around mt-18">
        <div class="text-center">
          <div class="text-[#E5D7CE] text-xs ">موجودی کیف طلا</div>
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="h-35rem overflow-y-auto">
    <!--    <div class="bg-primary h-30 mt-[-3rem] z-100000000000"></div>-->
    <div class="h-[60vh] bg-primary wrap-fix">
@@ -620,7 +620,7 @@ const priceChartOptions = ref({
      show: false
    }
  },
-  colors: ['#a72b77'],
+  colors: ['var(--app-primary-color)'],
  fill: {
    type: 'gradient',
    gradient: {
@@ -1,11 +0,0 @@
-<template>
-  <HomeDesktopView @logout="$emit('logout')" />
-</template>
-
-<script lang="ts" setup>
-import HomeDesktopView from '../desktop/HomeDesktopView.vue'
-
-defineEmits<{
-  logout: []
-}>()
-</script>
@@ -1,12 +0,0 @@
-import type { HomeLayoutConfig } from '../types'
-
-export const boursecuHomeLayoutConfig: HomeLayoutConfig = {
-  id: 'boursecu',
-  wrapperClass: 'dhome--boursecu',
-  sections: [
-    { id: 'assets', visible: true },
-    { id: 'currentPrice', visible: true },
-    { id: 'priceChart', visible: true },
-    { id: 'boursecuQuickActions', visible: true },
-  ],
-}
@@ -1,40 +0,0 @@
-import type { HomeQuickActionItem } from '../types'
-
-export const boursecuQuickActions: HomeQuickActionItem[] = [
-  {
-    id: 'buy',
-    label: 'خرید',
-    icon: 'vuesax-linear:money-receive',
-    route: { name: 'gold', query: { state: 'buy' } },
-  },
-  {
-    id: 'sell',
-    label: 'فروش',
-    icon: 'vuesax-linear:money-send',
-    route: { name: 'gold', query: { state: 'sell' } },
-  },
-  {
-    id: 'wallet',
-    label: 'کیف پول',
-    icon: 'vuesax-linear:wallet-1',
-    route: { name: 'wallet' },
-  },
-  {
-    id: 'transactions',
-    label: 'گزارش',
-    icon: 'vuesax-linear:receipt-item',
-    route: { name: 'transactions' },
-  },
-  {
-    id: 'fund',
-    label: 'دارایی ها',
-    icon: 'vuesax-linear:archive-1',
-    route: { name: 'fund' },
-  },
-  {
-    id: 'shop',
-    label: 'فروشگاه',
-    icon: 'vuesax-linear:coin',
-    route: { name: 'buyProduct' },
-  },
-]
@@ -1,12 +0,0 @@
-import type { HomeLayoutConfig } from '../types'
-
-export const defaultHomeLayoutConfig: HomeLayoutConfig = {
-  id: 'default',
-  sections: [
-    { id: 'currentPrice', visible: true },
-    { id: 'assets', visible: true },
-    { id: 'mainActions', visible: true },
-    { id: 'priceChart', visible: true },
-    { id: 'banners', visible: true },
-  ],
-}
@@ -2,6 +2,7 @@
 export type HomeLayoutId = 'default' | 'boursecu'

 export type HomeSectionId =
+  | 'limitedPriceAlert'
  | 'garoosiAssets'
  | 'mainActions'
  | 'boursecuQuickActions'
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div>
    <div class="flex">
      <div class="bg-gray-100 m-2 rounded-lg w-18 h-18 flex justify-center p-1 shrink-0">
@@ -25,7 +25,7 @@
            <BasicInput
              v-model:value="item.count"
              :addon-before="item.product.unit"
-              addon-bg-color="#a72b77"
+              addon-bg-color="var(--app-primary-color)"
              addon-text-color="white"
              type="text"
              inputmode="numeric"
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="h-35rem overflow-y-auto">
    <div class=" !overflow-y-scroll bg-white py-3   text-primary font-bold  flex justify-evenly">
      <!--      <div @click="isBuy = false" class="w-full text-center" :class="!isBuy?'text-primary':'text-gray-400'">خرید طلا</div>
@@ -42,6 +42,11 @@
      <div v-else class="w-full h-[88px]">
        <GoldSkeleton class="w-full" />
      </div>
+      <div v-if="limitedPrice !== undefined && userStore?.userInfo.trade_active !== 1"
+           class="text-red text-xs flex gap-1 items-center justify-center my-2">
+        <Icon icon="vuesax-linear:info-circle" size="16" />
+        حداقل مبلغ اولیه برای ثبت سفارش {{ usePriceWithoutType(limitedPrice.value as number ?? 0) }} ریال می باشد.
+      </div>
      <!--      </a-spin>-->
      <a-form ref="refInput" :model="form" class="!mt-5" name="basic" @finish="okConfirm()">
        <div class="border-gray-200 border-1 rounded-xl p-5 relative">
@@ -60,7 +65,7 @@

            <a-form-item v-if="isBuy" name="goldValue"
                         :rules="[justNumber2(props?.ProductItem?.price , form.method , props?.ProductItem?.amount, true)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
@@ -68,7 +73,7 @@

            <a-form-item v-else name="goldValue"
                         :rules="[justNumber3(props?.ProductItem?.sellPrice, productNum ,false)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
@@ -500,6 +505,11 @@ const unitCashCalculator = computed(() => {
  return (walletStore?.walletInfo?.cash ?? 0) / 100
 })

+const limitedPrice = computed(() => {
+  if (walletStore.limitedPrice)
+    return walletStore?.limitedPrice[0]
+})
+
 function calculateCash(val: number) {
  priceErrorVisible.value = false

@@ -684,7 +694,7 @@ watch(form.value.goldValue, () => {
  background: blue;
 }*/
 .completeButtonStyle .van-dialog__confirm .van-button__content {
-  background: #a72b77;
+  background: var(--app-primary-color);
  color: white;
 }

@@ -10,7 +10,7 @@
          <div class="w-full flex justify-between" v-for="item in props.item.transaction">
            <div class="flex items-center gap-1">
              <div class="w-7 h-7 flex justify-center rounded-lg bg-gray-100 ">
-                <ProductImage :product="item.product" img-class="p-1 max-h-full max-w-full object-contain" />
+                <img width="30"  class="p-1" :src="item.product.group_type=='گوی'?goyImg:mokaabImg">
              </div>
              <div class="text-xs">{{ item?.title }}</div>
            </div>
@@ -38,7 +38,8 @@
 <script setup lang="ts">
 import type {Physicalreceive} from "@/models/physicalreceive";
 import {toJalali} from "../../../../utils/useDateTime";
-import ProductImage from "@/components/ProductImage.vue";
+import goyImg from "@/assets/img/goyImg.svg"
+import mokaabImg from "@/assets/img/mokaabImg.svg"

 interface Prop {
  item: Physicalreceive
@@ -1,4 +1,4 @@
-/* Premium desktop price trigger page */
+/* Premium desktop price trigger page */

 .dptr {
  min-height: 100%;
@@ -87,8 +87,8 @@
    transition: border-color 0.15s ease, color 0.15s ease;

    &:hover {
-      border-color: @theme-primary;
-      color: @theme-primary;
+      border-color: var(--app-primary-color, #a72b77);
+      color: var(--app-primary-color, #a72b77);
    }
  }
 }
@@ -251,7 +251,7 @@
    margin-top: 4px;
    border: none;
    border-radius: 10px;
-    background: @theme-primary;
+    background: var(--app-primary-color, #a72b77);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="h-35rem overflow-y-auto">
    <div class=" !overflow-y-scroll bg-white py-3   text-primary font-bold  flex justify-evenly">
      <!--      <div @click="isBuy = false" class="w-full text-center" :class="!isBuy?'text-primary':'text-gray-400'">خرید طلا</div>
@@ -38,6 +38,11 @@
      <div v-else class="w-full h-[88px]">
        <GoldSkeleton class="w-full" />
      </div>
+      <div v-if="limitedPrice !== undefined && userStore?.userInfo.trade_active !== 1"
+           class="text-red text-xs flex gap-1 items-center justify-center my-2">
+        <Icon icon="vuesax-linear:info-circle" size="16" />
+        حداقل مبلغ اولیه برای ثبت سفارش {{ usePriceWithoutType(limitedPrice.value as number ?? 0) }} ریال می باشد.
+      </div>
      <!--      </a-spin>-->
      <a-form ref="refInput" :model="form" class="!mt-5" name="basic" @finish="okConfirm()" @finishFailed="(errorInfo) => { console.log('Form submit failed:', errorInfo); console.log('Error fields details:', JSON.stringify(errorInfo.errorFields, null, 2)); if (errorInfo.errorFields && errorInfo.errorFields.length > 0) { const firstError = errorInfo.errorFields[0]; console.log('First error field:', firstError.name, 'errors:', firstError.errors); message.error(firstError.errors?.[0] || 'لطفا تمام فیلدها را به درستی پر کنید') } }">
        <div class="border-gray-200 border-1 rounded-xl p-5 relative">
@@ -56,14 +61,14 @@

            <a-form-item v-if="isBuy" name="goldValue"
                         :rules="[justNumber4(props?.ProductItem?.price , form.method , props?.ProductItem?.amount, true, form.gateway)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
            </a-form-item>
            <a-form-item v-else name="goldValue"
                         :rules="[justNumber3(props?.ProductItem?.sellPrice, productNum ,false)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
@@ -547,6 +552,11 @@ const unitCashCalculator = computed(() => {
  return (walletStore?.walletInfo?.cash ?? 0) / 100
 })

+const limitedPrice = computed(() => {
+  if (walletStore.limitedPrice)
+    return walletStore?.limitedPrice[0]
+})
+
 function calculateCash(val: number) {
  priceErrorVisible.value = false
  console.log("val",val,props?.ProductItem)
@@ -763,7 +773,7 @@ async function ok() {
  background: blue;
 }*/
 .completeButtonStyle .van-dialog__confirm .van-button__content {
-  background: #a72b77;
+  background: var(--app-primary-color);
  color: white;
 }

@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="h-35rem overflow-y-auto">
    <div class=" !overflow-y-scroll bg-white py-3   text-primary font-bold  flex justify-evenly">
      <!--      <div @click="isBuy = false" class="w-full text-center" :class="!isBuy?'text-primary':'text-gray-400'">خرید طلا</div>
@@ -61,14 +61,14 @@

            <a-form-item v-if="isBuy" name="goldValue"
                         :rules="[justNumber2(props?.ProductItem?.price , form.method , props?.ProductItem?.amount, true, form.gateway)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
            </a-form-item>
            <a-form-item v-else name="goldValue"
                         :rules="[justNumber3(props?.ProductItem?.sellPrice, productNum ,false)]">
-              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="#a72b77"
+              <BasicInput v-model:value="form.goldValue" addon-before="تعداد" addon-bg-color="var(--app-primary-color)"
                          addon-text-color="white"
                          place-holder="تعداد"
                          size="large" type="number" inputmode="number" @onchange="calculateCash" />
@@ -749,7 +749,7 @@ async function ok() {
  background: blue;
 }*/
 .completeButtonStyle .van-dialog__confirm .van-button__content {
-  background: #a72b77;
+  background: var(--app-primary-color);
  color: white;
 }

@@ -1,4 +1,4 @@
-/* Premium desktop rules page */
+/* Premium desktop rules page */

 .drules {
  min-height: 100%;
@@ -46,7 +46,7 @@
    height: 56px;
    border-radius: 14px;
    background: rgba(167, 43, 119, 0.08);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    flex-shrink: 0;
  }

@@ -69,7 +69,7 @@
  border: 1px solid rgba(167, 43, 119, 0.15);
  border-radius: 12px;
  background: rgba(167, 43, 119, 0.03);
-  color: @theme-primary;
+  color: var(--app-primary-color, #a72b77);

  &__title {
    font-size: 16px;
@@ -1,4 +1,4 @@
-/* Premium desktop transactions page */
+/* Premium desktop transactions page */

 .dtxn {
  min-height: 100%;
@@ -44,8 +44,8 @@
    }

    &--active {
-      background: @theme-primary;
-      border-color: @theme-primary;
+      background: var(--app-primary-color, #a72b77);
+      border-color: var(--app-primary-color, #a72b77);
      color: #fff;
    }
  }
@@ -1,4 +1,4 @@
-/* Premium desktop user account page */
+/* Premium desktop user account page */

 .duser {
  min-height: 100%;
@@ -93,7 +93,7 @@
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
-    color: @theme-primary;
+    color: var(--app-primary-color, #a72b77);
    flex-shrink: 0;
  }

@@ -174,8 +174,8 @@

    &--primary {
      width: 100%;
-      background: @theme-primary;
-      border-color: @theme-primary;
+      background: var(--app-primary-color, #a72b77);
+      border-color: var(--app-primary-color, #a72b77);
      color: #fff;

      &:hover {
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="dwallet">
    <div class="dwallet__container">
      <DesktopPageTopbar
@@ -45,7 +45,7 @@
              <BasicInput
                v-model:value="form.value"
                addon-before="ریال"
-                addon-bg-color="#a72b77"
+                addon-bg-color="var(--app-primary-color)"
                addon-text-color="white"
                place-holder="مبلغ"
                size="large"
@@ -1,4 +1,4 @@
-/* Premium desktop wallet page */
+/* Premium desktop wallet page */

 .dwallet {
  min-height: 100%;
@@ -75,7 +75,7 @@

    &--active {
      background: #fff;
-      color: @theme-primary;
+      color: var(--app-primary-color, #a72b77);
      box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    }
  }
@@ -182,8 +182,8 @@
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;

    &:hover {
-      border-color: @theme-primary;
-      color: @theme-primary;
+      border-color: var(--app-primary-color, #a72b77);
+      color: var(--app-primary-color, #a72b77);
      background: #fff;
    }
  }
@@ -255,13 +255,13 @@
    transition: border-color 0.15s ease, color 0.15s ease;

    &:hover {
-      border-color: @theme-primary;
-      color: @theme-primary;
+      border-color: var(--app-primary-color, #a72b77);
+      color: var(--app-primary-color, #a72b77);
    }

    &--primary {
-      background: @theme-primary;
-      border-color: @theme-primary;
+      background: var(--app-primary-color, #a72b77);
+      border-color: var(--app-primary-color, #a72b77);
      color: #fff;
      padding: 10px 16px;

@@ -1,4 +1,4 @@
-<template>
+<template>
  <div>
    <div class="absolute inset-0 bg-cover bg-center opacity-60" :style="{ backgroundImage: `url(${img})` }"></div>
    <div class="mpage-header wrap-fix z-[1999]">کیف پول</div>
@@ -38,7 +38,7 @@
              <BasicInput
                v-model:value="form.value"
                addon-before="ریال"
-                addon-bg-color="#a72b77"
+                addon-bg-color="var(--app-primary-color)"
                addon-text-color="white"
                place-holder="مبلغ"
                size="large"
@@ -1,4 +1,4 @@
-<template>
+<template>
  <div class="w-full  flex flex-col">
    <img :src="logo" alt="" class="z-100  rounded-full  aspect-square self-center w-42 " STYLE="margin-bottom: 60px">

@@ -151,9 +151,11 @@ import { loginCustomer, verifyToken } from '@/api/login'
 import router from '@/router'
 import { useUserStore } from '@/store/userStore'
 import { useWalletStore } from '@/store/walletStore'
-import logo from '@/assets/img/logo_full_.png'
+import { getAppLogoFullUrl } from '@/config/brand-assets'
 import { fingerPosition, setTruth } from '@/main'

+const logo = getAppLogoFullUrl()
+
 const { time, onFinish, reset } = useCountdownTimer('00:02:00', 'mm:ss')
 const enableSendAgainCode = ref<boolean>(false)

@@ -190,6 +192,13 @@ function setIsSMS(val: boolean) {
  if (!val) stepTwoVerify.value = false
  userFormState.token = ''
  userFormState.password = ''
+  // console.log(bganim.value.classList)
+  // bganim?.value?.classList.add(val?'right':'left')
+  // bganim?.value?.style.transform = `translateX(${val ? '0' : '-100'});`
+  // bganim?.value?.style.animationDirection = val? 'normal':'reverse'
+  // val? bganim?.value?.classList?.add("move") : bganim?.value?.classList?.remove("move")
+  // const el = bganim.value?.
+  // el.
 }

 async function enterFingerPrint() {
@@ -428,7 +437,7 @@ const getcode=()=>{
          </div>
        </BasicButton>
        <div class="flex gap-1 justify-center mt-5 text-xs" @click="$emit('register',true)">اگر حساب کاربری ندارید
-          <div class="font-bold text-[#a72b77]">از این قسمت</div>
+          <div class="font-bold text-primary">از این قسمت</div>
          ثبت نام کنید.
        </div>
      </a-form-item>
@@ -125,7 +125,9 @@ import registerDelayImage from '@/assets/img/registerDelay.svg'
 import DialogVantOneButton from '@/components/DialogVantOneButton.vue'
 import { registerCustomer } from '@/api/login'
 import router from '@/router'
-import logo from "@/assets/img/logo_full_.png";
+import { getAppLogoFullUrl } from '@/config/brand-assets'
+
+const logo = getAppLogoFullUrl()


 // const stepTwoVerify = ref<boolean>(false)
@@ -12,8 +12,8 @@ export default defineConfig({
    theme: {
        colors: {
            "primary": "var(--app-primary-color, #a72b77)",
-            "secondary": "#ffffff",
-            "tertiary": "#e0be7f"
+            "secondary": "var(--app-secondary-color, #ffffff)",
+            "tertiary": "var(--app-tertiary-color, #e0be7f)"
        }
    },
    presets: [
Author	SHA1	Message	Date
MojtabaSoumi	04dad5cce0	1405/04/18-	2026-07-09 15:42:45 +03:30
MojtabaSoumi	f797f5616c	1405/04/17-	2026-07-08 16:03:22 +03:30