/* BKH Smart Search: suggestion dropdown. Colours and radii come from the wildroot theme tokens. */
.bkh-ss { font-family: var(--body, 'Figtree', system-ui, sans-serif); color: var(--earth, #43302a); text-align: left; }
.bkh-ss[hidden] { display: none !important; }
.bkh-ss--inline { margin-top: .75rem; max-height: min(66vh, 540px); overflow-y: auto; overscroll-behavior: contain; }
.bkh-ss-anchor { position: relative; }
.bkh-ss--float {
	position: absolute; top: calc(100% + .35rem); left: 0; z-index: 70; width: max(100%, min(380px, calc(100vw - 2.5rem)));
	max-height: min(66vh, 540px); overflow-y: auto; overscroll-behavior: contain; padding: .75rem;
	background: var(--card, #fffdf9); border: 1px solid #eee7da; border-radius: var(--radius, 16px); box-shadow: 0 16px 40px rgba(67,48,42,.16);
}
.bkh-ss__section + .bkh-ss__section, .bkh-ss__section + .bkh-ss__cats, .bkh-ss__cats + .bkh-ss__section { margin-top: .6rem; }
.bkh-ss__title { margin: .2rem .25rem .35rem; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--earth-soft, #6b5a50); }
.bkh-ss__product {
	display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: .7rem; padding: .45rem .5rem;
	border-radius: var(--radius-sm, 10px); color: inherit; text-decoration: none;
}
.bkh-ss__product img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; background: var(--cream, #f7f3ec); }
.bkh-ss__body { min-width: 0; display: grid; gap: .1rem; }
.bkh-ss__name { font-size: .9rem; font-weight: 600; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bkh-ss__name mark { background: none; color: var(--canopy, #3e5c3f); font-weight: 800; }
.bkh-ss__brand { font-size: .75rem; color: var(--earth-soft, #6b5a50); }
.bkh-ss__price { font-size: .85rem; font-weight: 700; color: var(--canopy, #3e5c3f); white-space: nowrap; }
.bkh-ss__price.is-out { color: var(--stone, #a9a49b); font-weight: 600; }
.bkh-ss__cats { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 .25rem; }
.bkh-ss__cats .bkh-ss__title { flex: 0 0 100%; margin-left: 0; }
.bkh-ss__chip {
	display: inline-block; padding: .38rem .75rem; border: 1px solid #e6ded0; border-radius: 999px; background: var(--cream, #f7f3ec);
	font-size: .8rem; font-weight: 600; color: var(--earth, #43302a); text-decoration: none;
}
.bkh-ss__all {
	display: block; width: 100%; margin-top: .5rem; padding: .65rem .75rem; border: 0; border-top: 1px solid #eee7da; background: none;
	font: inherit; font-size: .85rem; font-weight: 700; color: var(--canopy, #3e5c3f); text-align: left; cursor: pointer; border-radius: 0 0 var(--radius-sm, 10px) var(--radius-sm, 10px);
}
.bkh-ss__empty { margin: .25rem .25rem .6rem; font-size: .9rem; }
.bkh-ss__product:hover, .bkh-ss__product.is-active, .bkh-ss__all:hover, .bkh-ss__all.is-active { background: #f3ede2; }
.bkh-ss__product:hover, .bkh-ss__product:focus, .bkh-ss__product.is-active { color: var(--earth, #43302a); }
.bkh-ss__chip:hover, .bkh-ss__chip.is-active { background: var(--canopy, #3e5c3f); border-color: var(--canopy, #3e5c3f); color: #fffdf9; }
.bkh-ss-note { margin: 0 0 1.25rem; padding: .75rem 1rem; border-radius: var(--radius-sm, 10px); background: var(--gold-soft, #e9dcbc); }
.bkh-ss-popular { margin-top: 2rem; }
/* The header icons plugin hid the search icon on phones; bring it back, sized like the account and cart icons. To make room,
   the icons sit closer together and the wordmark scales with the screen (12px clear of the icons from 320px up; full size from 414px). */
@media (max-width: 480px) {
	.site-header .header-search-toggle { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; }
	.site-header .header-actions { gap: .2rem; }
	.site-header .header-actions .bkh-menu-toggle { margin-left: .15rem; }
	.site-header .site-logo .site-logo__word { width: min(155px, calc(100vw - 257px)); }
	.site-header .wr-search-panel { left: var(--gutter); right: var(--gutter); width: auto; }
}