/* The wholesale application (docs/spec-b2b.md §4.1), as in the preview David saw on 12 Oct 2026: four short steps,
   pills for choices, one red button at the end. Fonts and sizes follow the shop (Montserrat); inputs are 16 px so
   iPhones do not zoom in. */
.sdg-b2b-apply{--ink:#191919;--muted:#6b6b6b;--soft:#9a9a9a;--line:#e6e2dc;--line2:#d7d7d7;--red:#e32c2b;--red-dark:#c52524;--ok:#1d6f42;--bad:#b42318;--beige:#cab29f;color:var(--ink);font-size:15px;line-height:1.5;text-align:left}
.sdg-b2b-apply *,.sdg-b2b-apply *::before,.sdg-b2b-apply *::after{box-sizing:border-box}
.sdg-b2b-apply__wait{min-height:560px}
.sdg-b2b-apply__noscript{padding:16px;border:1px solid var(--line);border-radius:12px}
.sdg-b2b-apply .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.sdg-b2b-apply__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
@media (min-width:1000px){.sdg-b2b-apply__grid.has-aside{grid-template-columns:minmax(0,1fr) 320px;gap:28px}}

/* progress */
.sdg-b2b-apply .sdg-b2b-progress{display:flex;gap:6px;margin:0 0 16px;padding:0;list-style:none}
.sdg-b2b-apply .sdg-b2b-progress li{flex:1;display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:700;color:var(--soft);line-height:1.3}
.sdg-b2b-apply .sdg-b2b-progress li::before{content:"";height:5px;border-radius:999px;background:#e5e1dc}
.sdg-b2b-apply .sdg-b2b-progress li.is-on,.sdg-b2b-apply .sdg-b2b-progress li.is-done{color:var(--ink)}
.sdg-b2b-apply .sdg-b2b-progress li.is-on::before{background:var(--red)}
.sdg-b2b-apply .sdg-b2b-progress li.is-done::before{background:var(--ink)}
@media (max-width:600px){.sdg-b2b-apply .sdg-b2b-progress li span{display:none}.sdg-b2b-apply .sdg-b2b-progress li.is-on span{display:inline}}

/* the card */
.sdg-b2b-apply .sdg-b2b-card{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
@media (max-width:600px){.sdg-b2b-apply .sdg-b2b-card{padding:18px 16px}}
.sdg-b2b-apply .sdg-b2b-card h2,.sdg-b2b-apply .sdg-b2b-card h3{margin:0 0 4px;font-size:20px;line-height:1.25;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:0}
.sdg-b2b-apply .sdg-b2b-card h2:focus{outline:none}
.sdg-b2b-apply .sdg-b2b-lead{margin:0 0 6px;color:var(--muted);font-size:14px}
.sdg-b2b-apply .sdg-b2b-card h3.sdg-b2b-sub{margin:22px 0 0;font-size:15px;font-weight:700}
.sdg-b2b-apply .sdg-b2b-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:600px){.sdg-b2b-apply .sdg-b2b-two{grid-template-columns:minmax(0,1fr)}}

/* fields */
.sdg-b2b-apply .sdg-b2b-f{display:block;margin:14px 0 0}
.sdg-b2b-apply .sdg-b2b-f>span,.sdg-b2b-apply .sdg-b2b-q legend{display:block;margin:0 0 6px;padding:0;font-size:13px;font-weight:700;color:var(--ink)}
.sdg-b2b-apply .sdg-b2b-f>span em,.sdg-b2b-apply .sdg-b2b-q legend em{font-style:normal;font-weight:500;color:var(--muted)}
.sdg-b2b-apply .sdg-b2b-f input,.sdg-b2b-apply .sdg-b2b-f select,.sdg-b2b-apply .sdg-b2b-f textarea{display:block;width:100%;max-width:none;min-height:48px;margin:0;border:1px solid var(--line2);border-radius:12px;padding:11px 13px;font:inherit;font-size:16px;line-height:1.4;background:#fff;color:var(--ink);box-shadow:none}
.sdg-b2b-apply .sdg-b2b-f select{appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 12px center/20px}
.sdg-b2b-apply .sdg-b2b-f textarea{min-height:110px;resize:vertical}
.sdg-b2b-apply .sdg-b2b-f input:focus,.sdg-b2b-apply .sdg-b2b-f select:focus,.sdg-b2b-apply .sdg-b2b-f textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.sdg-b2b-apply .sdg-b2b-f input::placeholder,.sdg-b2b-apply .sdg-b2b-f textarea::placeholder{color:#9a9a9a;opacity:1}
.sdg-b2b-apply input[aria-invalid="true"],.sdg-b2b-apply select[aria-invalid="true"],.sdg-b2b-apply textarea[aria-invalid="true"]{border-color:var(--bad)!important;box-shadow:0 0 0 1px var(--bad)!important}
.sdg-b2b-apply .sdg-b2b-ferr{display:block;margin:6px 0 0;color:var(--bad);font-size:13px;font-weight:600}
.sdg-b2b-apply .sdg-b2b-ferr:empty{display:none}
.sdg-b2b-apply .sdg-b2b-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* choices: real radios and checkboxes drawn as pills */
.sdg-b2b-apply .sdg-b2b-q{margin:16px 0 0;padding:0;border:0;min-width:0}
.sdg-b2b-apply .sdg-b2b-choices{display:flex;flex-wrap:wrap;gap:8px}
.sdg-b2b-apply .sdg-b2b-pill{position:relative;display:inline-flex;margin:0;cursor:pointer}
.sdg-b2b-apply .sdg-b2b-pill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sdg-b2b-apply .sdg-b2b-pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s,color .15s}
.sdg-b2b-apply .sdg-b2b-pill:hover span{border-color:var(--ink)}
.sdg-b2b-apply .sdg-b2b-pill input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.sdg-b2b-apply .sdg-b2b-pill input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.sdg-b2b-apply .sdg-b2b-q[aria-invalid="true"] .sdg-b2b-pill span{border-color:var(--bad)}

.sdg-b2b-apply .sdg-b2b-check{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;font-size:14px;cursor:pointer}
.sdg-b2b-apply .sdg-b2b-check input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink)}
.sdg-b2b-apply .sdg-b2b-check a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* buttons */
.sdg-b2b-apply .sdg-b2b-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.sdg-b2b-apply .sdg-b2b-nav .sp{flex:1}
.sdg-b2b-apply .sdg-b2b-nav small{color:var(--muted);font-size:12px}
.sdg-b2b-apply .sdg-b2b-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:0 22px;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.sdg-b2b-apply .sdg-b2b-btn:hover{background:var(--ink);color:#fff}
.sdg-b2b-apply .sdg-b2b-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.sdg-b2b-apply .sdg-b2b-btn.is-dark{background:var(--ink);color:#fff}
.sdg-b2b-apply .sdg-b2b-btn.is-dark:hover{background:#000;color:#fff}
.sdg-b2b-apply .sdg-b2b-btn.is-red{background:var(--red);border-color:var(--red);color:#fff}
.sdg-b2b-apply .sdg-b2b-btn.is-red:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.sdg-b2b-apply .sdg-b2b-btn.is-quiet{border-color:var(--line2)}
.sdg-b2b-apply .sdg-b2b-btn.is-quiet:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.sdg-b2b-apply .sdg-b2b-btn[disabled]{opacity:.55;cursor:default}
@media (max-width:600px){.sdg-b2b-apply .sdg-b2b-nav small{flex:1 1 100%;order:3;text-align:center}.sdg-b2b-apply .sdg-b2b-nav .sdg-b2b-btn:last-of-type{flex:1}}
.sdg-b2b-apply .sdg-b2b-err{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#fdecea;color:var(--bad);font-size:14px;font-weight:600}
.sdg-b2b-apply .sdg-b2b-err:empty{display:none}

/* aside */
.sdg-b2b-apply .sdg-b2b-aside{padding:20px;border-radius:18px;background:#111;color:#fff}
@media (min-width:1000px){.sdg-b2b-apply .sdg-b2b-aside{position:sticky;top:110px}}
.sdg-b2b-apply .sdg-b2b-aside h3{margin:0 0 12px;font-size:16px;color:#fff;text-transform:none;letter-spacing:0}
.sdg-b2b-apply .sdg-b2b-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px;line-height:1.5;color:#e8e8e8}
.sdg-b2b-apply .sdg-b2b-aside li{display:flex;gap:10px;margin:0}
.sdg-b2b-apply .sdg-b2b-aside svg{width:18px;height:18px;fill:var(--beige);flex:0 0 auto;margin-top:2px}
.sdg-b2b-apply .sdg-b2b-aside p{margin:16px 0 0;padding-top:14px;border-top:1px solid #333;font-size:13px;color:#c9c9c9}

/* done, reply */
.sdg-b2b-apply .sdg-b2b-done{text-align:center;padding:34px 22px}
.sdg-b2b-apply .sdg-b2b-done__ic{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--ok);display:flex;align-items:center;justify-content:center}
.sdg-b2b-apply .sdg-b2b-done__ic svg{width:34px;height:34px;fill:#fff}
.sdg-b2b-apply .sdg-b2b-done p{max-width:52ch;margin:8px auto 16px;color:#3c3c3c}
.sdg-b2b-apply .sdg-b2b-done ol{max-width:430px;margin:0 auto 22px;padding-left:20px;text-align:left;font-size:14px;line-height:1.7}
.sdg-b2b-apply .sdg-b2b-quote{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#f3ede6;white-space:pre-line}
@media (prefers-reduced-motion:reduce){.sdg-b2b-apply *{transition:none!important}}