@media (max-width: 767px) {
html:not(.ubuzima-r196-pos) #ubz-r196-pos {
  display: none !important;
}
html.ubuzima-r196-pos #ubz-r189-home,
html.ubuzima-r196-pos #ubz-r190-trend,
html.ubuzima-r196-pos .ubuzima-native-topbar,
html.ubuzima-r196-pos .ubuzima-native-section,
html.ubuzima-r196-pos .ubuzima-native-business-hero,
html.ubuzima-r196-pos .ubuzima-mobile-action-strip,
html.ubuzima-r196-pos .bo-pro-page {
  display: none !important;
}
html.ubuzima-r196-pos .ubuzima-native-content {
  display: block !important;
}
html.ubuzima-r196-pos #ubz-r196-pos {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: calc(100dvh - 72px) !important;
  padding: 14px 14px 24px !important;
  box-sizing: border-box !important;
  background: radial-gradient(1200px 420px at 0% -10%, #cfe8d6 0%, #e7efe9 42%, #d7e2db 100%) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}
html.ubuzima-r196-pos .ubz-r196-head {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  align-items: end !important;
  gap: 4px 12px !important;
}
html.ubuzima-r196-pos .ubz-r196-kicker {
  grid-column: 1 !important;
  margin: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #3f6b4d !important;
  font-weight: 800 !important;
}
html.ubuzima-r196-pos .ubz-r196-title {
  grid-column: 1 !important;
  margin: 0 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  color: #173221 !important;
  font-weight: 800 !important;
}
html.ubuzima-r196-pos #ubz-r196-new {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 104px !important;
  min-height: 72px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: #173221 !important;
  color: #f3fff6 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(23, 50, 33, 0.28) !important;
}
html.ubuzima-r196-pos .ubz-r196-hero,
html.ubuzima-r196-pos .ubz-r196-ticket {
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 20px rgba(23, 50, 33, 0.08) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html.ubuzima-r196-pos .ubz-r196-hero {
  padding: 16px 16px 18px !important;
}
html.ubuzima-r196-pos .ubz-r196-hero-kicker {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #5b7a66 !important;
  font-weight: 800 !important;
}
html.ubuzima-r196-pos .ubz-r196-hero-copy {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #294233 !important;
}
html.ubuzima-r196-pos .ubz-r196-list-title {
  margin: 6px 2px 0 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #4d6a58 !important;
}
html.ubuzima-r196-pos .ubz-r196-tickets {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-bottom: 12px !important;
}
html.ubuzima-r196-pos .ubz-r196-ticket {
  display: grid !important;
  grid-template-columns: 72px 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 12px 14px !important;
}
html.ubuzima-r196-pos .ubz-r196-ticket-time {
  font-size: 12px !important;
  color: #6a8073 !important;
  font-weight: 700 !important;
}
html.ubuzima-r196-pos .ubz-r196-ticket-body {
  font-size: 14px !important;
  color: #24392c !important;
}
html.ubuzima-r196-pos .ubz-r196-ticket-amt {
  font-size: 15px !important;
  color: #173221 !important;
}
html.ubuzima-r196-pos .ubz-r196-empty {
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.7) !important;
  color: #5b7a66 !important;
}
html.ubuzima-r196-pos.ubuzima-r196-counter #ubz-r196-pos {
  display: none !important;
}
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-dedicated-counter-shell,
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-counter-page--dedicated {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  z-index: 95 !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  padding: 10px !important;
  background: #e7efe9 !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-transaction-setup-section,
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-payment-summary-section,
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-summary-confirmation-card,
html.ubuzima-r196-pos.ubuzima-r196-counter .pos-counter-heading {
  border-radius: 16px !important;
  background: #fff !important;
  margin-bottom: 10px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html:not(.ubuzima-r196-pos) .pos-dedicated-counter-shell,
html:not(.ubuzima-r196-pos) .pos-counter-page--dedicated {
  display: none !important;
}
html.ubuzima-r196-pos .ubuzima-native-tabbar {
  z-index: 120 !important;
}
}