.bk-global-search-panel { position: fixed; z-index: 10001; max-height: min(65vh, 560px); overflow-y: auto; padding: 16px; border: 1px solid var(--bk-border, #d9d3c8); border-radius: 14px; background: var(--bk-bg, #f5f1e8); box-shadow: 0 16px 50px rgba(30, 26, 20, .18); color: var(--bk-ink, #28231d); font: 14px/1.5 var(--bk-sans, sans-serif); }
.bk-global-search-panel[hidden] { display: none; }
.bk-global-search-panel h2 { margin: 10px 8px 5px; font: 600 11px var(--bk-sans, sans-serif); text-transform: uppercase; letter-spacing: .12em; color: var(--bk-muted, #6c665e); }
.bk-global-search-panel a { display: block; min-height: 44px; padding: 9px 10px; border-radius: 8px; color: inherit; text-decoration: none; }
.bk-global-search-panel a:hover, .bk-global-search-panel a:focus { background: var(--bk-green-pale, #e7ece2); outline: 2px solid var(--bk-green, #395b42); outline-offset: -2px; }
.bk-global-search-panel small { display: block; color: var(--bk-muted, #6c665e); }
.bk-global-search-panel p { margin: 8px; }
.bk-global-search-panel__all { border-top: 1px solid var(--bk-border, #d9d3c8); margin-top: 8px; font-weight: 600; }
.bk-site-results { display: grid; gap: 12px; }
.bk-site-result { display: block; padding: 22px; border: 1px solid var(--bk-border); border-radius: 14px; background: var(--bk-surface); text-decoration: none; color: var(--bk-ink) !important; }
.bk-site-result:hover { border-color: var(--bk-green); }
.bk-site-result h3 { margin: 5px 0 8px; font-size: 1.1rem; }
.bk-site-result p { margin: 0; font-size: .9rem; }
.bk-site-result small { color: var(--bk-green); font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.bk-site-result__price { margin-top: 12px !important; font-weight: 700; color: var(--bk-green) !important; }
.bk-site-results--products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bk-site-result img { width: 100%; aspect-ratio: 1; object-fit: contain; background: var(--bk-img-bg, #ece7dc); border-radius: 8px; margin-bottom: 12px; }
@media (max-width: 700px) { .bk-site-results--products { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bk-site-result { padding: 16px; } }
@media (max-width: 400px) { .bk-site-results--products { grid-template-columns: 1fr; } }