#checkout [data-ck-step][hidden]{display:none !important}
#checkout:not([hidden]){
  z-index:160;
  background:#f5f5f5;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  overflow-anchor:none;
}
#checkout .ttc{
  flex:1;
  min-height:0;
  width:min(480px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  background:#f5f5f5;
  color:#171717;
  font-family:Inter,Arial,sans-serif;
}
#checkout .ttc-scroll{
  flex:1;
  min-height:0;
  overflow:auto;
  overflow-anchor:none;
  padding:16px 12px 32px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
#checkout .ttc-scroll[hidden]{display:none !important}
#checkout .ttc-head{
  background:#fff;
  border-bottom:1px solid #eceef1;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#checkout .ttc-brand{display:flex;align-items:center;gap:8px;min-width:0}
#checkout .ttc-brand img.ttc-logo{height:24px;width:auto;display:block}
#checkout .ttc-brand img.ttc-seal{width:20px;height:20px;display:block}
#checkout .ttc-secure{
  display:flex;align-items:center;gap:8px;
  color:#059669;font-size:10px;font-weight:700;line-height:1.15;text-align:right;
}
#checkout .ttc-secure svg{width:16px;height:16px}
#checkout .ttc-back{
  width:28px;height:28px;border:0;background:transparent;color:#171717;
  display:grid;place-items:center;padding:0;margin-right:2px;flex:none;
}
#checkout .ttc-card{
  background:#fff;border:1px solid #eceef1;border-radius:16px;padding:16px;
}
#checkout .ttc-card.pad{padding:20px 16px}
#checkout .ttc-steps{display:flex;align-items:flex-start}
#checkout .ttc-step{
  flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0;
}
#checkout .ttc-step .line{
  position:absolute;top:14px;left:50%;width:100%;height:1px;background:#e5e5e5;
}
#checkout .ttc-step .line.done{background:#171717}
#checkout .ttc-dot{
  position:relative;z-index:1;width:28px;height:28px;border-radius:999px;
  display:grid;place-items:center;font-size:12px;font-weight:700;font-style:normal;
  line-height:1;font-variant-numeric:tabular-nums;
  background:#f5f5f5;color:#a3a3a3;
}
#checkout .ttc-dot.on{background:#171717;color:#fff}
#checkout .ttc-step span{margin-top:6px;font-size:12px;color:#737373;text-align:center}
#checkout .ttc-step span.on{color:#171717;font-weight:600}
#checkout .ttc-orders{
  background:#fff;border:1px solid #eceef1;border-radius:999px;
  min-height:40px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:13px;
}
#checkout .ttc-orders i{width:10px;height:10px;border-radius:999px;background:#10b981;display:block}
#checkout .ttc-orders b{color:#171717}
#checkout .ttc-orders em{color:#737373;font-style:normal}
#checkout .ttc-cart-toggle{
  width:100%;border:0;background:transparent;padding:0;
  display:flex;align-items:center;justify-content:space-between;color:#171717;
}
#checkout .ttc-cart-toggle > span{display:inline-flex;align-items:center;gap:8px}
#checkout .ttc-cart-toggle h3{margin:0;font-size:15px;font-weight:700}
#checkout .ttc-count{
  width:20px;height:20px;border-radius:999px;background:#171717;color:#fff;
  font-size:11px;font-weight:700;font-style:normal;line-height:1;
  font-variant-numeric:tabular-nums;
  display:inline-grid;place-items:center;
}
#checkout .ttc-cart-toggle .chev{color:#737373;transition:transform .2s}
#checkout .ttc-cart.is-closed .chev{transform:rotate(180deg)}
#checkout .ttc-cart.is-closed .ttc-cart-body{display:none}
#checkout .ttc-item{margin-top:12px;display:flex;align-items:center;gap:12px}
#checkout .ttc-item img{
  width:48px;height:48px;border-radius:6px;object-fit:contain;background:#f5f5f5;flex:none;
}
#checkout .ttc-item p{margin:0;font-size:13px;font-weight:600;line-height:1.25;color:#171717}
#checkout .ttc-item small{display:block;margin-top:2px;color:#737373;font-size:11px;font-weight:500}
#checkout .ttc-item .unit{color:#e11d48;font-weight:600;font-size:11px}
#checkout .ttc-qty{
  flex:none;display:flex;align-items:center;gap:8px;
  border:1px solid #e5e5e5;border-radius:999px;padding:4px 8px;
}
#checkout .ttc-qty button{
  width:18px;height:18px;border:0;background:transparent;padding:0;display:grid;place-items:center;
}
#checkout .ttc-qty button.minus{color:#f43f5e}
#checkout .ttc-qty button.plus{color:#10b981}
#checkout .ttc-qty span{min-width:14px;text-align:center;font-size:14px;font-weight:600}
#checkout .ttc-line-price{font-size:13px;font-weight:700;color:#171717;flex:none}
#checkout .ttc-offer{
  display:block;margin-top:12px;border:1px solid #bbf7d0;background:#f0fdf4;
  border-radius:12px;padding:10px 12px 12px;cursor:pointer;
}
#checkout .ttc-offer.on{border-color:#34d399;background:#ecfdf5}
#checkout .ttc-offer-kicker{
  display:block;margin-bottom:8px;color:#059669;font-size:11px;font-weight:800;letter-spacing:.04em;
}
#checkout .ttc-offer-row{display:flex;align-items:center;gap:10px}
#checkout .ttc-offer img{
  width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff;flex:none;
}
#checkout .ttc-offer-copy{min-width:0;flex:1}
#checkout .ttc-offer-copy strong{display:block;font-size:13px;font-weight:700;color:#171717;line-height:1.25}
#checkout .ttc-offer-copy small{display:block;margin-top:2px;color:#737373;font-size:12px;line-height:1.35;font-weight:500}
#checkout .ttc-offer-copy b{display:block;margin-top:4px;color:#059669;font-size:16px;font-weight:800}
#checkout .ttc-offer-copy em{display:block;margin-top:1px;color:#059669;font-size:12px;font-style:normal;font-weight:600}
#checkout .ttc-offer input{
  appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;flex:none;
  border-radius:999px;border:2px solid #d4d4d4;background:#fff;display:grid;place-items:center;
}
#checkout .ttc-offer input:checked{border-color:#059669;background:#059669;box-shadow:inset 0 0 0 4px #fff}
#checkout .ttc-hr{border:0;border-top:1px solid #f5f5f5;margin:12px 0}
#checkout .ttc-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#525252}
#checkout .ttc-row + .ttc-row{margin-top:6px}
#checkout .ttc-row b{color:#171717;font-weight:500}
#checkout .ttc-row b.is-free{color:#059669;font-weight:600}
#checkout .ttc-total{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:#171717}
#checkout .ttc-total b{font-weight:700}
#checkout .ttc-fields{display:flex;flex-direction:column;gap:16px}
#checkout .ttc-fields label{display:block}
#checkout .ttc-fields label > span{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#262626}
#checkout .tt-input{
  width:100%;height:48px;border-radius:10px;border:1px solid #e5e5e5;background:#fff;
  padding:0 14px;font-size:16px;color:#171717;outline:none;
}
#checkout .tt-input:focus{border-color:#fe2c55;box-shadow:0 0 0 3px rgba(254,44,85,.12)}
#checkout .tt-input.tt-error{border-color:#f43f5e;background:#fff5f5;box-shadow:0 0 0 3px rgba(244,63,94,.1)}
#checkout .tt-input.is-valid{border-color:#059669;background:#ecfdf5}
#checkout .tt-input.is-valid:focus{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.15)}
#checkout .tt-input[readonly]{background:#fafafa;color:#404040}
#checkout .ttc-ok{display:block;margin-top:6px;color:#047857;font-size:12px;font-weight:600}
#checkout .ttc-ok[hidden],#checkout #address-fields[hidden]{display:none !important}
#checkout #address-fields{display:flex;flex-direction:column;gap:16px}
#checkout .ttc-cep{position:relative;display:block}
#checkout .ttc-cep-spin{position:absolute;right:14px;top:16px;width:16px;height:16px;border:2px solid #e5e5e5;border-top-color:#737373;border-radius:50%;animation:ttc-spin .8s linear infinite}
#checkout .ttc-cep-spin[hidden]{display:none !important}
#checkout .ttc-note{display:flex;align-items:flex-start;gap:8px;margin-top:8px;color:#737373;font-size:13px;line-height:1.4}
#checkout .ttc-note svg{flex:none;margin-top:2px}
#checkout .ttc-hint{margin:8px 0 0;color:#737373;font-size:12px;line-height:1.45}
#checkout .ttc-err{display:block;margin-top:6px;color:#be123c;font-size:12px;font-weight:600}
#checkout .ttc-err[hidden]{display:none !important}
#checkout .ttc-safe{
  border:1px dashed #d4d4d4;border-radius:12px;padding:16px;
}
#checkout .ttc-safe p{margin:0 0 12px;text-align:center;font-size:13px;font-weight:600;color:#262626;line-height:1.35}
#checkout .ttc-safe li{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#404040;line-height:1.35}
#checkout .ttc-safe li + li{margin-top:8px}
#checkout .ttc-safe svg{flex:none;margin-top:1px;color:#10b981}
#checkout .tt-btn{
  width:100%;height:52px;border:0;border-radius:999px;background:#fe2c55;color:#fff;
  font-weight:700;font-size:14px;letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(254,44,85,.2);cursor:pointer;
}
#checkout .tt-btn:active{background:#e61f47;transform:scale(.985)}
#checkout .tt-btn:disabled{opacity:.7}
#checkout .ttc-ghost{
  width:100%;height:40px;border:0;background:transparent;color:#737373;font-size:13px;
}
#checkout .ttc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#checkout .ttc-grid.uf{grid-template-columns:1fr 88px}
#checkout .ttc-ships{border:1px solid #e5e5e5;border-radius:12px;padding:10px}
#checkout .ttc-ships h4{
  margin:0 0 8px;display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:700;color:#171717;
}
#checkout .ttc-ship{
  width:100%;display:flex;align-items:center;gap:10px;text-align:left;
  border:2px solid #e5e5e5;background:#fff;border-radius:8px;padding:10px;
}
#checkout .ttc-ship + .ttc-ship{margin-top:6px}
#checkout .ttc-ship.on{border-color:#10b981;background:rgba(236,253,245,.6)}
#checkout .ttc-radio{
  width:16px;height:16px;border-radius:999px;border:2px solid #d4d4d4;
  display:grid;place-items:center;flex:none;
}
#checkout .ttc-ship.on .ttc-radio{border-color:#059669}
#checkout .ttc-ship.on .ttc-radio i{width:8px;height:8px;border-radius:999px;background:#059669;display:block}
#checkout .ttc-ship img{width:48px;height:20px;object-fit:contain;flex:none}
#checkout .ttc-ship strong{display:block;font-size:13px;line-height:1.2;color:#171717}
#checkout .ttc-ship small{display:block;font-size:11px;color:#737373;font-weight:500}
#checkout .ttc-ship b{margin-left:auto;font-size:12px;color:#171717;flex:none}
#checkout .ttc-ship.on b{color:#059669}
#checkout .ttc-ship-note{
  display:flex;gap:8px;align-items:flex-start;
  background:#ecfdf5;border:1px solid #d1fae5;color:#065f46;
  border-radius:12px;padding:12px;font-size:13px;
}
#checkout .ttc-ship-note svg{flex:none;margin-top:1px}
#checkout .ttc-foot{padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
#checkout .ttc-foot p{margin:0;color:#525252;font-size:13px}
#checkout .ttc-foot .copy{color:#737373;font-size:12px}
#checkout .ttc-foot img{width:32px;height:32px;object-fit:contain}
#checkout .ttc-pill{
  background:#fff;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.06);
  border:1px solid #eceef1;padding:8px 16px;display:inline-flex;align-items:center;gap:8px;
  color:#404040;font-size:12px;
}
#checkout .ttc-pill svg,#checkout .ttc-ship-note svg,#checkout .ttc-safe svg,#checkout .ttc-crypto svg{width:16px;height:16px;flex:none}
#checkout .ttc-safe ul{margin:0;padding:0;list-style:none}
#checkout .ttc-pill svg{color:#10b981}
#checkout .ttc-pixhead{
  display:flex;align-items:center;gap:12px;border:1px solid #e5e5e5;border-radius:16px;padding:14px 16px;
}
#checkout .ttc-pixhead img{height:24px;width:auto}
#checkout .ttc-pixhead strong{display:block;font-size:17px;font-weight:800;line-height:1.2}
#checkout .ttc-pixhead p{margin:2px 0 0;font-size:13px;color:#737373}
#checkout .ttc-pixhead p b{color:#404040;font-weight:600}
#checkout .ttc-brands{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 28px}
#checkout .ttc-brands img.logo{height:24px;width:auto}
#checkout .ttc-brands img.rf{height:44px;width:auto}
#checkout .ttc-brands i{width:24px;height:1px;background:#d4d4d4;display:block}
#checkout .ttc-pixbox{border:1px solid #e5e5e5;border-radius:16px;padding:16px 16px 16px;position:relative}
#checkout .ttc-status{
  display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;
}
#checkout .ttc-status .ttc-wait{
  display:inline-flex;align-items:center;gap:6px;
  background:#e8f1fb;color:#003087;border:1px solid #c5d8f2;border-radius:999px;
  padding:8px 12px;font-size:13px;font-weight:700;line-height:1;
}
#checkout .ttc-status .ttc-wait svg{flex:none;color:#003087}
#checkout #lv-pix-timer{
  display:inline-grid;place-items:center;box-sizing:border-box;
  min-width:72px;height:34px;padding:0 12px;margin:0;
  background:#003087;color:#fff;border-radius:999px;
  font-size:15px;font-weight:700;font-style:normal;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:.04em;
}
#checkout .ttc-qr{
  min-width:248px;min-height:248px;margin:0 auto;padding:12px;
  border:1px solid #e5e5e5;border-radius:16px;background:#fff;
  display:flex;align-items:center;justify-content:center;position:relative;
}
#checkout .ttc-qr img{width:224px;height:224px;object-fit:contain;background:#fff}
#checkout .ttc-qr img[hidden],#checkout .ttc-loading[hidden]{display:none !important}
#checkout .ttc-loading{display:flex;flex-direction:column;align-items:center;text-align:center}
#checkout .ttc-spin{
  width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;
  animation:ttc-spin .9s linear infinite;
}
@keyframes ttc-spin{to{transform:rotate(360deg)}}
#checkout .ttc-loading strong{display:block;margin-top:12px;font-size:13px;color:#404040}
#checkout .ttc-loading small{display:block;margin-top:4px;font-size:11px;color:#737373;font-weight:500}
#checkout .ttc-pixcopy{margin:16px 0 0;text-align:center;font-size:13px;color:#525252;padding:0 8px}
#checkout .ttc-amount{
  margin-top:16px;border:1px solid #d1fae5;background:rgba(236,253,245,.6);
  border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;
}
#checkout .ttc-amount small{display:block;color:#047857;font-size:11px;font-weight:700;letter-spacing:.12em}
#checkout .ttc-amount strong{display:block;margin-top:2px;font-size:24px;font-weight:800;color:#171717;line-height:1.1}
#checkout .ttc-approve{
  flex:none;display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #d1fae5;border-radius:999px;padding:8px 12px;
  color:#047857;font-size:12px;font-weight:700;
}
#checkout .ttc-code{
  margin-top:16px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;
  padding:12px 14px;font-size:12px;line-height:1.45;word-break:break-all;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#404040;
  max-height:74px;overflow:hidden;
}
#checkout .ttc-copy{
  margin-top:12px;width:100%;height:52px;border:0;border-radius:16px;background:#10b981;color:#fff;
  font-weight:800;font-size:15px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px;
}
#checkout .ttc-copy:active{background:#059669}
#checkout .ttc-crypto{
  display:flex;align-items:center;justify-content:center;gap:6px;
  color:#737373;font-size:12px;text-align:center;padding:0 8px;
}
#checkout .ttc-crypto svg{color:#059669;flex:none}
#checkout .ttc-api{margin:0;color:#be123c;font-size:13px;font-weight:600}
#checkout .ttc-api:empty{display:none}
