/* Wide-screen layout for the web app and Telegram Desktop. Mobile styles stay
   untouched; this stylesheet only takes over at a desktop-sized viewport. */
@media (min-width: 960px) {
  :root {
    --dzo-desktop-content: 1320px;
    --dzo-desktop-gutter: clamp(28px, 4vw, 72px);
  }

  html,
  body,
  body > div {
    width: 100%;
    min-width: 960px;
    min-height: 100%;
  }

  html body:has(main.app-shell) {
    overflow-x: hidden !important;
  }

  html body main.app-shell:not(.chat-screen):not(.maintenance-screen) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    height: auto !important;
    margin: 0 !important;
    padding: 104px var(--dzo-desktop-gutter) 142px !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
  }

  html body main.app-shell:not(.chat-screen):not(.maintenance-screen) > :is(
    section,
    .market-board,
    .market-screen-loading,
    .dzo-hub-store-page,
    .dzo-hub-news-page
  ) {
    box-sizing: border-box !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body main.app-shell:not(.home-screen):not(.chat-screen) > :is(
    header.directory-header,
    header.profile-page-header,
    header.games-header,
    header.settings-header,
    header.notifications-header,
    header.leaderboard-header
  ) {
    position: sticky !important;
    z-index: 80 !important;
    top: 94px !important;
    right: auto !important;
    left: auto !important;
    box-sizing: border-box !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin: 0 auto 24px !important;
    transform: none !important;
  }

  html body main.app-shell:not(.home-screen):not(.chat-screen) > .global-ad-banner {
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin: 0 auto 22px !important;
  }

  /* Shared account strip sits below the browser/Telegram chrome on every page. */
  html body #dzo-home-top-overlay.home-top-overlay {
    position: fixed !important;
    z-index: 2147482600 !important;
    top: max(14px, var(--safe-top, 0px), var(--tg-content-safe-top, 0px), var(--tg-fullscreen-safe-top, 0px)) !important;
    right: auto !important;
    left: 50% !important;
    box-sizing: border-box !important;
    width: min(calc(100vw - 2 * var(--dzo-desktop-gutter)), var(--dzo-desktop-content)) !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }

  html body #dzo-home-top-overlay .home-top-right-dock {
    gap: 14px !important;
  }

  html body .support-fab {
    right: max(var(--dzo-desktop-gutter), calc((100vw - var(--dzo-desktop-content)) / 2 + 24px)) !important;
    bottom: calc(max(var(--safe-bottom, 0px), var(--tg-content-safe-bottom, 0px), var(--tg-fullscreen-safe-bottom, 0px)) + 124px) !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }

  html body .app-bottom-nav:not(.store-bottom-nav) {
    bottom: calc(max(var(--safe-bottom, 0px), var(--tg-content-safe-bottom, 0px), var(--tg-fullscreen-safe-bottom, 0px)) + 22px) !important;
    width: min(calc(100vw - 2 * var(--dzo-desktop-gutter)), 780px) !important;
    height: 82px !important;
    min-height: 82px !important;
  }

  html body .app-bottom-nav:not(.store-bottom-nav) > button {
    min-height: 64px !important;
    gap: 7px !important;
  }

  html body .app-bottom-nav:not(.store-bottom-nav) > button > span:last-child {
    font-size: 11px !important;
  }

  /* Home dashboard: two balanced feature rows, then quick links and news. */
  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 104px var(--dzo-desktop-gutter) 142px !important;
    overflow-x: clip !important;
    overflow-y: auto !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions {
    display: grid !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 22px !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin: 0 auto !important;
    padding: 20px 0 34px !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions::before {
    display: none !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions > .home-donation-slot,
  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions > button.games-hero {
    grid-area: auto !important;
    grid-column: span 6 !important;
    order: initial !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 196px !important;
    margin: 0 !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen .home-donation-banner {
    width: 100% !important;
    height: 100% !important;
    min-height: 196px !important;
    aspect-ratio: auto !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen .home-donation-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions > .home-menu-pair {
    grid-area: auto !important;
    grid-column: span 4 !important;
    order: initial !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-row: 2 !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen .home-menu-pair > :is(.guide-action, .faq-home-action) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 188px !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions > .home-quick-heading {
    display: none !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .profile-home.home-actions > .home-quick-links {
    grid-area: auto !important;
    grid-column: 5 / -1 !important;
    grid-row: 2 !important;
    order: initial !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto minmax(166px, auto) !important;
    gap: 10px 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen .home-quick-links::before {
    grid-column: 1 / -1 !important;
    display: block !important;
    color: rgba(229, 241, 255, .9) !important;
    content: "БЫСТРЫЙ ДОСТУП" !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    line-height: 1.2 !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen .home-quick-card {
    min-height: 166px !important;
    padding: 18px !important;
  }

  html body #dzo-home-screen#dzo-home-screen.app-shell.home-screen > .home-news {
    box-sizing: border-box !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin: 0 auto !important;
  }

  /* Desktop routes use the available canvas while retaining readable line lengths. */
  html body main.app-shell.directory-screen > .directory-content,
  html body main.app-shell.directory-screen > .catalog-detail,
  html body main.app-shell.directory-screen > .catalog-wheel-carousel,
  html body main.app-shell.news-screen > .news-page-content,
  html body main.app-shell.market-screen > .market-board,
  html body main.app-shell.settings-screen > .settings-content,
  html body main.app-shell.leaderboard-screen > .leaderboard-content,
  html body main.app-shell.games-screen > .games-hub-content,
  html body main.app-shell.games-screen > .tickets-content {
    box-sizing: border-box !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body main.app-shell.news-screen > .news-page-content {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body main.app-shell.news-screen .dzo-hub-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  html body main.app-shell.directory-screen .catalog-car-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body main.app-shell.directory-screen .catalog-wheel-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body main.app-shell.leaderboard-screen .leaderboard-content {
    display: grid !important;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr) !important;
    align-items: start !important;
    gap: 20px !important;
  }

  html body main.app-shell.leaderboard-screen .leaderboard-content > .leaderboard-hero {
    grid-column: 1 / -1 !important;
  }

  html body main.app-shell.leaderboard-screen .leaderboard-list {
    min-width: 0 !important;
  }

  html body main.app-shell.profile-screen > section,
  html body main.app-shell.settings-screen > section,
  html body main.app-shell.notifications-screen > section,
  html body main.app-shell.faq-screen > section {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Feed remains a familiar single timeline, centered and much wider on PC. */
  html body main.feed-screen {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 960px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 96px var(--dzo-desktop-gutter) 132px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body main.feed-screen > .feed-header,
  html body main.feed-screen > .feed-tabs,
  html body main.feed-screen > .feed-profile-card {
    box-sizing: border-box !important;
    width: min(100%, var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body main.feed-screen > .feed-header {
    position: sticky !important;
    top: 86px !important;
    z-index: 70 !important;
  }

  html body main.feed-screen > .feed-tabs {
    position: sticky !important;
    top: 164px !important;
    z-index: 69 !important;
  }

  html body main.feed-screen > .feed-list {
    box-sizing: border-box !important;
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    gap: 18px !important;
    padding: 18px 0 34px !important;
  }

  html body main.feed-screen .feed-card {
    border-radius: 20px !important;
  }

  /* The support conversation fills the desktop viewport; messages scroll,
     and the composer stays docked at the bottom of the window. */
  html body main.app-shell.chat-screen {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 92px 0 16px !important;
    overflow: hidden !important;
  }

  html body main.app-shell.chat-screen > .chat-header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    box-sizing: border-box !important;
    width: min(calc(100% - 2 * var(--dzo-desktop-gutter)), var(--dzo-desktop-content)) !important;
    max-width: var(--dzo-desktop-content) !important;
    margin: 0 auto 14px !important;
    transform: none !important;
  }

  html body main.app-shell.chat-screen > .global-ad-banner {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(calc(100% - 2 * var(--dzo-desktop-gutter)), var(--dzo-desktop-content)) !important;
    margin: 0 auto 12px !important;
  }

  html body main.app-shell.chat-screen > .chat-canvas {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    width: min(100%, 1500px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 8px clamp(28px, 6vw, 96px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body main.app-shell.chat-screen > .composer-wrap {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: center !important;
    align-self: end !important;
    width: min(100%, 1500px) !important;
    min-width: 0 !important;
    padding: 10px clamp(28px, 6vw, 96px) 0 !important;
    margin: 0 auto !important;
  }

  html body main.app-shell.chat-screen .composer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  html body main.app-shell.chat-screen .message-list > .message-row {
    width: 100% !important;
    max-width: none !important;
  }

  html body main.app-shell.chat-screen .message-bubble {
    max-width: min(78%, 900px) !important;
    font-size: 15px !important;
  }
}

/* Reward details need a clear image size, regardless of earlier store overrides. */
html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-item {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  min-height: 82px !important;
  gap: 14px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-item-art {
  display: grid !important;
  width: 82px !important;
  height: 82px !important;
  place-items: center !important;
  border-radius: 19px !important;
  font-size: 24px !important;
}

html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-item-art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 1px !important;
  object-fit: contain !important;
}

html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-icon {
  width: 56px !important;
  height: 56px !important;
}

html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-icon .ui-icon {
  width: 28px !important;
  height: 28px !important;
}

html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-copy > strong {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  font-size: 28px !important;
  font-weight: 950 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 8px 20px rgba(3, 22, 64, .3) !important;
}

@media (max-width: 620px) {
  html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-item {
    grid-template-columns: 66px minmax(0, 1fr) !important;
    min-height: 66px !important;
    gap: 10px !important;
    font-size: 12px !important;
  }

  html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-item-art {
    width: 66px !important;
    height: 66px !important;
    border-radius: 16px !important;
  }

  html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-icon {
    width: 48px !important;
    height: 48px !important;
  }

  html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-icon .ui-icon {
    width: 25px !important;
    height: 25px !important;
  }

  html body main.app-shell.admin-hub-store-screen .dzo-hub-reward-source-copy > strong {
    width: 50px !important;
    height: 50px !important;
    font-size: 25px !important;
  }
}

/* The roulette content is a scroll container inside the app shell on mobile and desktop. */
html body main.app-shell.games-screen:not(.chat-screen):not(.maintenance-screen) {
  box-sizing: border-box !important;
  height: var(--app-height, 100dvh) !important;
  min-height: var(--app-height, 100dvh) !important;
  max-height: var(--app-height, 100dvh) !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin;
}

html body main.app-shell.games-screen:not(.chat-screen):not(.maintenance-screen) > .games-hub-content,
html body main.app-shell.games-screen:not(.chat-screen):not(.maintenance-screen) > .tickets-content {
  overflow: visible !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

@media (min-width: 1440px) {
  html body main.app-shell.news-screen .dzo-hub-news-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body main.app-shell.directory-screen .catalog-car-list,
  html body main.app-shell.directory-screen .catalog-wheel-list {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 960px) {
  html body main.app-shell.home-screen .home-background-layer,
  html body main.app-shell.home-screen .games-hero::before,
  html body main.app-shell.home-screen .games-hero-chest {
    animation: none !important;
  }
}

/* Store/rewards page: force the blue storefront palette and keep the active
   destination inside its own navigation cell. The cart floats above the dock. */
html body #dzo-mini-root main.app-shell.admin-hub-store-screen {
  --store-line: rgba(110, 190, 238, .24) !important;
  background-color: #061526 !important;
  background-image:
    radial-gradient(ellipse at 50% -10%, rgba(20, 110, 194, .22), transparent 48%),
    radial-gradient(ellipse at 50% 100%, rgba(12, 80, 143, .2), transparent 45%),
    linear-gradient(180deg, #071a2e 0%, #08213a 52%, #061526 100%) !important;
  padding-bottom: calc(178px + env(safe-area-inset-bottom, 0px)) !important;
}

html body #dzo-mini-root main.app-shell.admin-hub-store-screen > section.admin-hub-store.admin-hub-store-page {
  border-color: rgba(93, 166, 216, .32) !important;
  background-color: #0a2540 !important;
  background-image:
    radial-gradient(ellipse at 8% 0%, rgba(27, 117, 187, .2), transparent 38%),
    radial-gradient(ellipse at 100% 100%, rgba(18, 79, 143, .18), transparent 42%),
    linear-gradient(155deg, #0d2b49 0%, #09213a 58%, #071b30 100%) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 20px 48px rgba(0, 6, 17, .3) !important;
}

html body #dzo-mini-root main.app-shell.admin-hub-store-screen .dzo-hub-reward-center {
  border-color: rgba(76, 174, 239, .48) !important;
  background-color: #0d3155 !important;
  background-image:
    radial-gradient(ellipse at 92% 8%, rgba(31, 126, 255, .28), transparent 42%),
    radial-gradient(ellipse at 3% 100%, rgba(0, 170, 245, .17), transparent 48%),
    linear-gradient(138deg, #123d69 0%, #0c2e52 48%, #081d38 100%) !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  padding: 7px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(15, 55, 91, .98), rgba(4, 24, 48, .99)) !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button,
html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button:hover,
html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button:focus-visible,
html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button:active,
html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button.is-active {
  display: grid !important;
  grid-template-rows: 24px auto !important;
  justify-items: center !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 54px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 5px 2px !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: rgba(196, 220, 239, .82) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transform-style: flat !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button.is-active {
  border-color: rgba(116, 211, 255, .58) !important;
  color: #f2fbff !important;
  background: linear-gradient(150deg, rgba(25, 128, 190, .88), rgba(19, 79, 146, .92)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 4px 14px rgba(0, 91, 158, .24) !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav .app-bottom-nav-icon-wrap {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  margin: 0 !important;
  transform: none !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav .app-bottom-nav-icon-wrap > .ui-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  transform: none !important;
}

html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button > span:last-child {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transform: none !important;
}

html body #dzo-mini-root main.app-shell.admin-hub-store-screen .dzo-hub-floating-cart {
  right: max(14px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483002 !important;
}

@media (min-width: 960px) {
  html body #dzo-mini-root main.app-shell.admin-hub-store-screen {
    padding-top: 104px !important;
    padding-bottom: 220px !important;
  }

  html body #dzo-mini-root main.app-shell.admin-hub-store-screen > section.admin-hub-store.admin-hub-store-page {
    width: min(100%, 1320px) !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    padding: clamp(24px, 2.8vw, 40px) !important;
    border-radius: 30px !important;
  }

  html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav {
    position: fixed !important;
    z-index: 2147483001 !important;
    top: auto !important;
    right: auto !important;
    bottom: calc(max(var(--safe-bottom, 0px), var(--tg-content-safe-bottom, 0px), var(--tg-fullscreen-safe-bottom, 0px)) + 20px) !important;
    left: 50% !important;
    width: min(calc(100vw - 2 * var(--dzo-desktop-gutter)), 780px) !important;
    max-width: 780px !important;
    height: 84px !important;
    min-height: 84px !important;
    transform: translateX(-50%) !important;
  }

  html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button {
    min-height: 68px !important;
  }

  html body #dzo-mini-root nav.app-bottom-nav.store-bottom-nav > button > span:last-child {
    font-size: 11px !important;
  }

  html body #dzo-mini-root main.app-shell.admin-hub-store-screen .dzo-hub-floating-cart {
    right: max(var(--dzo-desktop-gutter), calc((100vw - var(--dzo-desktop-content)) / 2 + 24px)) !important;
    bottom: calc(max(var(--safe-bottom, 0px), var(--tg-content-safe-bottom, 0px), var(--tg-fullscreen-safe-bottom, 0px)) + 122px) !important;
  }
}