#cart .ck{--ck-card:#fff;--ck-bg:#F4F6F5;--ck-line:#E6E8EB;--ck-text:#14181C;--ck-muted:#646E78;--ck-blue:#2962FF;--ck-blue-soft:#EEF3FF;--ck-green:#00873D;--ck-green-bar:#00C853;--ck-amber:#9A6700;--ck-amber-soft:#FFF4D6;color:var(--ck-text);max-width:1180px;margin:0 auto}
@media(prefers-color-scheme:dark){#cart .ck,.ck-order,.order-toast{--ck-card:#161C19;--ck-bg:#0F1412;--ck-line:#26302B;--ck-text:#E8EEEA;--ck-muted:#98A49D;--ck-blue:#7EA2FF;--ck-blue-soft:#1B2747;--ck-green:#4ADE80;--ck-amber:#F5C451;--ck-amber-soft:#3A2F12}}
.ck-card{background:var(--ck-card,#fff);border:1px solid var(--ck-line,#E6E8EB);border-radius:10px;padding:18px 20px;margin-bottom:12px}
.ck-card h3{margin:0 0 6px;font-size:16px}
.ck-card p{margin:0 0 6px}
.ck-title{font-size:22px;margin:4px 0 16px;letter-spacing:-.3px}
.ck-note{font-size:12px;color:var(--ck-muted,#646E78);margin:8px 0 0}
.ck-ok{color:var(--ck-green,#00873D);font-weight:600}
.ck-off{color:#C62828;font-weight:600}
.ck-link{border:0;background:none;padding:0;color:var(--ck-blue,#2962FF);font-weight:600;font-size:13px;cursor:pointer}
.ck-link:hover{text-decoration:underline}
.ck-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;border:0;border-radius:8px;background:var(--ck-blue,#2962FF);color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.ck-primary:hover{filter:brightness(.94)}
.ck-primary:disabled{opacity:.45;cursor:not-allowed}

/* Etapas */
.ck-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 20px}
.ck-steps li{flex:1;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ck-muted)}
.ck-steps li:before{content:'';height:4px;border-radius:2px;background:var(--ck-line)}
.ck-steps li.ck-done:before,.ck-steps li.ck-current:before{background:var(--ck-blue)}
.ck-steps li.ck-current{color:var(--ck-text);font-weight:700}
.ck-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}

/* Cesta por loja */
.ck-store{padding:0;overflow:hidden}
.ck-store-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--ck-line)}
.ck-store-head strong{display:block;font-size:16px}
.ck-store-head small{color:var(--ck-muted);font-size:12px}
.ck-ship{padding:12px 20px;border-bottom:1px solid var(--ck-line)}
.ck-bar{height:6px;border-radius:3px;background:var(--ck-line);overflow:hidden}
.ck-bar i{display:block;height:100%;border-radius:3px;background:var(--ck-green-bar);transition:width .4s ease}
.ck-ship-text{margin:8px 0 0!important;font-size:13px}
.ck-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto 110px;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ck-line)}
.ck-thumb{width:72px;height:72px;object-fit:contain;border:1px solid var(--ck-line);border-radius:8px;background:#fff;padding:4px}
.ck-item-info{display:grid;gap:4px;min-width:0}
.ck-item-name{border:0;background:none;padding:0;text-align:left;font-size:15px;font-weight:600;color:var(--ck-text);cursor:pointer;overflow-wrap:anywhere}
.ck-item-name:hover{color:var(--ck-blue)}
.ck-item-info small{font-size:12px}
.ck-item-actions{display:flex;gap:14px}
.ck-qty{display:grid;grid-template-columns:34px 36px 34px;align-items:center;border:1px solid var(--ck-line);border-radius:8px;height:36px;overflow:hidden}
.ck-qty button{height:100%;border:0;background:transparent;color:var(--ck-blue);font-size:18px;font-weight:700;cursor:pointer}
.ck-qty button:disabled{color:var(--ck-line);cursor:not-allowed}
.ck-qty span{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.ck-price{display:grid;justify-items:end;gap:2px;font-variant-numeric:tabular-nums}
.ck-price s{font-size:12px;color:var(--ck-muted)}
.ck-price strong{font-size:17px}
.ck-store-foot{display:flex;justify-content:space-between;padding:14px 20px;font-size:14px}
.ck-empty{text-align:center;padding:40px 20px}
.ck-empty .ck-primary{max-width:240px;margin-top:12px}
.ck-help summary{cursor:pointer;font-weight:600}
.ck-help p{margin-top:10px}

/* Opções */
.ck-options{display:grid;gap:10px;margin-bottom:12px}
.ck-options.fulfillment-choice{margin:0 0 12px}
.ck-options.fulfillment-choice>label{display:flex;margin:0;font-size:inherit}
.ck-option{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--ck-line);border-radius:10px;background:var(--ck-card);cursor:pointer}
.ck-option input{margin-top:3px;accent-color:var(--ck-blue);width:18px;height:18px}
.ck-option strong{display:block;font-size:15px}
.ck-option small{color:var(--ck-muted);font-size:13px}
.ck-option:has(input:checked){border-color:var(--ck-blue);box-shadow:0 0 0 1px var(--ck-blue)}
.ck-row-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}
.ck-delivery{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ck-delivery small{display:block;color:var(--ck-muted);font-size:12px}
.ck-delivery-side{display:grid;justify-items:end;gap:4px;font-size:14px}
.ck-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ck-chips span{padding:4px 10px;border-radius:999px;background:var(--ck-bg);font-size:12px;font-weight:600}

/* Revisão */
.ck-review-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ck-review-thumbs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.ck-review-thumbs img{width:44px;height:44px;object-fit:contain;border:1px solid var(--ck-line);border-radius:6px;background:#fff;padding:2px}

/* Resumo */
.ck-summary{position:sticky;top:90px;display:grid;gap:12px}
.ck-summary .ck-card{margin:0}
.ck-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0}
.ck-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--ck-line);margin:10px 0 14px;padding-top:12px;font-weight:600}
.ck-total strong{font-size:22px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.ck-back{display:block;margin:12px auto 0}
.ck-back[hidden],.ck-summary[hidden],#ck-steps[hidden]{display:none}
.ck-layout:has(> .ck-summary[hidden]){grid-template-columns:1fr}
.ck-off-head{margin:0;padding:12px 20px 0;font-size:12px;font-weight:700;color:var(--ck-muted,#6B7480);text-transform:uppercase;letter-spacing:.04em}
.ck-item-off{grid-template-columns:64px 1fr}
.ck-item-off .ck-thumb{filter:grayscale(1);opacity:.55}
.ck-item-off .ck-item-name{color:var(--ck-muted,#6B7480)}
.ck-trust{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ck-trust li{display:grid;gap:2px;padding:12px 14px;border-radius:10px;background:var(--ck-bg);font-size:12px;color:var(--ck-muted)}
.ck-trust strong{color:var(--ck-text);font-size:13px}

/* Concluído */
.ck-done:not(li){text-align:center;padding:36px 24px;max-width:620px;margin:0 auto 12px}
.ck-done h2{margin:12px 0 6px;font-size:24px}
.ck-done-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ck-green-bar);color:#fff;font-size:28px;font-weight:700}
.ck-done-icon.ck-wait{background:var(--ck-blue)}
.ck-qr{width:200px;height:200px;margin:18px auto;display:block;border:1px solid var(--ck-line);border-radius:10px}
.ck-copy{display:grid;gap:6px;text-align:left;font-size:13px;font-weight:600;margin:0 auto 12px;max-width:420px}
.ck-copy input{height:42px;border:1px solid var(--ck-line);border-radius:8px;padding:0 10px;font-size:12px;background:var(--ck-bg);color:var(--ck-text)}
.ck-done .ck-primary{max-width:420px}
.ck-demo{display:inline-block;margin:10px 0 4px;padding:4px 10px;border-radius:6px;background:var(--ck-amber-soft);color:var(--ck-amber);font-size:12px;font-weight:700}
.ck-done-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;text-align:left}
.ck-done-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--ck-line);border-radius:8px;font-size:14px}
.ck-done-actions{display:grid;gap:12px;justify-items:center;max-width:420px;margin:0 auto}

/* Pedidos do cliente */
#order-list{display:grid;gap:12px;margin-bottom:16px}
.ck-order{--ck-card:#fff;--ck-line:#E6E8EB;--ck-muted:#646E78;--ck-blue:#2962FF;--ck-text:#14181C;color:var(--ck-text);margin:0}
.ck-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.ck-order-head small{display:block;color:var(--ck-muted);font-size:12px}
.ck-badge{padding:4px 10px;border-radius:999px;background:var(--ck-blue-soft,#EEF3FF);color:var(--ck-blue);font-size:12px;font-weight:700;white-space:nowrap}
.ck-badge-ok{background:#E8F7EE;color:#00873D}
.ck-badge-wait{background:#FFF4D6;color:#9A6700}
.ck-track{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 10px}
.ck-track li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--ck-muted)}
.ck-track li:before{content:'';height:4px;border-radius:2px;background:var(--ck-line)}
.ck-track li.ck-done:before,.ck-track li.ck-current:before{background:var(--ck-green-bar,#00C853)}
.ck-track li.ck-current{color:var(--ck-text);font-weight:700}
.ck-order-msg{font-size:14px;margin:4px 0 10px!important}
.ck-order-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
.order-toast{position:fixed;top:84px;right:20px;left:auto;z-index:60;display:grid;gap:2px;width:min(340px,calc(100vw - 40px));margin:0;font:inherit;padding:14px 16px;border:1px solid #E6E8EB;border-left:4px solid #00C853;border-radius:10px;background:#fff;color:#14181C;text-align:left;box-shadow:0 12px 32px #0000002e;cursor:pointer;animation:ck-toast .35s ease-out}
.order-toast span{font-size:13px;color:#646E78}
@keyframes ck-toast{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-color-scheme:dark){.ck-order{--ck-card:#161C19;--ck-line:#26302B;--ck-muted:#98A49D;--ck-blue:#7EA2FF;--ck-text:#E8EEEA}.order-toast{background:#161C19;color:#E8EEEA;border-color:#26302B}.order-toast span{color:#98A49D}.ck-thumb,.ck-review-thumbs img{background:#fff}}

@media(max-width:900px){.ck-layout{grid-template-columns:1fr}.ck-summary{position:static}.ck-item{grid-template-columns:64px minmax(0,1fr);grid-template-areas:'img info' 'img qty' 'price price'}.ck-thumb{grid-area:img;width:64px;height:64px}.ck-item-info{grid-area:info}.ck-qty{grid-area:qty;justify-self:start}.ck-price{grid-area:price;justify-items:start;grid-auto-flow:column;align-items:baseline;gap:8px;justify-content:start}.order-toast{left:12px;right:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.ck-bar i{transition:none}.order-toast{animation:none}}
.store-full-page{display:inline-flex;margin-top:10px;font-weight:600;color:#2962FF}
