/* HalalMed Medicines (CodeCEF): [halalmed_search] search bar. Same look as the Medicines page search. */
.hmsb{--g:#379237;--gd:#256b25;--gt:#eef7ea;--ink:#151616;--ink2:#393C40;--mut:#6b7177;--line:#e3e6e3;font-family:Lato,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.55;font-size:16px;max-width:820px;width:100%}
.hmsb *{box-sizing:border-box}
.hmsb.hmsb-center{margin-left:auto;margin-right:auto;text-align:center}
.hmsb .hmsb-title{margin:0 0 6px;font-family:inherit;font-size:30px;font-weight:900;letter-spacing:-.3px;line-height:1.2;color:var(--ink)}
.hmsb .hmsb-sub{margin:0 0 18px;color:var(--ink2);font-size:17px}
.hmsb .hmsb-search{position:relative;text-align:left}
.hmsb .hmsb-box{display:flex;align-items:center;background:#fff;border:2px solid var(--g);border-radius:999px;padding:6px 6px 6px 20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(20,40,20,.06);margin:0}
.hmsb .hmsb-box svg{flex:0 0 auto}
.hmsb .hmsb-q{flex:1 1 0%;border:0!important;outline:0!important;font-size:18px;padding:12px!important;font-family:inherit;min-width:0;background:transparent!important;box-shadow:none!important;margin:0;color:var(--ink);height:auto;line-height:1.3}
.hmsb .hmsb-q::-webkit-search-cancel-button{cursor:pointer}
.hmsb .hmsb-go{background:var(--g);color:#fff;border:0;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;line-height:1.2;margin:0}
.hmsb .hmsb-go:hover,.hmsb .hmsb-go:focus{background:var(--gd);color:#fff}
.hmsb .hmsb-count{margin:14px 0 0;font-size:15.5px;color:var(--ink2)}
.hmsb .hmsb-count strong{color:var(--gd);font-weight:900}
.hmsb .hmsb-hint{font-size:13.5px;color:var(--mut);margin-top:10px}
.hmsb .hmsb-hint kbd{background:#fff;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:12px;color:var(--ink);box-shadow:none;font-family:inherit}
.hmsb .hmsb-sugg{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:rgba(0,0,0,.12) 0 18px 40px;z-index:9999;display:none;max-height:560px;overflow-y:auto}
.hmsb .hmsb-sugg.open{display:block}
.hmsb .hmsb-sugg h6{margin:0;padding:12px 18px 6px;font-family:inherit;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.hmsb .hmsb-sugg .it{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer}
.hmsb .hmsb-sugg .it.on,.hmsb .hmsb-sugg .it:hover{background:var(--gt)}
.hmsb .hmsb-sugg .t{font-weight:700}
.hmsb .hmsb-sugg .s{font-size:13.5px;color:var(--mut)}
.hmsb .hmsb-sugg .grow{flex:1 1 0%;min-width:0}
.hmsb .hmsb-sugg .grow>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmsb .hmsb-sugg .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:#f1f3f1;border-radius:6px;padding:2px 7px;color:var(--ink2)}
.hmsb .hmsb-sugg .all{border-top:1px solid var(--line);padding:12px 18px;font-weight:700;color:var(--gd);cursor:pointer}
.hmsb .hmsb-sugg .all.on,.hmsb .hmsb-sugg .all:hover{background:var(--gt)}
.hmsb .hmsb-sugg .none{padding:16px 18px;color:var(--mut)}
.hmsb .hmsb-sugg .none a{display:block;margin-top:8px;font-weight:700;text-decoration:none;color:var(--gd)}
.hmsb mark{background:#fff1a8;color:inherit;border-radius:2px;padding:0 1px}
.hmsb .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--gt);color:var(--gd);font-weight:900;font-size:13px}
.hmsb .dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;display:inline-block}
.hmsb .dot.green{background:#2e9e45}
.hmsb .dot.yellow{background:#f2cb05}
.hmsb .dot.amber{background:#e07b00}
.hmsb .dot.red{background:#c62828}
@media (max-width:600px){
  .hmsb .hmsb-title{font-size:24px}
  .hmsb .hmsb-box{padding-left:14px}
  .hmsb .hmsb-q{font-size:16px;padding:10px!important}
  .hmsb .hmsb-go{padding:11px 18px}
}