/* форма «бесплатные шаблоны» — главная и /templates/ */
.tform{position:relative;scroll-margin-top:96px;margin-top:34px;background:var(--card);border:1px solid var(--line);padding:24px 24px 20px;max-width:640px}
.tform .tf-h b{display:block;font:600 19px/1.3 SUSE;letter-spacing:-.01em}
.tform .tf-h span{display:block;font:400 15px/1.5 SUSE;color:var(--dim);margin-top:4px}
.tform .tf-row{display:flex;gap:10px;margin-top:18px}
.tform input[type=email]{flex:1;min-width:0;background:var(--bg);border:1.5px solid rgba(244,244,239,.28);border-radius:6px;color:var(--ink);font:400 17px SUSE;padding:0 16px;height:58px}
.tform input[type=email]::placeholder{color:var(--faint)}
.tform input[type=email]:focus{outline:none;border-color:var(--ink)}
.tform .btn{height:58px;padding:0 22px;font-size:16px;white-space:nowrap}
.tform .btn[disabled]{opacity:.55;cursor:default;transform:none}
.tf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.tform .tf-msg{display:none;font:500 14px/1.4 SUSE;margin-top:10px}
.tform .tf-msg.on{display:block}
.tform .tf-note{font:400 13px/1.5 SUSE;color:var(--faint);margin-top:12px}
.tform .tf-done{display:none;font:400 16px/1.5 SUSE;margin-top:16px}
.tform .tf-done b{display:block;font-weight:600;word-break:break-all}
.tform.sent .tf-row,.tform.sent .tf-note,.tform.sent .tf-msg{display:none}
.tform.sent .tf-done{display:block}
.tf-again{background:none;border:0;color:var(--dim);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
@media (max-width:640px){.tform{padding:20px 18px 18px}.tform .tf-row{flex-direction:column}.tform input[type=email]{flex:none;width:100%}.tform .btn{width:100%;justify-content:center}}
