/* The trade program page (render-trade-html.js). Built on product.css + custom-order.css. */
.co .lead.strong{font-size:20px;font-weight:600}
.co .md{font-size:17px;line-height:1.6}
.sec-h{margin:30px 0 10px;font:700 22px/1.3 var(--font-head)}
.benefits{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px;font-size:17px}
.benefits li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.benefits li::before{content:'\2713';color:var(--accent);font-weight:700}
.tiers{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tier{border:1px solid #e1e1e6;border-radius:14px;padding:16px}
.tier h3{margin:0 0 4px;font:700 19px/1.3 var(--font-head)}
.tier p{margin:0;font-size:15px;color:#3a3a3c}
.how{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:s}
.how li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;font-size:16px}
.how li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f2ece4;font-weight:700}
.agree{margin:18px 0 0;border:1px solid #e1e1e6;border-radius:14px;padding:14px 16px;font-size:16px}
.agree summary{font-weight:700;cursor:pointer;min-height:32px}
.two,.three{display:grid;gap:0 14px}
@media (min-width:700px){.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:2fr 1fr 1.2fr}}
.co input[type=text],.co input[type=email],.co input[type=tel],.co input[type=url],.co select{width:100%;min-height:52px;padding:10px 12px;border:2px solid #c7c7cc;border-radius:10px;font:17px var(--font-body);background:#fff}
.field.bad input,.doc.bad .drop{border-color:#b3261e}
.doc{border:1px solid #e1e1e6;border-radius:14px;padding:14px;display:grid;gap:10px;margin-bottom:12px}
.doc-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:700;font-size:17px}
.doc-file{color:#1e6b34;font-weight:600;overflow-wrap:anywhere}
.doc .drop{min-height:84px}
.doc .row4{display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (min-width:700px){.doc .row4{grid-template-columns:repeat(4,1fr)}}
.doc .row4 label{font-size:15px;font-weight:600;display:grid;gap:4px}
.doc .row4 input{width:100%;min-height:46px;padding:8px 10px;border:2px solid #c7c7cc;border-radius:10px;font:16px var(--font-body)}
.doc-ctl{display:flex;justify-content:flex-end}
.add-doc{max-width:420px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.done{margin:24px 0;padding:20px;border:2px solid var(--accent-raw);border-radius:14px}
.done h2{margin:0 0 10px;font:700 24px/1.3 var(--font-head);outline:none}
.co .md{padding:0}
.co .md p{margin:0 0 10px}