*{box-sizing:border-box;margin:0;padding:0}
body{background:#f4f4f4;color:#222;font-family:"Open Sans",Arial,sans-serif;font-size:15px}
.ck-wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.ck-header{background:#ffcb05}
.ck-header .ck-wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.ck-logo{height:56px;display:block}
.ck-logos{display:flex;align-items:center;gap:10px}
.ck-seguro{font-size:13px;font-weight:700;color:#222}
.ck-seguro .fa{color:#2e9e1f;margin-right:4px}
.ck-oferta{background:#e3262f;color:#fff;text-align:center;padding:8px 16px;font-weight:700;font-size:14px}
.ck-oferta .fa{color:#ffd400}
.ck-timer{background:#fff;color:#e3262f;border-radius:4px;padding:1px 8px;margin-left:6px;font-variant-numeric:tabular-nums}
.ck-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;padding-top:24px;padding-bottom:48px;align-items:start}
.ck-card{background:#fff;border:1px solid #e3e3e3;border-radius:8px;padding:20px;margin-bottom:16px}
.ck-card h2{font-size:17px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.ck-num{width:24px;height:24px;border-radius:50%;background:#222;color:#fff;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:12px;flex:1}
input[type=text],input[type=email],input[type=tel]{display:block;width:100%;margin-top:4px;height:44px;border:1px solid #cfcfcf;border-radius:6px;padding:0 12px;font-size:15px;font-family:inherit;color:#222;background:#fff}
input:focus{outline:none;border-color:#222}
input.ck-invalido{border-color:#e3262f}
.ck-row{display:flex;gap:12px;align-items:flex-end}
.ck-uf{flex:0 0 80px}
.ck-cep-status{flex:1;font-size:13px;color:#777;padding-bottom:24px}
.ck-label{font-size:13px;font-weight:600;color:#555;margin:4px 0 8px}
.ck-fretes{display:flex;flex-direction:column;gap:8px}
.ck-frete{display:flex;align-items:center;gap:12px;border:1px solid #cfcfcf;border-radius:6px;padding:12px;margin:0;cursor:pointer;font-weight:400;color:#555}
.ck-frete:has(input:checked){border-color:#2e9e1f;background:#f3fbf1}
.ck-frete input{accent-color:#2e9e1f;width:18px;height:18px;flex:0 0 auto}
.ck-frete-nome{flex:1;font-size:13px}
.ck-frete-nome strong{display:block;color:#222;font-size:14px}
.ck-frete-preco{font-weight:700;color:#222;font-size:14px}
.ck-frete-preco.gratis{color:#2e9e1f}
.ck-pix-opt{display:flex;align-items:center;gap:12px;border:1px solid #2e9e1f;background:#f3fbf1;border-radius:6px;padding:14px}
.ck-pix-opt>.fa-qrcode{font-size:28px;color:#32bcad}
.ck-pix-opt div{flex:1}
.ck-pix-opt strong{display:block}
.ck-pix-opt span{font-size:13px;color:#666}
.ck-aviso-pix{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border:1px solid #f0d58a;background:#fff9e6;border-radius:6px}
.ck-aviso-pix>.fa-bolt{font-size:18px;color:#d99a00;margin-top:2px}
.ck-aviso-pix strong{display:block;font-size:14px}
.ck-aviso-pix span{font-size:13px;color:#666}
.ck-ok{color:#2e9e1f;font-size:20px}
.ck-erro{color:#e3262f;font-size:13px;min-height:18px;margin:12px 0 4px}
.ck-btn{display:block;width:100%;height:52px;border:0;border-radius:6px;background:#2e9e1f;color:#fff;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;text-transform:uppercase}
.ck-btn:hover{background:#278a1a}
.ck-btn:disabled{background:#9ccc94;cursor:wait}
.ck-resumo{position:sticky;top:16px}
.ck-item{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #eee}
.ck-item img{width:72px;height:72px;border:1px solid #eee;border-radius:6px;object-fit:cover}
.ck-item-info p{font-size:13px;line-height:1.35;margin-bottom:8px}
.ck-qtd{display:inline-flex;align-items:center;border:1px solid #cfcfcf;border-radius:6px}
.ck-qtd button{width:32px;height:32px;border:0;background:none;font-size:18px;cursor:pointer;color:#222}
.ck-qtd span{min-width:28px;text-align:center;font-weight:700}
.ck-totais{margin-top:12px}
.ck-totais div{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.ck-totais dt{color:#666}
.ck-gratis{color:#2e9e1f;font-weight:700}
.ck-total{border-top:1px solid #eee;margin-top:6px;padding-top:12px!important}
.ck-total dt,.ck-total dd{font-size:18px;font-weight:800;color:#222}
.ck-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.ck-modal[hidden]{display:none}
.ck-modal-box{background:#fff;border-radius:10px;max-width:400px;width:100%;padding:24px;text-align:center;max-height:100%;overflow:auto}
.ck-modal-box h3{font-size:20px;margin-bottom:4px}
.ck-sub{font-size:13px;color:#666;margin-bottom:16px}
.ck-qr{width:200px;height:200px;margin:0 auto 12px}
.ck-qr img,.ck-qr canvas{width:100%!important;height:100%!important}
.ck-valor{font-size:22px;font-weight:800;margin-bottom:12px}
#pix-code{width:100%;height:72px;resize:none;border:1px solid #cfcfcf;border-radius:6px;padding:8px;font-size:12px;font-family:monospace;color:#444;margin-bottom:12px;word-break:break-all}
.ck-espera{font-size:13px;color:#666;margin-top:12px}
.ck-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f0a500;margin-right:4px;animation:ck-pulse 1.2s infinite}
@keyframes ck-pulse{50%{opacity:.3}}
.ck-pago-ico{font-size:64px;color:#2e9e1f;margin-bottom:12px}
@media(max-width:820px){
  .ck-grid{grid-template-columns:1fr}
  .ck-resumo{position:static;order:-1}
  .ck-header .ck-wrap{height:60px}
  .ck-logo{height:44px}
}
.ck-opcoes{display:grid;gap:8px;margin-bottom:12px}
.ck-dias{grid-template-columns:repeat(4,1fr)}
.ck-horarios{grid-template-columns:repeat(3,1fr)}
.ck-opcao{border:1px solid #cfcfcf;border-radius:6px;background:#fff;padding:10px 6px;text-align:center;cursor:pointer;font-family:inherit;color:#555;font-size:12px;line-height:1.3}
.ck-opcao strong{display:block;color:#222;font-size:15px}
.ck-opcao.ativo{border-color:#2e9e1f;background:#f3fbf1}
.ck-opcoes.ck-invalido .ck-opcao{border-color:#e3262f}
.ck-horarios .ck-opcao{font-size:14px;font-weight:700;color:#222;padding:12px 6px}
@media(max-width:420px){.ck-dias{grid-template-columns:repeat(2,1fr)}.ck-horarios{grid-template-columns:1fr}}
