/* shangjia.css — раздел „За търговци“ (商家) · shangjia.zhongbaotong.com
   Палитрата е само акцентът; неутралите идват от /zbt-porcelain.css, хедърът от /zbt-header.css. */
@font-face{font-family:"ZBT quotes";src:local("Segoe UI"),local("Helvetica Neue"),local("Arial"),local("Noto Sans"),local("DejaVu Sans");unicode-range:U+2018-201F}
:root{--bg:#f7f3ec;--ink:#1d1a16;--muted:#655e55;--line:#e6ddcf;--card:#fff;--accent:#a4521c;--accent2:#c9a043;
  --shadow:0 1px 2px rgba(60,40,20,.05),0 12px 32px rgba(60,40,20,.08);
  --font:"ZBT quotes","Noto Sans SC","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  --pad:clamp(.7rem,2.4vw,1.4rem);--gap:clamp(.7rem,1.2vw,1.1rem)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;line-height:1.5;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.wrap{max-width:64rem;margin:0 auto;width:100%}
header.bar .wrap,footer.local .wrap{max-width:100rem}
header.bar,header.hero,main,footer.local{padding-left:var(--pad);padding-right:var(--pad)}
header.bar{position:relative;border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;gap:.4rem .9rem;min-height:3.1rem}
.bar .spacer{flex:1}
#zbt-clock{display:inline-flex;align-items:center;gap:.65rem;flex:0 0 auto;white-space:nowrap;line-height:1;font-size:.9rem;pointer-events:none}
#zbt-clock span{display:inline-flex;align-items:center}
#zbt-clock i{font-style:normal;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:.25rem;padding:.14rem .34rem;margin-right:.35rem}
#zbt-clock b{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
#zbt-clock .d{display:inline-block;width:1px;height:.9rem;background:color-mix(in srgb,var(--accent) 30%,transparent)}
@media(max-width:560px){#zbt-clock{display:none}}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── хъбът ── */
.center{flex:1;display:flex;flex-direction:column;justify-content:center}
header.hero{padding-top:clamp(.8rem,3vh,2rem);padding-bottom:.4rem}
header.hero p{margin:.2rem 0;color:var(--muted);max-width:46rem}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--gap);padding:.8rem 0 1.4rem}
.tool{display:flex;flex-direction:column;gap:.35rem;background:var(--card);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.1rem;box-shadow:var(--shadow);text-decoration:none;color:inherit}
a.tool:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.tool .g{font-size:1.9rem;line-height:1;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tool h2{margin:0;font-size:1.08rem}
.tool p{margin:0;color:var(--muted);font-size:.93rem}
.tool .go{margin-top:auto;font-weight:700;color:var(--accent)}
.tool.soon{opacity:.72;box-shadow:none;background:transparent;border-style:dashed}
.tool.soon .go{color:var(--muted);font-weight:600}

footer.local{border-top:1px solid var(--line);margin-top:auto}
footer.local .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.7rem 0;font-size:.88rem;color:var(--muted)}
footer.local a{text-decoration:none;font-weight:600}