/* Đăng ký cửa hàng – theo font của theme; màu nhấn đổi bằng --dkch-accent (VD LadyDeal hồng, onbe xanh). */
.dkch{--dkch-accent:#2563eb;--dkch-accent-ink:#fff;--dkch-line:#d0d5dd;--dkch-muted:#667085;--dkch-bg:#fff;--dkch-soft:#f6f7f9;--dkch-bad:#d92d20;--dkch-r:12px;max-width:760px;margin:0 auto;color:inherit;font-size:16px;line-height:1.5}
.dkch *,.dkch *::before,.dkch *::after{box-sizing:border-box}
.dkch-intro{margin:0 0 16px;color:var(--dkch-muted)}
.dkch-steps{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0;counter-reset:s}
.dkch-steps li{flex:1;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;color:var(--dkch-muted);cursor:pointer;text-align:center;position:relative}
.dkch-steps li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--dkch-line);z-index:0}
.dkch-steps li:first-child::before{display:none}
.dkch-steps li span{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--dkch-bg);border:2px solid var(--dkch-line);font-weight:700;font-size:14px}
.dkch-steps li em{font-style:normal;line-height:1.25}
.dkch-steps li.on{color:inherit;font-weight:600}
.dkch-steps li.on span{border-color:var(--dkch-accent);color:var(--dkch-accent)}
.dkch-steps li.ok span{background:var(--dkch-accent);border-color:var(--dkch-accent);color:var(--dkch-accent-ink)}
.dkch-steps li.ok::before,.dkch-steps li.on::before{background:var(--dkch-accent)}
.dkch-step h2{font-size:20px;margin:0 0 16px;outline:none}
.dkch-f{margin:0 0 16px;min-width:0}
.dkch-f>label,.dkch-f .vn-addr label{display:block;font-weight:600;font-size:14.5px;margin:0 0 6px}
.dkch-req{color:var(--dkch-bad);font-weight:700}
.dkch input[type=text],.dkch input[type=tel],.dkch input[type=email],.dkch input[type=url],.dkch input[type=time],.dkch select,.dkch textarea,.dkch .vna-in{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--dkch-line);border-radius:10px;background:var(--dkch-bg);color:inherit;font:inherit;font-size:16px;line-height:1.4;-webkit-appearance:none;appearance:none}
.dkch textarea{min-height:auto;resize:vertical}
.dkch input:focus,.dkch select:focus,.dkch textarea:focus,.dkch .vna-in:focus{outline:none;border-color:var(--dkch-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dkch-accent) 20%,transparent)}
.dkch-hint{margin:6px 0 0;font-size:13px;color:var(--dkch-muted)}
.dkch-err{margin:6px 0 0;font-size:13.5px;color:var(--dkch-bad);font-weight:600}
.dkch-err:empty{display:none}
.dkch-bad input,.dkch-bad select,.dkch-bad textarea,.dkch-bad .vna-in{border-color:var(--dkch-bad)}
.dkch-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.dkch-hl .dkch-row2{gap:8px 12px;margin-bottom:8px}
.dkch-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dkch-type{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1.5px solid var(--dkch-line);border-radius:var(--dkch-r);cursor:pointer;font-weight:400}
.dkch-type input{position:absolute;opacity:0;pointer-events:none}
.dkch-type span{font-size:13px;color:var(--dkch-muted)}
.dkch-type:has(input:checked){border-color:var(--dkch-accent);background:color-mix(in srgb,var(--dkch-accent) 7%,transparent)}
.dkch-type:has(input:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--dkch-accent) 25%,transparent)}
.dkch-chips{display:flex;flex-wrap:wrap;gap:8px}
.dkch-chip{margin:0;cursor:pointer;font-weight:400}
.dkch-chip input{position:absolute;opacity:0;pointer-events:none}
.dkch-chip span{display:inline-block;padding:8px 14px;border:1.5px solid var(--dkch-line);border-radius:999px;font-size:14.5px}
.dkch-chip input:checked+span{border-color:var(--dkch-accent);background:var(--dkch-accent);color:var(--dkch-accent-ink)}
.dkch-chip input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--dkch-accent) 25%,transparent)}
.dkch-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 22px;border:0;border-radius:999px;background:var(--dkch-accent);color:var(--dkch-accent-ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.dkch-btn:disabled{opacity:.6;cursor:wait}
.dkch-btn-s{min-height:40px;padding:8px 16px;font-size:14.5px;background:var(--dkch-soft);color:inherit;border:1px solid var(--dkch-line);font-weight:600}
.dkch-f .dkch-btn-s{margin-top:8px}
.dkch-geo-st{font-size:13.5px;color:var(--dkch-muted)}
.dkch-more{margin:0 0 16px;border:1px solid var(--dkch-line);border-radius:var(--dkch-r);padding:0 14px}
.dkch-more summary{cursor:pointer;padding:12px 0;font-weight:600}
.dkch-hours{display:grid;gap:8px}
.dkch-hr{display:grid;grid-template-columns:110px 1fr auto 1fr;gap:8px;align-items:center}
.dkch-hr span{color:var(--dkch-muted)}
.dkch-hr-d{display:flex;align-items:center;gap:6px;font-weight:500;margin:0}
.dkch-hr.off input[type=time]{opacity:.35}
.dkch-hours .dkch-btn-s{justify-self:start}
.dkch-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.dkch-tile,.dkch-add{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;margin:0}
.dkch-tile{background:var(--dkch-soft)}
.dkch-tile img{width:100%;height:100%;object-fit:cover;display:block}
.dkch-tile.up img{opacity:.45}
.dkch-tile.bad{outline:2px solid var(--dkch-bad)}
.dkch-st{position:absolute;left:4px;right:4px;bottom:4px;font-size:11.5px;line-height:1.2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center}
.dkch-x{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0}
.dkch-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed var(--dkch-line);cursor:pointer;color:var(--dkch-muted);font-weight:600;font-size:14px;text-align:center}
.dkch-add[hidden]{display:none}
.dkch-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dkch-add small{font-weight:400;font-size:12px}
.dkch-items{display:grid;gap:8px}
.dkch-it{display:grid;grid-template-columns:1.4fr 1fr 110px 36px;gap:8px;align-items:center}
.dkch-it .dkch-x{position:static;width:36px;height:36px;background:var(--dkch-soft);color:var(--dkch-muted);border:1px solid var(--dkch-line)}
.dkch-private{border:1px solid var(--dkch-line);border-radius:var(--dkch-r);padding:12px 14px 0;margin:0 0 16px}
.dkch-private legend{font-weight:700;padding:0 6px}
.dkch-private legend span{font-weight:400;font-size:13px;color:var(--dkch-muted)}
.dkch-check{display:flex;gap:10px;align-items:flex-start;font-weight:400 !important;font-size:14.5px !important}
.dkch-check input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:var(--dkch-accent)}
.dkch-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.dkch-nav{display:flex;gap:10px;justify-content:space-between;margin:20px 0 8px;position:sticky;bottom:var(--dkch-bottom,0px);z-index:5;padding:12px 0;background:linear-gradient(to top,var(--dkch-bg) 75%,transparent)}
.dkch-nav [data-next],.dkch-nav [data-submit]{margin-left:auto;flex:1;max-width:280px}
.dkch-nav [hidden]{display:none}
.dkch-msg{padding:10px 14px;border-radius:10px;background:#fef3f2;color:var(--dkch-bad);font-weight:600;margin:12px 0 0}
.dkch-msg.ok{background:#ecfdf3;color:#067647}
.dkch-saved{font-size:12.5px;color:var(--dkch-muted);text-align:center;margin:4px 0 0}
.dkch-link{background:none;border:0;padding:0;color:var(--dkch-accent);text-decoration:underline;cursor:pointer;font:inherit}
.dkch-done{text-align:center;padding:32px 16px;outline:none}
.dkch-done-ic{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#ecfdf3;color:#067647;display:grid;place-items:center;font-size:32px;font-weight:700}
.dkch-done[hidden],.dkch-form[hidden]{display:none}
@media (max-width:600px){
  .dkch-row2,.dkch-types{grid-template-columns:1fr}
  .dkch-steps li em{font-size:11px}
  .dkch-hr{grid-template-columns:92px 1fr auto 1fr;gap:6px}
  .dkch-it{grid-template-columns:1fr 96px 36px;grid-template-areas:"n p x" "o o o"}
  .dkch-it [data-i="0"]{grid-area:n}.dkch-it [data-i="1"]{grid-area:o}.dkch-it [data-i="2"]{grid-area:p}.dkch-it .dkch-x{grid-area:x}
  .dkch-it{padding-bottom:8px;border-bottom:1px dashed var(--dkch-line)}
}
.dkch-edit-note{padding:12px 14px;border-radius:10px;background:#eff8ff;color:#175cd3;margin:0 0 16px;line-height:1.5}
.dkch-req-note{display:block;margin-top:6px;color:#b54708;font-weight:600;white-space:pre-line}
