.ck { max-width: 32rem; margin: 0 auto; padding: 1.25rem 1rem 3rem; }
.ck-back { display: inline-flex; align-items: center; gap: .35rem; font-size: .8125rem; color: #64748b; text-decoration: none; margin-bottom: 1rem; }
.ck-back:hover { color: rgb(var(--color-primary)); }
.ck-title { font-size: 1.5rem; font-weight: 800; letter-spacing: -.03em; color: #0f172a; margin: 0 0 .25rem; }
.ck-sub { font-size: .875rem; color: #64748b; margin: 0 0 1.25rem; }
.ck-svc {
  display: flex; align-items: center; gap: .75rem;
  padding: .875rem 1rem; margin-bottom: 1.25rem;
  border-radius: .875rem; background: #fff;
  border: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(15,23,42,.04);
}
.ck-svc strong { display: block; font-size: .9375rem; color: #0f172a; }
.ck-svc span { font-size: .75rem; color: #64748b; }
.ck-svc a { margin-left: auto; font-size: .75rem; font-weight: 700; color: rgb(var(--color-primary)); text-decoration: none; white-space: nowrap; }
.ck-label { display: block; font-size: .8125rem; font-weight: 700; color: #334155; margin-bottom: .45rem; }
.ck-field { margin-bottom: 1rem; }
.ck-input, .ck-select {
  width: 100%; height: 2.75rem; padding: 0 .875rem;
  border: 1px solid #e2e8f0; border-radius: .75rem;
  background: #fff; font-size: .9375rem; color: #0f172a;
  outline: none; transition: border-color .15s, box-shadow .15s;
}
.ck-input:focus, .ck-select:focus {
  border-color: rgb(var(--color-primary) / .45);
  box-shadow: 0 0 0 3px rgb(var(--color-primary) / .12);
}
.ck-hint { font-size: .75rem; color: #94a3b8; margin-top: .35rem; }
.ck-packs {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem; margin-bottom: 1.25rem;
}
@media (min-width: 420px) { .ck-packs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ck-pack {
  position: relative; display: flex; flex-direction: column; align-items: flex-start;
  gap: .15rem; min-height: 5.25rem; padding: .7rem .75rem;
  border-radius: .85rem; border: 1.5px solid #e2e8f0; background: #fff;
  cursor: pointer; text-align: left; transition: border-color .15s, box-shadow .15s, transform .15s;
}
.ck-pack:hover {
  border-color: rgb(var(--color-primary) / .45);
  transform: translateY(-1px);
}
.ck-pack.is-on {
  border-color: rgb(var(--color-primary));
  background: linear-gradient(165deg, rgb(var(--color-primary) / .08), #fff 60%);
  box-shadow: 0 0 0 3px rgb(var(--color-primary) / .12);
}
.ck-pack .q { font-size: .9375rem; font-weight: 800; color: #0f172a; letter-spacing: -.02em; }
.ck-pack .p { font-size: .8125rem; font-weight: 700; color: rgb(var(--color-primary)); }
.ck-pack .u { font-size: .625rem; color: #94a3b8; margin-top: auto; }
.ck-pack input { position: absolute; opacity: 0; pointer-events: none; }
.ck-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 480px) { .ck-grid2 { grid-template-columns: 1fr; } }
.ck-check { display: flex; align-items: flex-start; gap: .5rem; font-size: .8125rem; color: #475569; margin: 1rem 0 1.25rem; }
.ck-check input { margin-top: .2rem; accent-color: rgb(var(--color-primary)); }
.ck-check a { color: rgb(var(--color-primary)); font-weight: 600; text-decoration: none; }
.ck-pay {
  width: 100%; height: 3.25rem; border: 0; border-radius: .9rem;
  background: linear-gradient(135deg, rgb(var(--color-accent)), rgb(var(--color-primary)));
  color: #fff; font-size: 1rem; font-weight: 800; letter-spacing: -.01em;
  cursor: pointer; box-shadow: 0 10px 24px -8px rgb(var(--color-primary) / .45);
}
.ck-pay:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.ck-pay:hover:not(:disabled) { filter: brightness(1.05); }
.ck-total {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: .75rem; padding: .75rem 1rem;
  border-radius: .85rem; background: #0f172a; color: #fff;
}
.ck-total span { font-size: .8125rem; color: #94a3b8; }
.ck-total strong { font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em; color: #fff; }
.ck-safe { text-align: center; font-size: .75rem; color: #94a3b8; margin-top: .75rem; }
.ck-alert {
  padding: .75rem 1rem; border-radius: .75rem; font-size: .875rem; font-weight: 600; margin-bottom: 1rem;
}
.ck-alert.err { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.ck-alert.ok { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.ck-pix {
  padding: 1.25rem; border-radius: 1rem; background: #fff;
  border: 1px solid #e2e8f0; text-align: center;
}
.ck-pix h2 { font-size: 1.125rem; font-weight: 800; margin: 0 0 .35rem; color: #0f172a; }
.ck-pix p { font-size: .875rem; color: #64748b; margin: 0 0 1rem; }
.ck-pix code {
  display: block; word-break: break-all; text-align: left;
  padding: .75rem; border-radius: .65rem; background: #f8fafc;
  border: 1px solid #e2e8f0; font-size: .7rem; color: #334155; margin-bottom: .75rem;
}
.ck-copy {
  width: 100%; height: 2.75rem; border: 0; border-radius: .75rem;
  background: rgb(var(--color-primary)); color: #fff; font-weight: 700; cursor: pointer;
  box-shadow: 0 8px 18px rgb(var(--color-primary) / .22);
}
.ck-copy:hover { filter: brightness(1.05); }

.sf-search-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.25rem}.sf-search-bar input{flex:1;min-width:180px}.sf-search-bar select{width:auto;max-width:100%}.sf-search-bar button{min-height:44px;padding:.6rem 1rem}.sf-steps{display:flex;gap:.6rem;list-style:none;padding:0;margin:0 0 1.5rem;font-size:.7rem;color:#64748b}.sf-steps li{flex:1;border-top:3px solid #e2e8f0;padding-top:.5rem}.sf-steps li.active{border-color:#7c3aed;color:#6d28d9;font-weight:700}.ck-pack:has(input:focus-visible){outline:3px solid #a78bfa;outline-offset:2px}.ck-pack input{pointer-events:auto}.ck-select{height:auto;min-height:2.75rem}.sf-bumps{display:grid;gap:.5rem;margin-bottom:1rem}.sf-bump{display:flex;gap:.6rem;align-items:center;padding:.7rem .8rem;background:#fff;border:1px solid #e2e8f0;border-radius:.8rem;font-size:.8rem}.sf-bump span{flex:1}.sf-bump strong{color:#7c3aed}.sf-bump input{accent-color:#7c3aed}.sf-processing{position:fixed;inset:0;background:rgba(248,245,255,.94);z-index:2000;display:grid;place-items:center;padding:1.5rem;text-align:center}.sf-spinner{width:2.5rem;height:2.5rem;border:4px solid #ede3ff;border-top-color:#7c3aed;border-radius:50%;animation:sf-spin 1.8s linear infinite;margin:0 auto 1rem}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-processing[hidden],[hidden]{display:none!important}.sf-content{max-width:780px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.sf-content h1{font-weight:800;font-size:clamp(1.6rem,4vw,2.5rem);letter-spacing:-.035em;margin-bottom:.5rem}.sf-content .lead{color:#64748b;margin-bottom:1.8rem}.sf-content h2{font-weight:700;font-size:1.2rem;margin:1.3rem 0 .5rem}.sf-content p{line-height:1.7}.sf-content .cro-card{padding:1.5rem;margin-bottom:1rem}.sf-step-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.8rem;background:#ede9fe;color:#7c3aed;font-weight:800;margin-bottom:.65rem}.sf-link{color:#6d28d9;font-weight:600}.sf-orders-table{width:100%;font-size:.8rem;text-align:left;border-collapse:collapse}.sf-orders-table th,.sf-orders-table td{padding:.6rem;border-bottom:1px solid #e8ecf4;vertical-align:top}.sf-orders-scroll{overflow-x:auto}.sf-order-destination{overflow-wrap:anywhere;max-width:12rem}.ck-pix code{max-height:8rem;overflow:auto}.ck-title:focus{outline:0}.ck-pack.is-on{border-color:#7c3aed}.sf-gateway{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:.85rem;margin-bottom:.55rem;font-size:.875rem}.sf-gateway input{accent-color:#7c3aed}.sf-gateway img{width:26px;height:26px;object-fit:contain}.sf-brand-name{font-size:1.05rem;font-weight:800;color:#1e1b4b;white-space:nowrap}.sf-brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#9c63f7,#7c3aed);color:#fff;font-weight:800}.sf-order-field{display:grid;gap:.35rem}.sf-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}@media(max-width:767px){.sf-footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem}.sf-footer-grid>div:first-child{grid-column:1/-1}.site-header-inner{padding:0 1rem!important;column-gap:.5rem!important;grid-template-columns:minmax(0,1fr) auto!important}.site-actions{grid-column:2}.site-logo img{max-width:130px!important;height:auto!important;max-height:36px}.site-cta{font-size:.75rem!important;padding:0 .8rem!important}.home-search{flex-wrap:wrap}.home-search input{min-width:0;width:0}.sf-brand-name{font-size:.9rem}.sf-brand-symbol{width:30px;height:30px}}@media(max-width:360px){.sf-brand-name{max-width:105px;overflow:hidden;text-overflow:ellipsis}.site-burger{width:32px!important}.ck{padding-left:.85rem;padding-right:.85rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a78bfa;outline-offset:3px}

@media(prefers-reduced-motion:reduce){.sf-spinner{animation:none!important}}