/* Yeti-style search overlay */
html.bbd-search-open{overflow:hidden}
.bbd-search{position:fixed;inset:0;z-index:100000;font-family:inherit;color:#222}
.admin-bar .bbd-search{top:var(--wp-admin--admin-bar--height,32px)}
.bbd-search__backdrop{position:absolute;inset:0;background:rgba(17,17,17,.55);opacity:0;transition:opacity .25s ease}
.bbd-search__panel{position:relative;background:#fff;max-height:100%;overflow-y:auto;overscroll-behavior:contain;transform:translateY(-24px);opacity:0;transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s ease;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.bbd-search.is-open .bbd-search__backdrop{opacity:1}
.bbd-search.is-open .bbd-search__panel{transform:none;opacity:1}

/* search bar */
.bbd-search__bar{display:flex;align-items:center;gap:14px;max-width:1380px;margin:0 auto;padding:26px 40px 18px;border:0}
.bbd-search__icon,.bbd-search__close svg{width:26px;height:26px;fill:none;stroke:#222;stroke-width:1.8;stroke-linecap:round;flex:none}
.bbd-search .bbd-search__input{flex:1;min-width:0;height:auto;margin:0;padding:8px 0;border:0;border-bottom:2px solid #222;border-radius:0;box-shadow:none;background:none;font-size:clamp(22px,2.4vw,34px);font-weight:700;letter-spacing:-.01em;color:#222;-webkit-appearance:none;appearance:none}
.bbd-search .bbd-search__input::placeholder{color:#9a9a9a;font-weight:400}
.bbd-search .bbd-search__input:focus{outline:0;box-shadow:none;border-color:#4d7883}
.bbd-search .bbd-search__input::-webkit-search-cancel-button{display:none}
.bbd-search button.bbd-search__clear{margin:0;padding:0 4px;min-height:0;background:none;border:0;color:#666;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;line-height:1.4}
.bbd-search button.bbd-search__close{margin:0 0 0 6px;padding:8px;min-height:0;background:none;border:0;border-radius:50%;line-height:0;transition:background .2s}
.bbd-search button.bbd-search__close:hover{background:#f1f1f1}

/* body */
.bbd-search__body{display:grid;grid-template-columns:240px 1fr;gap:48px;max-width:1380px;margin:0 auto;padding:18px 40px 44px}
.bbd-search h6{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#222}
.bbd-search__group+.bbd-search__group{margin-top:30px}
.bbd-search__side ul{list-style:none;margin:0;padding:0}
.bbd-search__side li{margin:0!important;padding:0;list-style:none}
.bbd-search__side a{display:block;padding:7px 0;color:#444;font-size:15px;line-height:1.35;transition:color .15s,transform .15s}
.bbd-search__side a:hover{color:#4d7883;transform:translateX(3px)}
.bbd-search__side small{color:#999;font-size:12px;margin-left:4px}
.bbd-search__side mark{background:none;color:#222;font-weight:700;padding:0}
.bbd-search button.bbd-search__clear-recent{margin:6px 0 0;padding:0;min-height:0;background:none;border:0;color:#999;font-size:12px;text-decoration:underline;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.4}

.bbd-search__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.bbd-search__head h6{margin:0}
.bbd-search__all{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#222;border-bottom:2px solid #222;padding-bottom:2px;white-space:nowrap}
.bbd-search__all::after{content:" \2192"}
.bbd-search__all:hover{color:#4d7883;border-color:#4d7883}
.bbd-search__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;transition:opacity .2s}
.bbd-search.is-loading .bbd-search__grid{opacity:.45}
.bbd-search__empty{margin:6px 0 0;color:#666;font-size:15px}

.bbd-card{display:flex;flex-direction:column;color:#222}
.bbd-card__img{display:block;aspect-ratio:1/1;background:#f4f3f1;border-radius:6px;overflow:hidden;margin-bottom:10px}
.bbd-card__img img{width:100%;height:100%;object-fit:contain;padding:12%;mix-blend-mode:multiply;transition:transform .35s ease}
.bbd-card:hover .bbd-card__img img{transform:scale(1.06)}
.bbd-card__cat{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:2px}
.bbd-card__title{font-size:15px;font-weight:700;line-height:1.3}
.bbd-card:hover .bbd-card__title{text-decoration:underline;text-underline-offset:3px}
.bbd-card__price{font-size:14px;color:#444;margin-top:2px}
.bbd-card__price del{color:#999;margin-right:4px}
.bbd-card__price ins{text-decoration:none;color:#b0412e}

/* loading shimmer before first data arrives */
.bbd-search.is-loading .bbd-search__grid:empty{min-height:220px;border-radius:6px;background:linear-gradient(90deg,#f4f3f1 25%,#ebe9e6 50%,#f4f3f1 75%);background-size:200% 100%;animation:bbd-shimmer 1.1s infinite linear}
@keyframes bbd-shimmer{to{background-position:-200% 0}}

@media (max-width:1024px){
	.bbd-search__body{grid-template-columns:190px 1fr;gap:30px}
	.bbd-search__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.bbd-search__grid .bbd-card:nth-child(n+7){display:none}
}
@media (max-width:767px){
	.bbd-search__panel{height:100%;box-shadow:none}
	.bbd-search__bar{position:sticky;top:0;z-index:2;background:#fff;padding:14px 16px 12px;gap:10px}
	.bbd-search__icon{width:22px;height:22px}
	.bbd-search .bbd-search__input{font-size:20px}
	.bbd-search__body{display:flex;flex-direction:column;gap:26px;padding:14px 16px 40px}
	.bbd-search__side{order:0}
	.bbd-search.is-searching .bbd-search__side{order:1}
	.bbd-search__side ul{display:flex;flex-wrap:wrap;gap:8px}
	.bbd-search__side a{padding:7px 14px;border:1px solid #ddd;border-radius:999px;font-size:14px}
	.bbd-search__side a:hover{transform:none;border-color:#4d7883}
	.bbd-search__side small{display:none}
	.bbd-search__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
	.bbd-search__grid .bbd-card:nth-child(n+7){display:flex}
	.bbd-search__head{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
	.bbd-search__panel,.bbd-search__backdrop,.bbd-card__img img{transition:none}
}