/* Kontener przycisków — wyśrodkowanie */
#checkOutActions{
  margin-top: 12px;
  display: flex;
  justify-content: center;  /* wyśrodkuj */
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Wspólny styl iOS dla obu */
#checkOutActions button{
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;
  padding: 12px 16px;
  border-radius: 16px;

  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
               "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;

  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);

  transition: transform .08s ease, box-shadow .08s ease, opacity .08s ease;
  user-select: none;

  /* żeby oba miały podobną szerokość */
  min-width: 180px;
}

/* Efekt kliknięcia */
#checkOutActions button:active{
  transform: translateY(1px) scale(.99);
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
  opacity: .95;
}

/* Focus (dostępność) */
#checkOutActions button:focus{ outline: none; }
#checkOutActions button:focus-visible{
  outline: 3px solid rgba(0,122,255,.35);
  outline-offset: 3px;
}

/* Primary: Wyświetl PDF */
#btnViewPdf{
  background: #007AFF;
  color: #ffffff;
  border-color: rgba(0,0,0,.08);
}

/* Secondary: Pobierz PDF */
#btnDownloadPdf{
  background: rgba(255,255,255,.92);
  color: #111827;
  border-color: rgba(0,0,0,.12);
}

/* Mobile: pełna szerokość (ładnie, jak w iOS) */
@media (max-width: 520px){
  #checkOutActions{
    justify-content: stretch;
  }
  #checkOutActions button{
    width: 100%;
    min-width: 0;
  }
}