/* Two-step free-sample form (homepage hero) and its no-JavaScript result page. Mobile first. */
.free-samples{margin:26px 0 24px;padding:18px 16px;border:1px solid var(--line);border-radius:6px;background:var(--white);max-width:560px}
.free-samples [hidden]{display:none!important}
.fs-label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.fs-row{display:flex;flex-direction:column;gap:10px}
.fs-input{display:block;width:100%;min-width:0;padding:12px;border:1px solid #a7b29c;border-radius:4px;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.4}
.fs-input[aria-invalid=true]{border-color:#9a3b25}
.fs-row .btn,.fs-step2 .btn,.fs-nojs .btn{width:100%}
.fs-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:10px}
.fs-field{display:block;font-size:13px;margin:14px 0 6px}
.fs-nojs .fs-field .fs-input{margin-top:6px}
.fs-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;margin:16px 0}
.fs-consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--green)}
.fs-consent a{text-decoration:underline}
.fs-product{display:flex;gap:12px;align-items:center}
.fs-thumb{flex:none;width:64px;height:64px;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:var(--soft)}
.fs-got{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.fs-got strong{font-weight:600}
.fs-back{display:block;margin:10px auto 0;padding:6px 4px;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}
.fs-done{font-family:var(--serif);font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.fs-done:focus{outline:none}
.fs-studies{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.fs-studies a{border-bottom:1px solid var(--green);font-size:14px}
.fs-studies span{display:block;font-size:11px;color:var(--muted)}
.fs-status{font-size:13px;line-height:1.5;margin-top:10px}
.fs-status:empty{display:none}
.fs-status[data-tone=error]{color:#9a3b25}
.fs-status[data-tone=sr]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fs-page{padding:72px 16px 96px;max-width:640px}
.fs-page h1{font-size:44px;margin-bottom:16px}
.fs-page p{margin-bottom:22px}
@media(min-width:560px){
 .free-samples{padding:22px}
 .fs-row{flex-direction:row}
 .fs-row .fs-input{flex:1}
 .fs-row .btn{width:auto;white-space:nowrap;gap:12px}
 .fs-studies span{display:inline;margin-left:8px}
}
