:root {
  --rp-blue: #003494;
  --rp-line: rgba(0, 52, 148, 0.12);
  --shadow: 0 20px 40px rgba(12, 32, 66, 0.07);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 22%, #ffffff 100%);
  color: #12233f;
  font-family: "Open Sans", sans-serif;
}

.page-shell {
  width: min(1530px, calc(100% - 36px));
  margin: 0 auto;
  padding: 18px 0 40px;
}

.tool-card {
  border: 1px solid var(--rp-line);
  background: #fff;
  box-shadow: var(--shadow);
}

.iframe-wrap {
  background: #fff;
}

#rp-konfigurator-frame {
  display: block;
  width: 100%;
  background: transparent;
}

@media (max-width: 760px) {
  .page-shell {
    width: min(100% - 20px, 100%);
    padding-top: 14px;
  }
}