@font-face {
  font-family: "PKOBPRegular";
  src: url("./fonts/pkobp-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PKOBPBold";
  src: url("./fonts/pkobp-bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

:root {
  --scale: 1vmin; /* 1% z mniejszego wymiaru ekranu */
  --px: 0.5;
  --max-width-condition: 1024px;
}

html {
  height: 100%;
}

body {
  font-family: "PKOBPRegular", sans-serif;
  font-size: 16px;
  background-color: #f3f5f8;
  margin: 0;
  height: 100%;
}
div.step-manager {
  width: 100%;
}
div.category-selector {
  width: 100%;
}
footer {
  position: fixed;
  bottom: calc(0.2rem + env(safe-area-inset-bottom));
  right: calc(0.2rem + env(safe-area-inset-right));
  font-size: 0.5em;
  z-index: 9999; /* nad treścią */
  pointer-events: none; /* nie blokuje klików pod spodem (opcjonalnie) */
}

#payment-root {
  max-width: var(--max-width-condition)
}