.quick-options{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:82%;margin-top:4px}.quick-options button{border:1px solid #d9dce1;background:#fff;border-radius:18px;padding:9px 13px;color:#111318;font:600 12px "Segoe UI",Arial,sans-serif;cursor:pointer}.quick-options button:hover{border-color:#777;background:#f5f6f8}

/* Анкета «Не получилось»: имя и город — без них специалист помочь не сможет */
.modal-back{position:fixed;inset:0;background:rgba(16,18,24,.55);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}
.modal{background:#fff;border-radius:16px;padding:22px;width:100%;max-width:380px;
  box-shadow:0 18px 50px rgba(0,0,0,.28);font-family:"Segoe UI",Arial,sans-serif;
  animation:modal-in .18s ease-out}
@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.modal h3{margin:0 0 6px;font-size:18px;color:#111318}
.modal p{margin:0 0 16px;font-size:13px;color:#5b6270;line-height:1.5}
.modal label{display:block;font-size:12px;font-weight:600;color:#111318;margin-bottom:12px}
.modal input{display:block;width:100%;margin-top:6px;padding:11px 12px;font-size:14px;
  border:1px solid #d9dce1;border-radius:10px;font-family:inherit;box-sizing:border-box}
.modal input:focus{outline:none;border-color:#111318}
.modal .modal-err{color:#c0392b;font-size:12px;margin-bottom:10px}
.modal button{width:100%;padding:12px;border:0;border-radius:10px;background:#111318;color:#fff;
  font:600 14px "Segoe UI",Arial,sans-serif;cursor:pointer}
.modal button:hover{background:#2b2f3a}
