.pedify-swish-qr {
  display: grid;
  justify-items: start;
  gap: 0.75rem;
  margin: 1.25rem 0;
  padding: 1.25rem;
  border: 1px solid var(--line, #d7d5cf);
  border-radius: 1rem;
  background: #fff;
  color: #242424;
}

.pedify-swish-qr h2,
.pedify-swish-qr p {
  margin: 0;
}

.pedify-swish-qr__image {
  display: block;
  width: min(17.5rem, 100%);
  height: auto;
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  image-rendering: pixelated;
}

.pedify-swish-qr__error {
  color: #555;
}

.pedify-swish-qr a.pedify-swish-qr__open {
  justify-self: start;
  color: #242424;
  background: #fff;
  border: 1px solid #71675e;
}

.pedify-swish-qr a.pedify-swish-qr__open:hover {
  background: #f3f1ee;
}

.pedify-swish-qr a.pedify-swish-qr__open:focus-visible {
  outline: 3px solid #625148;
  outline-offset: 2px;
}

@media (min-width: 48rem) {
  .pedify-swish-qr {
    width: fit-content;
    max-width: min(34rem, 100%);
  }
}
.pedify-export-context { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--border, #494039); border-radius: 12px; }
[data-export-recommended] { color: var(--accent, #caaa95); font-weight: 700; }
[data-export-recommended]::before { content: "→ "; }
[data-payment-status][data-state="paid"] .btn { margin: .75rem 0; }