/* ZOOQ PWA — Arial only (system font, no external download) */
@font-face {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Arial'), local('ArialMT'), local('Helvetica Neue'), local('Helvetica');
}
@font-face {
  font-family: 'Arial-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Arial Bold'), local('Arial-Bold'), local('Arial-BoldMT');
}
@font-face {
  font-family: 'Arial-Black';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Arial Black'), local('Arial-Black'), local('Arial-BlackMT');
}

html,
body,
#root {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

/* Force Arial on all RN Web text — stops iOS serif fallback on fontWeight-only styles */
#root,
#root * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Hide scrollbar track — slide with mouse drag / finger only */
.zooq-h-scroll,
.zooq-h-scroll > div,
[class*="zooq-h-scroll"] {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  cursor: grab;
}
.zooq-h-scroll::-webkit-scrollbar,
.zooq-h-scroll *::-webkit-scrollbar,
[class*="zooq-h-scroll"]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}