.hmp-ov{position:fixed;inset:0;z-index:1000;background:rgba(31,27,28,.35);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s}
.hmp-ov.on{opacity:1}
.hmp{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:2px solid rgb(244,188,30);border-radius:22px;padding:28px 24px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);font:400 15px/1.55 'Be Vietnam Pro',system-ui,sans-serif;color:#1F1B1C;transform:translateY(14px);transition:transform .3s}
.hmp-ov.on .hmp{transform:none}
.hmp h2{font:800 24px/1.25 'Playfair Display',Georgia,serif;margin:0 0 6px;color:#1F1B1C}
.hmp p.s{margin:0 0 16px;color:#4A4345}
.hmp label{display:block;font-weight:600;font-size:14px;margin:0 0 5px;color:#1F1B1C}
.hmp .f{margin-bottom:12px}
.hmp input,.hmp select,.hmp textarea{width:100%;box-sizing:border-box;border:1.5px solid rgb(244,188,30);border-radius:12px;background:#fff;color:#1F1B1C;font:16px 'Be Vietnam Pro',sans-serif;padding:11px 14px}
.hmp textarea{min-height:76px;resize:vertical}
.hmp input:focus,.hmp select:focus,.hmp textarea:focus{outline:3px solid rgba(244,188,30,.4)}
.hmp .go{width:100%;min-height:48px;border:0;border-radius:999px;background:rgb(244,188,30);color:#1F1B1C;font:700 16px 'Be Vietnam Pro',sans-serif;cursor:pointer;margin-top:4px}
.hmp .x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:1.5px solid rgb(244,188,30);background:#fff;color:#1F1B1C;font-size:22px;line-height:1;cursor:pointer}
.hmp .m{min-height:1.3em;margin:10px 0 0;font-weight:600}
.hmp .m.ok{color:#1E5A32}
.hmp .m.err{color:#A2462F}
.hmp .hint{font-size:13px;color:#4A4345;margin:10px 0 0;text-align:center}
.hmp .hint a{color:#7A5520;font-weight:700}
@media (max-width:480px){.hmp-ov{align-items:flex-end;padding:0}
.hmp{border-radius:22px 22px 0 0;border-bottom:0;padding:24px 18px 18px;max-height:92vh}
.hmp h2{font-size:21px;padding-right:36px}
}