.bg-site-search { width: min(40rem, calc(100vw - 2rem)); max-height: 80vh; margin: 6vh auto auto; padding: var(--wp--preset--spacing--40); border: 0; border-radius: var(--wp--custom--radius); box-shadow: 0 12px 48px rgb(0 0 0 / .25); }
.bg-site-search::backdrop { background: rgb(0 0 0 / .45); }
.bg-site-search__bar { display: grid; grid-template-columns: 1fr 48px; gap: .5rem; align-items: end; }
.bg-site-search__bar label { grid-column: 1 / -1; font-weight: 600; }
.bg-site-search__bar input { min-height: 48px; padding: 0 .75rem; font-size: 1.125rem; border: 2px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radius); }
.bg-site-search__bar button { min-height: 48px; font-size: 1.5rem; border: 0; background: none; cursor: pointer; }
.bg-site-search__results h3 { margin: 1rem 0 .25rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; }
.bg-site-search__results ul { list-style: none; margin: 0; padding: 0; }
.bg-site-search__results li { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--wp--preset--color--border); }
.bg-site-search__results li span { white-space: nowrap; font-weight: 600; color: var(--wp--preset--color--heading); }