/* Celular do hero: réplica em HTML do checkout mobile real da Compra Rápida (Figma "Checkout Compra Rápida", recompra com cartão salvo, nó 13673:56305), em escala 0,785 do frame de 390px, com o logo CR no lugar do logo da loja. Ícones em ck/ exportados do mesmo frame. */
.screen.ck{--ck-ink:#000E24;--ck-muted:#7C8598;--ck-teal:#61CBAD;--ck-line:#E3E6EE;--ck-soft:#F5F5FB;position:relative;height:568px;padding:0;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:10.2px;line-height:1.35;color:var(--ck-ink);background:#fff;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.ck-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 22px 0 30px;flex:none}
.ck-status b{font-weight:600;font-size:12.5px;letter-spacing:-.01em}
.ck-status img{height:10.6px;width:auto;display:block}
.ck-island{position:absolute;left:50%;top:9px;width:92px;height:27px;margin-left:-46px;border-radius:20px;background:#000}
.ck-head{display:flex;justify-content:space-between;align-items:center;padding:4px 19px 12px;flex:none}
.ck-head>img{height:12.5px;width:auto;display:block}
.ck-cart{display:flex;align-items:center;gap:6px;font-weight:700;font-size:11.4px;letter-spacing:-.01em}
.ck-bag{position:relative;width:19px;height:19px}
.ck-bag img{width:100%;height:100%;display:block}
.ck-bag b{position:absolute;top:-6px;right:-6px;width:12px;height:12px;border-radius:50%;background:var(--ck-teal);color:#fff;font-size:7.5px;font-weight:700;display:grid;place-items:center}
.ck-body{flex:1;overflow:hidden;padding:0 19px;display:flex;flex-direction:column}
.ck-title{display:flex;justify-content:space-between;align-items:baseline}
.ck-title h4{margin:0;font-size:15.7px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.ck-title small{display:block;color:var(--ck-muted);font-size:10.2px;margin-top:1px}
.ck-link{color:var(--ck-teal);font-weight:700;font-size:7.9px;letter-spacing:.03em}
.ck-h{margin:19px 0 10px;font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.ck-addr{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--ck-soft);border-radius:5px;padding:8px 9px}
.ck-addr b{display:block;font-size:8.8px;font-weight:600}
.ck-addr span{display:block;font-size:6.6px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;margin-top:1px}
.ck-opts{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.ck-opt{display:grid;grid-template-columns:12.5px 1fr auto;gap:9px;align-items:start}
.ck-opt span{font-size:9.6px}
.ck-opt small{display:block;color:var(--ck-muted);font-size:8.6px;margin-top:1px}
.ck-opt strong{font-size:9.6px;font-weight:600}
.ck-radio{width:12.5px;height:12.5px;border-radius:50%;border:1px solid #D5D9E2;margin-top:.5px}
.ck-radio.on{border:1.5px solid var(--ck-teal);background:radial-gradient(circle,var(--ck-teal) 0 3.2px,transparent 3.6px)}
.ck-pays{display:flex;gap:9.5px;margin-right:-19px}
.ck-pay{flex:none;width:104px;height:74px;border:1px solid var(--ck-line);border-radius:6px;padding:9px 10px;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}
.ck-pay.on{border:2px solid var(--ck-teal);padding:8px 9px}
.ck-pay .ic{height:15px;display:flex;align-items:center;margin-bottom:8px}
.ck-pay .ic img{display:block;height:100%;width:auto}
.ck-pay b{font-size:7.1px;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.01em}
.ck-pay small{color:var(--ck-muted);font-size:8px}
.ck-saved{display:flex;align-items:center;gap:8px;font-size:9.2px;margin-top:13px}
.ck-saved img{width:15.7px;height:auto;display:block}
.ck-saved .ck-link{margin-left:auto}
.ck-fields{display:grid;grid-template-columns:1fr 92px;gap:10px;margin-top:9px}
.ck-field{border:1px solid var(--ck-ink);border-radius:5px;height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:var(--ck-muted);font-size:9.4px}
.ck-field svg{width:11px;height:11px}
.ck-field img{width:14px;height:14px;display:block}
.ck-foot{flex:none;padding:10px 19px 12px;background:#fff}
.ck-btn{height:32px;border-radius:6px;background:var(--ck-ink);color:#fff;font-weight:600;font-size:11.2px;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:9px}
.ck-btn img{width:10.2px;height:auto;display:block}
.ck-powered{display:block;width:118px;height:auto;margin:11px auto 0}
@media (max-width:420px){.screen.ck{height:540px}}