/* Checkout Mixgram — layout próprio (sem Tailwind) */
body.co-page{background:var(--bg)!important;color:var(--text)!important}
body.co-page #vs{min-height:100vh}
body.co-page .co-main{max-width:1040px;margin:0 auto;padding:calc(var(--header-offset,96px) + 20px) 20px 56px}
body.co-page .co-back{display:inline-flex;align-items:center;gap:8px;color:var(--text2);font-size:13px;text-decoration:none;margin-bottom:22px;transition:color .2s}
body.co-page .co-back:hover{color:var(--accent)}
body.co-page .co-title{font-family:var(--font-display);font-size:clamp(28px,5vw,38px);font-weight:900;color:var(--accent);letter-spacing:-1px;margin:0 0 8px}
body.co-page .co-sub{color:var(--text2);font-size:14px;margin:0 0 28px}
body.co-page .co-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
@media(min-width:900px){body.co-page .co-grid{grid-template-columns:1.15fr .85fr;gap:28px}}
body.co-page .co-box{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:18px}
body.co-page .co-box-hdr{padding:14px 20px;border-bottom:1px solid var(--border);background:rgba(37,99,235,.05);font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px}
body.co-page .co-box-hdr svg{color:var(--accent);flex-shrink:0}
body.co-page .co-box-body{padding:20px}
body.co-page .co-field{margin-bottom:16px}
body.co-page .co-field:last-child{margin-bottom:0}
body.co-page .co-label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px}
body.co-page .co-req{color:#ff6b6b;font-weight:700}
body.co-page .co-hint{font-size:11px;color:var(--text2);margin-top:6px}
body.co-page .co-inp,.body.co-page input.co-inp,body.co-page input[type="text"],body.co-page input[type="email"],body.co-page input[type="tel"],body.co-page input[type="number"]{
  width:100%;background:var(--bg2)!important;border:1.5px solid var(--border)!important;border-radius:12px!important;
  padding:13px 14px!important;color:var(--text)!important;font-size:14px!important;font-family:var(--font-body)!important;
  outline:none!important;min-height:46px;box-shadow:none!important;-webkit-appearance:none;appearance:none
}
body.co-page .co-inp:focus{border-color:rgba(37,99,235,.5)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important}
body.co-page .co-inp::placeholder{color:var(--text3)!important;opacity:1}
body.co-page .co-row{display:flex;gap:10px;align-items:stretch}
body.co-page .co-row .co-inp{flex:1;min-width:0}
body.co-page .co-btn-verify{flex-shrink:0;padding:0 18px;min-height:46px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font-body);white-space:nowrap}
body.co-page .co-btn-verify:hover{filter:brightness(1.08)}
body.co-page .co-qty-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.co-page .quantity-control{width:40px;height:40px;border:none;border-radius:10px;background:rgba(37,99,235,.1);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.co-page .quantity-control:hover{background:rgba(37,99,235,.18)}
body.co-page #quantity{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text);flex:1;text-align:center}
body.co-page .co-pay-opt{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1.5px solid var(--border);border-radius:14px;margin-bottom:10px;cursor:pointer;transition:border-color .2s}
body.co-page .co-pay-opt:hover{border-color:rgba(37,99,235,.3)}
body.co-page .co-pay-opt input[type="radio"]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}
body.co-page .co-pay-name{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.co-page .co-pay-name img.co-pay-logo,body.co-page .co-pay-logo{height:28px;width:auto;max-width:72px;object-fit:contain;flex-shrink:0;display:block}
body.co-page .co-pay-name img{height:20px;width:auto;max-width:40px;object-fit:contain}
body.co-page .co-pay-desc{font-size:11px;color:var(--text2);margin-top:4px;line-height:1.5}
body.co-page .co-agree{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;color:var(--text2);line-height:1.6}
body.co-page .co-agree input{width:16px;height:16px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}
body.co-page .co-agree a{color:var(--accent)}
body.co-page .btn-submit,.body.co-page button.btn-submit{
  width:100%;min-height:50px;border:none;border-radius:50px;background:var(--accent)!important;color:#fff!important;
  font-size:15px;font-weight:800;font-family:var(--font-body);cursor:pointer;box-shadow:0 0 28px rgba(37,99,235,.2);
  display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px
}
body.co-page .btn-submit:hover{filter:brightness(1.08)}
body.co-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}
body.co-page .co-summary-col{position:relative}
@media(min-width:900px){body.co-page .co-summary-sticky{position:sticky;top:88px}}
body.co-page .co-sum-badge{display:inline-block;font-size:10px;font-weight:700;padding:5px 12px;border-radius:50px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.25);color:var(--accent);margin-bottom:14px}
body.co-page .co-sum-product{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--bg2);border:1px solid var(--border);border-radius:14px;margin-bottom:14px}
body.co-page .co-sum-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;justify-content:center;overflow:hidden}
body.co-page .co-sum-icon i,.body.co-page .co-sum-icon svg{font-size:20px;color:var(--accent)!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
body.co-page .co-sum-name{font-size:14px;font-weight:700;color:var(--text);margin:0 0 4px}
body.co-page .co-sum-meta{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.co-page .co-sum-meta i{color:var(--accent)!important;font-size:14px}
body.co-page .co-receive{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(37,99,235,.05));border:1px solid rgba(37,99,235,.25);border-radius:16px;padding:22px 16px;text-align:center;margin-bottom:16px}
body.co-page .co-receive-lbl{font-size:12px;color:var(--text2);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}
body.co-page #quantity_total{font-family:var(--font-display);font-size:clamp(28px,6vw,36px);font-weight:900;color:var(--accent);line-height:1;margin:0 0 6px}
body.co-page .co-receive-sub{font-size:12px;color:var(--text2)}
body.co-page .co-price-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;color:var(--text2)}
body.co-page .co-price-row strong{color:var(--text)}
body.co-page .co-price-row .line-through{text-decoration:line-through;color:var(--text3)}
body.co-page .co-price-total{display:flex;justify-content:space-between;align-items:center;padding-top:14px;margin-top:10px;border-top:1px solid var(--border);font-size:15px;font-weight:700}
body.co-page #price{font-family:var(--font-display);font-size:22px;color:var(--accent)!important;font-weight:900}
body.co-page #discountprice{color:var(--accent)!important}
body.co-page #added-items:not(:empty){margin:8px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg2)}
body.co-page #added-items>div{padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text2)}
body.co-page #added-items>div:last-child{border-bottom:none}
body.co-page .co-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
body.co-page .co-badge{font-size:10px;font-weight:700;padding:6px 12px;border-radius:50px;border:1px solid rgba(37,99,235,.2);background:rgba(37,99,235,.06);color:var(--accent);display:inline-flex;align-items:center;gap:5px}
body.co-page .co-secure{margin-top:14px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;align-items:flex-start}
body.co-page .co-secure-ico,body.co-page span.co-secure-ico.mg-ico{width:36px;height:36px;min-width:36px;border-radius:50%;background:rgba(37,99,235,.08);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
body.co-page .co-secure-ico svg,body.co-page span.co-secure-ico.mg-ico svg{width:18px;height:18px}
body.co-page .co-badge .mg-ico{color:var(--accent)}
body.co-page .co-badge .mg-ico svg{width:12px;height:12px}
body.co-page .co-secure h4{font-size:13px;font-weight:700;margin:0 0 4px;color:var(--text)}
body.co-page .co-secure p{font-size:11px;color:var(--text2);margin:0;line-height:1.6}
body.co-page .form-content:empty{display:none}
body.co-page .form-content:not(:empty){height:0;overflow:visible;margin:0;padding:0;border:none}
body.co-page footer{margin-top:40px}
body.co-page .loader{display:none;width:20px;height:20px;position:relative}
body.co-page button.loading .loader{display:inline-block}
body.co-page button.loading>span:first-child{display:none}
body.co-page .loader div{position:absolute;width:3px;height:8px;background:#fff;border-radius:2px;left:50%;top:50%;margin:-4px 0 0 -1.5px;transform-origin:center 10px;animation:co-spin .8s linear infinite}
body.co-page .loader .bar1{transform:rotate(0deg);animation-delay:0s}
body.co-page .loader .bar2{transform:rotate(30deg);animation-delay:-.067s}
body.co-page .loader .bar3{transform:rotate(60deg);animation-delay:-.133s}
body.co-page .loader .bar4{transform:rotate(90deg);animation-delay:-.2s}
body.co-page .loader .bar5{transform:rotate(120deg);animation-delay:-.267s}
body.co-page .loader .bar6{transform:rotate(150deg);animation-delay:-.333s}
body.co-page .loader .bar7{transform:rotate(180deg);animation-delay:-.4s}
body.co-page .loader .bar8{transform:rotate(210deg);animation-delay:-.467s}
body.co-page .loader .bar9{transform:rotate(240deg);animation-delay:-.533s}
body.co-page .loader .bar10{transform:rotate(270deg);animation-delay:-.6s}
body.co-page .loader .bar11{transform:rotate(300deg);animation-delay:-.667s}
body.co-page .loader .bar12{transform:rotate(330deg);animation-delay:-.733s}
@keyframes co-spin{to{opacity:1}}

/* Toasts / alertas */
.toast-viewport{position:fixed;z-index:99999;display:flex;flex-direction:column;gap:10px;padding:16px;pointer-events:none;top:16px;right:16px;left:16px;max-width:100%}
@media(min-width:640px){.toast-viewport{left:auto;bottom:24px;top:auto;width:min(400px,calc(100vw - 32px))}}
.toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:14px 40px 14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:0 12px 40px rgba(15,23,42,.12);animation:toast-in .25s ease-out;position:relative}
.toast.error{border-color:rgba(255,59,48,.35);background:linear-gradient(135deg,#fff5f5,#ffffff)}
.toast.success{border-color:rgba(37,99,235,.35);background:linear-gradient(135deg,#eff6ff,#ffffff)}
.toast.warning{border-color:rgba(245,197,24,.4);background:linear-gradient(135deg,#fffbeb,#ffffff)}
.toast.info{border-color:rgba(37,99,235,.25)}
.toast-out{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.toast-content{display:grid;gap:4px;min-width:0}
.toast-title{font-size:14px;font-weight:800;color:var(--text);line-height:1.3}
.toast.error .toast-title{color:#ff6b6b}
.toast.success .toast-title{color:var(--accent)}
.toast-description{font-size:13px;color:var(--text2);line-height:1.5;word-break:break-word}
.toast-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;border-radius:8px;background:rgba(15,23,42,.06);color:var(--text2);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.toast-close:hover{background:rgba(15,23,42,.1);color:var(--text)}
@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Modal PIX — overlay escuro (não usar classe .modal: conflita com tema) */
.co-pix-overlay{
  display:none;position:fixed!important;inset:0!important;z-index:99990!important;
  width:100%!important;max-width:none!important;height:100%!important;margin:0!important;
  background:rgba(15,23,42,.72)!important;border:none!important;border-radius:0!important;
  padding:20px!important;overflow-y:auto;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:none!important;transform:none!important;pointer-events:auto
}
body.co-page .co-pix-overlay.co-pix-open,.co-pix-overlay.co-pix-open{display:flex!important;animation:co-pix-in .22s ease}
body.co-no-scroll{overflow:hidden!important}
body.co-page .co-pix-card{position:relative;width:100%;max-width:440px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px 24px 24px;box-shadow:0 24px 80px rgba(0,0,0,.55);color:var(--text)}
body.co-page .co-pix-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:10px;background:rgba(15,23,42,.06);color:var(--text2);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
body.co-page .co-pix-close:hover{background:rgba(15,23,42,.1);color:var(--text)}
body.co-page .co-pix-head{text-align:center;margin-bottom:22px;padding-right:28px}
body.co-page .co-pix-head h3{margin:0 0 8px;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent)}
body.co-page .co-pix-head p{margin:0;font-size:13px;color:var(--text2);line-height:1.5}
body.co-page .co-pix-body{display:flex;flex-direction:column;align-items:center;gap:18px}
body.co-page .co-pix-qr{width:220px;height:220px;background:#fff;border-radius:16px;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.25)}
body.co-page .co-pix-qr img{display:block;width:200px;height:200px;object-fit:contain;border-radius:8px}
body.co-page .co-pix-qr--empty{background:var(--bg2);color:var(--text2);font-size:13px;text-align:center;padding:16px}
body.co-page .co-pix-qr--empty p{margin:0;line-height:1.5}
body.co-page .co-pix-amount{margin:0;font-size:14px;color:var(--text2);text-align:center}
body.co-page .co-pix-amount strong{color:var(--accent);font-family:var(--font-display);font-size:18px;font-weight:900}
body.co-page .co-pix-label{display:block;width:100%;font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px}
body.co-page .co-pix-code-wrap{position:relative;width:100%}
body.co-page .co-pix-code-wrap textarea{width:100%!important;min-height:96px;max-height:140px;background:var(--bg2)!important;border:1.5px solid var(--border)!important;border-radius:12px!important;padding:12px 88px 12px 14px!important;color:var(--text)!important;font-size:11px!important;line-height:1.45!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;resize:none!important;word-break:break-all;box-sizing:border-box!important;display:block!important}
body.co-page .co-pix-copy{position:absolute;right:10px;bottom:10px;border:none;border-radius:10px;padding:8px 12px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;cursor:pointer;font-family:var(--font-body);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.co-page .co-pix-copy:hover{filter:brightness(1.08)}
body.co-page .co-pix-back{width:100%;min-height:46px;border:1.5px solid var(--border);border-radius:50px;background:transparent;color:var(--text2);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-body);margin-top:4px}
body.co-page .co-pix-back:hover{border-color:rgba(37,99,235,.35);color:var(--text)}
@keyframes co-pix-in{from{opacity:0}to{opacity:1}}

/* Modal verificação de perfil Instagram */
.co-profile-overlay{
  display:flex!important;position:fixed!important;inset:0!important;z-index:99980!important;
  width:100%!important;max-width:none!important;height:100%!important;margin:0!important;
  background:rgba(15,23,42,.72)!important;border:none!important;border-radius:0!important;
  padding:20px!important;overflow-y:auto;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:none!important;transform:none!important;pointer-events:auto;
  animation:co-pix-in .22s ease
}
body.co-page .co-profile-card{
  position:relative;width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);
  border-radius:20px;padding:28px 22px 22px;box-shadow:0 24px 80px rgba(0,0,0,.45);color:var(--text)
}
body.co-page .co-profile-close{
  position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:10px;
  background:rgba(15,23,42,.06);color:var(--text2);font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0
}
body.co-page .co-profile-close:hover{background:rgba(15,23,42,.1);color:var(--text)}
body.co-page .co-profile-head{text-align:center;padding:0 12px 18px;border-bottom:1px solid var(--border);margin-bottom:18px}
body.co-page .co-profile-avatar-wrap{
  position:relative;width:112px;height:112px;margin:0 auto 14px
}
body.co-page .co-profile-avatar{
  width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid rgba(37,99,235,.2);
  display:block;background:var(--bg2)
}
body.co-page .co-profile-avatar-fallback{
  display:none;width:112px;height:112px;border-radius:50%;border:3px solid rgba(37,99,235,.2);
  background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(37,99,235,.08));
  color:var(--accent);font-family:var(--font-display);font-size:36px;font-weight:900;
  align-items:center;justify-content:center
}
body.co-page .co-profile-avatar-fallback.is-visible{display:flex}
body.co-page .co-profile-name{
  margin:0 0 6px;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text);line-height:1.3
}
body.co-page .co-profile-user{margin:0;font-size:14px;color:var(--text2)}
body.co-page .co-profile-badge{
  display:inline-block;margin-top:10px;font-size:10px;font-weight:700;padding:5px 10px;border-radius:50px;
  background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.22);color:var(--accent)
}
body.co-page .co-profile-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px
}
body.co-page .co-profile-stat{
  background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center
}
body.co-page .co-profile-stat strong{
  display:block;font-family:var(--font-display);font-size:17px;font-weight:900;color:var(--accent);line-height:1.2;margin-bottom:4px
}
body.co-page .co-profile-stat span{display:block;font-size:10px;color:var(--text2);line-height:1.3}
body.co-page .co-profile-bio{
  font-size:12px;color:var(--text2);line-height:1.55;text-align:center;max-height:96px;overflow-y:auto;
  padding:14px 4px;margin-bottom:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)
}
body.co-page .co-profile-warn{
  font-size:12px;color:#92400e;line-height:1.5;text-align:center;padding:12px 14px;margin-bottom:16px;
  background:#fffbeb;border:1px solid rgba(245,158,11,.35);border-radius:12px
}
body.co-page .co-profile-actions{display:flex;flex-direction:column;gap:10px}
body.co-page .co-profile-btn-secondary{
  width:100%;min-height:46px;border:1.5px solid var(--border);border-radius:50px;background:transparent;
  color:var(--text2);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-body)
}
body.co-page .co-profile-btn-secondary:hover{border-color:rgba(37,99,235,.35);color:var(--text)}
body.co-page .co-profile-btn-primary{
  width:100%;min-height:48px;border:none;border-radius:50px;background:var(--accent)!important;color:#fff!important;
  font-size:15px;font-weight:800;cursor:pointer;font-family:var(--font-body);box-shadow:0 0 28px rgba(37,99,235,.2)
}
body.co-page .co-profile-btn-primary:hover{filter:brightness(1.08)}
body.co-page .co-profile-btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:none}

/* PIX em página dedicada (POST sem AJAX em /checkout/process) */
.co-pix-page-main{max-width:560px;margin:0 auto}
.co-pix-page-wrap .co-pix-overlay{
  display:flex!important;
  position:relative;
  inset:auto;
  z-index:1;
  background:transparent;
  padding:8px 0 24px;
  min-height:0;
  align-items:flex-start;
  justify-content:center;
}
.co-pix-page-wrap .co-pix-card{
  position:relative;
  width:100%;
  max-width:440px;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:20px;
  padding:28px 24px 24px;
  box-shadow:var(--shadow-md,0 12px 40px rgba(15,23,42,.12));
  color:var(--text);
  margin:0 auto;
}
.co-pix-page-wrap .co-pix-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:10px;background:rgba(15,23,42,.06);color:var(--text2);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.co-pix-page-wrap .co-pix-head{text-align:center;margin-bottom:22px;padding-right:28px}
.co-pix-page-wrap .co-pix-head h3{margin:0 0 8px;font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent)}
.co-pix-page-wrap .co-pix-head p{margin:0;font-size:13px;color:var(--text2);line-height:1.5}
.co-pix-page-wrap .co-pix-body{display:flex;flex-direction:column;align-items:center;gap:18px}
.co-pix-page-wrap .co-pix-qr{width:220px;height:220px;background:#fff;border-radius:16px;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:0 8px 24px rgba(15,23,42,.1)}
.co-pix-page-wrap .co-pix-qr img{display:block;width:200px;height:200px;object-fit:contain;border-radius:8px}
.co-pix-page-wrap .co-pix-code-wrap textarea{width:100%!important;min-height:96px;background:var(--bg2)!important;border:1.5px solid var(--border)!important;border-radius:12px!important;padding:12px 88px 12px 14px!important;color:var(--text)!important;font-size:11px!important;font-family:ui-monospace,Menlo,Consolas,monospace!important}
.co-pix-page-wrap .co-pix-copy{position:absolute;right:10px;bottom:10px;border:none;border-radius:10px;padding:8px 12px;background:var(--accent);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.co-pix-page-wrap .co-pix-back{width:100%;min-height:46px;border:1.5px solid var(--border);border-radius:50px;background:transparent;color:var(--text2);font-size:14px;font-weight:700;cursor:pointer;font-family:var(--font-body)}

/* Consulta de pedidos (/orders) */
body.co-page .or-main{max-width:720px}
body.co-page .or-results:empty{display:none}
body.co-page .or-results:not(:empty){margin:0 0 28px;height:auto!important;overflow:visible!important}
body.co-page .or-form{max-width:100%}
body.co-page .or-results-wrap{margin-bottom:8px}
body.co-page .or-results-hdr{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
body.co-page .or-results-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--accent);margin:0}
body.co-page .or-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){body.co-page .or-grid{grid-template-columns:repeat(2,1fr)}}
body.co-page .or-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
body.co-page .or-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.co-page .or-card-service{font-size:15px;font-weight:700;color:var(--text);margin:0;line-height:1.35;flex:1;min-width:0}
body.co-page .or-status{font-size:10px;font-weight:700;padding:5px 10px;border-radius:50px;white-space:nowrap;flex-shrink:0}
body.co-page .or-st-pending{background:rgba(245,197,24,.12);color:#f5c518;border:1px solid rgba(245,197,24,.25)}
body.co-page .or-st-processing{background:rgba(0,212,255,.1);color:#00d4ff;border:1px solid rgba(0,212,255,.22)}
body.co-page .or-st-inprogress{background:rgba(37,99,235,.1);color:var(--accent);border:1px solid rgba(37,99,235,.22)}
body.co-page .or-st-completed{background:rgba(48,209,88,.12);color:#30d158;border:1px solid rgba(48,209,88,.25)}
body.co-page .or-st-partial{background:rgba(245,166,35,.1);color:#f5a623;border:1px solid rgba(245,166,35,.22)}
body.co-page .or-st-canceled{background:rgba(255,59,48,.1);color:#ff6b6b;border:1px solid rgba(255,59,48,.22)}
body.co-page .or-st-default{background:rgba(37,99,235,.06);color:var(--text2);border:1px solid var(--border)}
body.co-page .or-card-meta{font-size:11px;color:var(--text2);margin:0}
body.co-page .or-progress{display:flex;flex-direction:column;gap:8px}
body.co-page .or-progress-hdr{display:flex;justify-content:space-between;font-size:12px;color:var(--text2)}
body.co-page .or-progress-hdr strong{color:var(--text)}
body.co-page .or-progress-bar{height:8px;border-radius:50px;background:var(--bg2);overflow:hidden;border:1px solid var(--border)}
body.co-page .or-progress-bar span{display:block;height:100%;border-radius:50px;background:linear-gradient(90deg,rgba(37,99,235,.85),var(--accent));transition:width .35s ease}
body.co-page .or-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
body.co-page .or-stat{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:10px 8px;text-align:center}
body.co-page .or-stat-lbl{display:block;font-size:10px;color:var(--text2);margin-bottom:4px}
body.co-page .or-stat-val{display:block;font-size:13px;font-weight:700;color:var(--text);line-height:1.2}
body.co-page .or-stat-plus{font-style:normal;color:var(--accent);font-size:11px;font-weight:700}
body.co-page .or-reorder{display:flex;align-items:center;justify-content:center;min-height:44px;border:1.5px solid var(--border);border-radius:50px;color:var(--text);font-size:13px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s;margin-top:4px}
body.co-page .or-reorder:hover{border-color:rgba(37,99,235,.4);color:var(--accent);background:rgba(37,99,235,.04)}

/* Tela de sucesso (/checkout/success) */
body.co-page .co-success-main{max-width:560px;padding-top:calc(var(--header-offset,96px) + 24px);padding-bottom:64px}
body.co-page .co-success-card{display:flex;flex-direction:column;gap:22px}
body.co-page .co-success-head{text-align:center;padding:8px 4px 0}
body.co-page .co-success-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.28);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 32px rgba(37,99,235,.12)}
body.co-page .co-success-title{font-family:var(--font-display);font-size:clamp(24px,5vw,30px);font-weight:900;color:var(--accent);letter-spacing:-.5px;margin:0 0 10px;line-height:1.15}
body.co-page .co-success-sub{margin:0;font-size:15px;color:var(--text);line-height:1.5}
body.co-page .co-success-note{margin:10px 0 0;font-size:13px;color:var(--text2);line-height:1.55}
body.co-page .co-success-box{margin-bottom:0}
body.co-page .co-success-details{display:flex;flex-direction:column;gap:14px;padding-top:4px;padding-bottom:4px}
body.co-page .co-success-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}
body.co-page .co-success-lbl{color:var(--text2);flex-shrink:0}
body.co-page .co-success-val{color:var(--text);font-weight:600;text-align:right;line-height:1.35}
body.co-page .co-success-val--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
body.co-page .co-success-row .or-status{margin-left:auto}
body.co-page .co-success-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}
body.co-page .co-success-btn{text-decoration:none!important}
body.co-page a.btn-submit.co-success-btn{display:flex}
body.co-page .co-success-link{display:flex;align-items:center;justify-content:center;min-height:46px;border:1.5px solid var(--border);border-radius:50px;color:var(--text2);font-size:14px;font-weight:700;text-decoration:none!important;transition:border-color .2s,color .2s,background .2s}
body.co-page .co-success-link:hover{border-color:rgba(37,99,235,.35);color:var(--accent);background:rgba(37,99,235,.04)}