:root { --pg-accent:#B00000; }

.pg-search { position:relative; max-width:640px; margin:0 auto 20px; }
.pg-search .search-field{
  width:100%; height:48px; padding:0 14px; font-size:16px;
  border:1px solid #ddd; border-radius:24px; background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:border-color .18s, box-shadow .18s;
}
.pg-search .search-field:focus{
  outline:none; border-color:var(--pg-accent);
  box-shadow:0 4px 14px rgba(176,0,0,.20);
}
.pg-suggest{
  position:absolute; left:0; right:0; top:52px; z-index:50;
  display:none; list-style:none; margin:6px 0 0; padding:0;
  background:#fff; border:1px solid #eee; border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.15); overflow:hidden;
}
.pg-suggest li{ padding:.65em .95em; cursor:pointer; display:flex; justify-content:space-between; gap:12px; }
.pg-suggest li+li{ border-top:1px solid #f6f6f6; }
.pg-suggest li[aria-selected="true"], .pg-suggest li:hover{ background:#fff3f3; }
.pg-suggest small{ color:#666; }