@font-face {
  font-family: "Touche";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/touche-regular.otf") format("opentype");
}
@font-face {
  font-family: "Touche";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/touche-medium.otf") format("opentype");
}
@font-face {
  font-family: "Touche";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/touche-semibold.otf") format("opentype");
}
@font-face {
  font-family: "Touche";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/touche-bold.otf") format("opentype");
}

html, body, body * {
  font-family: "Touche", "DM Sans", sans-serif !important;
}

/* Keep regular body copy lighter across pages */
p,
li,
small,
label,
input,
textarea,
select {
  font-weight: 400 !important;
}

/* Make all buttons lighter */
button,
[type="button"],
[type="submit"],
[type="reset"],
.btn,
.ra-btn,
.site-login,
.site-demo,
a[class*="btn"] {
  font-weight: 400 !important;
}

/* Preserve monospace/code typography (especially Retail API code blocks) */
pre,
code,
kbd,
samp,
.ra-code-top small,
.ra-code-card pre,
.ra-code-mini pre,
.ra-code-mini-code {
  font-family: "Liberation Mono", "Courier New", monospace !important;
}

/* Mobile-only image scaling pass (desktop untouched) */
@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden;
  }

  img,
  svg {
    max-width: 100%;
    height: auto;
  }

  .partners-logos img,
  .trusted-grid img,
  .rs-logo-grid img,
  .ri-logo-grid img,
  .raai-logo-grid img {
    width: 100%;
    max-width: clamp(68px, 22vw, 92px) !important;
    height: auto;
  }

  .partners-logos,
  .trusted-grid,
  .rs-logo-grid,
  .ri-logo-grid,
  .raai-logo-grid {
    gap: 16px 14px !important;
    align-items: center;
    justify-items: center;
  }

  .media-img,
  .ip-hero-media-img,
  .panel-media {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  .partners-logos img,
  .trusted-grid img,
  .rs-logo-grid img,
  .ri-logo-grid img,
  .raai-logo-grid img {
    max-width: clamp(62px, 26vw, 80px) !important;
  }
}