/* Aperture instant search panel: white, frameless, floating */
.ap-qs{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1050;background:#fff;border-radius:10px;
  box-shadow:0 22px 48px -18px rgba(20,24,21,.35),0 2px 8px -2px rgba(20,24,21,.10);padding:6px;max-height:70vh;overflow-y:auto;
  font-family:var(--ap-body,"IBM Plex Sans Condensed",Arial,sans-serif)}
.ap-qs.is-loading{opacity:.75}
.ap-qs-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:6px 10px;border-radius:8px;
  color:var(--ap-ink,#151815)!important;text-decoration:none!important;min-height:56px}
.ap-qs-item:hover,.ap-qs-item.is-active,.ap-qs-item:focus{background:#f5f6f3;outline:0}
.ap-qs-img{width:56px;height:56px;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}
.ap-qs-img img{max-width:100%;max-height:100%;object-fit:contain}
.ap-qs-name{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ap-qs-name mark{background:transparent;color:var(--ap-accent-dk,#b5520f);font-weight:600;padding:0}
.ap-qs-price{font-family:var(--ap-mono,Menlo,monospace);font-size:13px;white-space:nowrap;color:var(--ap-ink,#151815)}
.ap-qs-all{display:block;padding:12px 10px 8px;font-family:var(--ap-mono,Menlo,monospace);font-size:12px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ap-accent-dk,#b5520f)!important;text-decoration:none!important}
.ap-qs-all:hover,.ap-qs-all.is-active{text-decoration:underline!important}
.ap-qs-empty{margin:0;padding:14px 12px;color:var(--ap-muted,#5b615a);font-size:14px}
@media (max-width:767px){
  .ap-qs{max-height:65vh}
  .ap-qs-item{grid-template-columns:48px 1fr;grid-template-rows:auto auto;row-gap:2px}
  .ap-qs-img{width:48px;height:48px;grid-row:span 2}
  .ap-qs-price{grid-column:2}
}