/* Formulário de entrega (modal) */
.ck{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.ck-backdrop{position:absolute;inset:0;background:rgba(22,17,13,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ck-fade .35s ease both}
.ck-panel{position:relative;width:min(720px,100%);max-height:100%;overflow:auto;background:var(--paper);color:var(--ink);border-radius:4px;padding:clamp(24px,4vw,44px);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);animation:ck-up .5s var(--ease) both;overscroll-behavior:contain}
.ck-panel h2{font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin:10px 0 18px}
.ck-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-content:center;cursor:pointer}
.ck-x:hover{background:var(--cream)}
.ck-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--cream);border:1px solid var(--line);border-radius:3px;margin-bottom:22px}
.ck-sum span{font-weight:600;font-size:15px}
.ck-sum b{font:500 24px/1 var(--display)}
.ck-sum small{font:400 13px var(--body);color:var(--muted);margin-left:2px}
.ck fieldset{border:0;margin:0 0 18px;padding:0}
.ck legend{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--clay);margin-bottom:12px;padding:0}
.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}
.ck-span2{grid-column:span 2}
.ck-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ck-field label{font-size:13px;font-weight:600}
.ck-field label i{font-style:normal;font-weight:400;color:var(--muted)}
.ck-field input,.ck-field select{width:100%;min-height:46px;padding:10px 12px;font:400 16px var(--body);color:var(--ink);background:#fff;border:1px solid rgba(64,52,40,.28);border-radius:3px;transition:border-color .2s,box-shadow .2s}
.ck-field input:focus,.ck-field select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(167,120,83,.22)}
.ck-field.bad input,.ck-field.bad select{border-color:#b3261e}
.ck-msg{min-height:16px;font-size:12px;color:var(--muted);line-height:1.3}
.ck-field.bad .ck-msg{color:#b3261e}
.ck-field input.loading{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='%23a77853' stroke-width='2' stroke-dasharray='30 14'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 10 10' to='360 10 10' dur='.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") right 12px center no-repeat}
.ck-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ck-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--muted);margin:6px 0 16px;cursor:pointer}
.ck-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink);flex:none}
.ck-check.bad span{color:#b3261e}
.ck-out{font-size:14px;line-height:1.5;padding:12px 14px;background:#f6ead9;border-left:3px solid var(--clay);margin-bottom:14px}
.ck-error{font-size:14px;line-height:1.5;padding:12px 14px;background:#fbe9e7;color:#8c1d18;border-left:3px solid #b3261e;margin-bottom:14px}
.ck-submit{width:100%}
.ck-submit[disabled]{opacity:.6;cursor:wait}
.ck-note{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.5}
.ck-done p{color:var(--muted);margin-bottom:22px;max-width:46ch}
body.ck-open{overflow:hidden}
@keyframes ck-fade{from{opacity:0}to{opacity:1}}
@keyframes ck-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .ck{padding:0;place-items:end stretch}
  .ck-panel{width:100%;max-height:100%;height:100%;border-radius:0;padding-top:max(56px,env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
  .ck-grid{grid-template-columns:1fr}
  .ck-span2{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.ck-backdrop,.ck-panel{animation:none}}

/* V3: envio e pagamento */
.ck-span3{grid-column:1/-1}
.ck-secure{height:46px;padding:0 12px;background:#fff;border:1px solid rgba(64,52,40,.28);border-radius:3px;display:flex;align-items:center;transition:border-color .2s,box-shadow .2s}
.ck-secure iframe{height:100%!important}
.ck-secure.focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(167,120,83,.22)}
.ck-opt{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(64,52,40,.28);border-radius:3px;background:#fff;margin-bottom:8px;cursor:pointer}
.ck-opt:has(input:checked){border-color:var(--ink);background:var(--cream);box-shadow:0 0 0 1px var(--ink) inset}
.ck-opt input{accent-color:var(--ink);width:18px;height:18px;flex:none}
.ck-opt span{flex:1;display:flex;flex-direction:column;line-height:1.3}
.ck-opt small{color:var(--muted);font-size:13px}
.ck-opt em{font:500 20px/1 var(--display);font-style:normal}
.ck-free{padding:12px 14px;background:#e9f1e6;border-left:3px solid #4d7a45;font-size:14px;line-height:1.5;margin:0}
.ck-envio-nota{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.45}
.ck-resumo{padding:14px 16px;background:var(--cream);border:1px solid var(--line);border-radius:3px;margin-bottom:20px;display:grid;gap:6px;font-size:15px}
.ck-resumo div{display:flex;justify-content:space-between;gap:12px}
.ck-resumo .tot{border-top:1px solid var(--line);padding-top:8px;margin-top:2px;font-weight:700}
.ck-resumo .tot b{font:500 24px/1 var(--display)}
.ck-back{display:block;margin:14px auto 0;background:none;border:0;color:var(--muted);font:500 14px var(--body);text-decoration:underline;cursor:pointer}
