/* Product Sans (iSolution brand typeface) — shared across all site pages.
   Weights: 300 / 400 / 500, normal + italic. */
@font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/ProductSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Product Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/ProductSans-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ProductSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Product Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/ProductSans-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Product Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ProductSans-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Product Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/ProductSans-MediumItalic.ttf') format('truetype');
}

/* Hide scrollbar on mobile and tablet (≤900px) — scrolling still works. */
@media (max-width: 900px) {
  html, body { scrollbar-width: none; -ms-overflow-style: none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0; height: 0; display: none; }
}