.knapzo-demo{--demo-ink:#202a20;--demo-surface:#fff;--demo-accent:#202a20;--demo-on-accent:#fff;color:var(--demo-ink);background:var(--demo-surface);padding:clamp(18px,3vw,36px);border-radius:12px;font:16px/1.65 'DM Sans',sans-serif}.knapzo-demo *{box-sizing:border-box;min-width:0}.knapzo-demo h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 20px;color:inherit}.knapzo-demo h3{font-size:23px;line-height:1.3;margin:0 0 15px;color:inherit}.knapzo-demo p{margin:0 0 18px}.knapzo-demo button,.knapzo-demo a{font:inherit}.knapzo-demo button{cursor:pointer;background:var(--demo-accent);color:var(--demo-on-accent);border:1px solid var(--demo-accent);padding:11px 17px;border-radius:6px;line-height:1.4;min-height:44px;text-align:left}.knapzo-demo button:hover{filter:brightness(.9)}.knapzo-demo button.demo-secondary{background:transparent;color:var(--demo-ink);border-color:currentColor}.knapzo-demo a{color:inherit;text-decoration:underline}.knapzo-demo input,.knapzo-demo select,.knapzo-demo textarea{display:block;background:var(--demo-surface);color:var(--demo-ink);width:100%;border:1px solid #8a928c;border-radius:5px;font:inherit;min-height:46px;padding:10px;margin-top:7px}.knapzo-demo textarea{min-height:130px;resize:vertical}.knapzo-demo label{display:block;font-weight:600;font-size:14px}.knapzo-demo form{display:grid;gap:18px;margin:20px 0}.knapzo-demo form>button{justify-self:start}.knapzo-demo .demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.knapzo-demo .demo-card{border:1px solid #a4aaa4;padding:22px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 15px;overflow-wrap:anywhere}.knapzo-demo .demo-card p{margin:0}.knapzo-demo .demo-card h3{font-size:22px}.knapzo-demo .demo-card>button:last-child{margin-top:auto}.knapzo-demo .demo-meta{font-size:13px;font-weight:700}.knapzo-demo .demo-panel{padding:24px;border:1px solid #a4aaa4;border-radius:8px;margin:24px 0}.knapzo-demo .demo-cart-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid #bbc2bb;padding:18px 0;flex-wrap:wrap}.knapzo-demo .demo-cart-row>span{flex:1}.knapzo-demo .demo-quantity{max-width:135px}.knapzo-demo .demo-total{font-size:23px;font-weight:700;margin-top:25px}.knapzo-demo .demo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.knapzo-demo .demo-status{font-weight:700;margin-top:20px;overflow-wrap:anywhere}.knapzo-demo .demo-status:empty{display:none}.knapzo-demo .demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.knapzo-demo .demo-check{display:flex;align-items:center;gap:10px}.knapzo-demo input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0}.knapzo-demo summary{cursor:pointer;font-weight:700;text-decoration:underline;padding:10px 0}.knapzo-demo details p{white-space:pre-line}.knapzo-demo progress{width:100%;height:18px;accent-color:var(--demo-accent);margin-bottom:25px}.knapzo-demo .demo-inline-form{grid-template-columns:1fr auto;align-items:end}.knapzo-demo :focus-visible{outline:3px solid #6488e4;outline-offset:4px}.knapzo-demo .demo-intro{max-width:75ch;font-size:15px}@media(max-width:1024px){.knapzo-demo .demo-grid{grid-template-columns:1fr}.knapzo-demo .demo-controls{grid-template-columns:1fr}}@media(max-width:600px){.knapzo-demo .demo-inline-form{grid-template-columns:1fr}.knapzo-demo .demo-panel{padding:16px}.knapzo-demo .demo-cart-row{align-items:flex-start;gap:12px}.knapzo-demo .demo-actions{align-items:flex-start;flex-direction:column}.knapzo-demo .demo-card{padding:18px}}