/* mfb.css — формы обратной связи tim-com.ru · 0 зависимостей · ~2 КБ */
.mfb{--tim:#f15a24;--tim-d:#c8470e;font-family:inherit;color:#222;box-sizing:border-box}
.mfb *,.mfb *::before,.mfb *::after{box-sizing:border-box}
.mfb__title{margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.25}
.mfb__sub{margin:0 0 14px;font-size:13px;color:#666}
.mfb__field{display:block;margin-bottom:10px}
.mfb__label{display:block;margin-bottom:4px;font-size:13px;font-weight:600;color:#333}
.mfb__req{color:#e03131}
.mfb input{width:100%;padding:9px 12px;font:inherit;font-size:14px;border:1px solid #d7d7d7;border-radius:6px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.mfb input:focus{border-color:var(--tim);box-shadow:0 0 0 3px rgba(241,90,36,.15)}
.mfb__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.mfb__consent{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-size:12px;line-height:1.45;color:#777}
.mfb__consent input{width:auto;margin-top:2px;accent-color:var(--tim)}
.mfb__consent a{color:var(--tim)}
.mfb__btn{display:block;width:100%;padding:11px 18px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:var(--tim);border:0;border-bottom:3px solid var(--tim-d);border-radius:6px;cursor:pointer;transition:filter .15s,transform .05s}
.mfb__btn:hover{filter:brightness(1.06)}
.mfb__btn:active{transform:translateY(1px);border-bottom-width:2px}
.mfb__btn:disabled{opacity:.55;cursor:wait}
.mfb__msg{margin:10px 0 0;font-size:13px}
.mfb__msg--ok{color:#178a4c}
.mfb__msg--err{color:#d13438}
.mfb__msg--wait{color:#777}
/* всплывающее окно */
.mfb-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}
.mfb-modal[hidden]{display:none}
.mfb-modal__bg{position:absolute;inset:0;background:rgba(20,20,20,.55)}
.mfb-modal__box{position:relative;width:100%;max-width:600px;max-height:92vh;background:#fff;border-radius:10px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.mfb-modal__x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#999;font-size:22px;line-height:1;cursor:pointer}
.mfb-modal__x:hover{background:#f4f4f4;color:#333}
/* кнопки вызова в стиле сайта */
.mfb-open{font:inherit;font-size:14px;font-weight:700;color:#fff;background:#f15a24;border:0;border-bottom:3px solid #c8470e;border-radius:6px;padding:9px 16px;cursor:pointer}
.mfb-open:hover{filter:brightness(1.06)}
.mfb-open:active{transform:translateY(1px);border-bottom-width:2px}
/* инлайн-блок опта около подвала */
.mfb-inline{max-width:1100px;margin:24px auto;padding:18px 20px;background:#fff;border:1px solid #ececec;border-radius:10px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.mfb-inline__txt{flex:1 1 300px}
.mfb-inline__txt b{display:block;font-size:17px;margin-bottom:4px}
.mfb-inline__txt span{font-size:13px;color:#666}
.mfb-inline .mfb{flex:1 1 320px;max-width:430px;margin:0}