/* Scoped homepage/filter polish; successful public product cards remain separate. */
.bb-catalog-heading { margin-block-end: .75rem; }
.bb-catalog-toolbar { margin-block-end: .65rem; }
.bb-catalog-filters { min-inline-size: 0; margin-block-end: 1.25rem; }
.bb-catalog-search-wrap { position: relative; }
.bb-catalog-search { display: flex; align-items: center; gap: .4rem; padding: .2rem .4rem; border: 1px solid var(--bb-border); border-radius: 999px; background: #fff; }
.bb-catalog-search:focus-within { border-color: var(--bb-green); box-shadow: 0 0 0 3px var(--bb-green-soft); }
.bb-catalog-search > .bi { margin-inline-start: .6rem; color: var(--bb-muted); }
.bb-catalog-search input { flex: 1; inline-size: 0; min-inline-size: 0; min-block-size: 44px; padding: .35rem; border: 0; outline: none; background: transparent; color: var(--bb-text); font: inherit; font-size: .9rem; }
.bb-catalog-search input::-webkit-search-cancel-button { display: none; }
.bb-catalog-search button { flex: 0 0 44px; inline-size: 44px; block-size: 44px; display: grid; place-items: center; border: 0; border-radius: 50%; }
.bb-catalog-search button[hidden] { display: none; }
.bb-search-clear { color: var(--bb-muted); background: transparent; }
.bb-search-submit { color: #fff; background: var(--bb-green); }
[dir="ltr"] .bb-search-submit .bi { transform: rotate(180deg); }
.bb-filter-categories { min-inline-size: 0; margin: .6rem 0 0; padding: 0; border: 0; }
.bb-filter-rail { display: flex; gap: .5rem; max-inline-size: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: #9bc6b4 transparent; padding: .25rem .15rem .45rem; }
.bb-filter-chip { position: relative; flex: 0 0 auto; cursor: pointer; }
.bb-filter-chip input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }
.bb-filter-chip > span { display: flex; align-items: center; gap: .3rem; min-block-size: 44px; padding: .4rem .85rem; border: 1px solid var(--bb-border); border-radius: 999px; white-space: nowrap; background: #fff; color: var(--bb-text); font-size: .85rem; }
.bb-filter-chip .bi { display: none; }
.bb-filter-chip input:checked + span { background: var(--bb-green-soft); border-color: var(--bb-green); color: var(--bb-green-dark); font-weight: 800; }
.bb-filter-chip input:checked + span .bi { display: inline; }
.bb-filter-chip input:focus-visible + span, .bb-catalog-filters :is(button, select, a):focus-visible, .bb-filter-rail:focus-visible { outline: 2px solid var(--bb-green); outline-offset: 2px; }
.bb-filter-options { display: flex; align-items: center; gap: .5rem .8rem; flex-wrap: wrap; margin-block-start: .25rem; font-size: .8rem; }
.bb-filter-sort { display: flex; align-items: center; gap: .4rem; max-inline-size: 100%; }
.bb-filter-sort select { min-inline-size: 0; max-inline-size: 100%; min-block-size: 44px; padding: .35rem .5rem; border: 1px solid var(--bb-border); border-radius: 10px; color: var(--bb-text); background: #fff; font: inherit; }
.bb-filter-store, .bb-filter-reset { min-block-size: 44px; display: inline-flex; align-items: center; gap: .3rem; text-decoration: underline; text-underline-offset: .2em; }
.bb-filter-store { color: var(--bb-green-dark); }
.catalog-suggest-box { position: absolute; z-index: 1000; inset-inline: 0; background: #fff; border: 1px solid var(--bb-border); border-radius: 12px; box-shadow: var(--bb-shadow-sm); display: none; max-block-size: 240px; overflow-y: auto; }
.catalog-suggest-item { display: flex; align-items: center; gap: .6rem; padding: .6rem .75rem; border-bottom: 1px solid var(--bb-border); color: var(--bb-text); }
.catalog-suggest-item > div { min-inline-size: 0; overflow-wrap: anywhere; }
.catalog-suggest-item:hover { background: var(--bb-green-soft); }
.catalog-suggest-img { flex: 0 0 42px; inline-size: 42px; block-size: 42px; object-fit: cover; border-radius: 10px; }

.bb-home-refined { overflow-wrap: anywhere; }
.bb-home-refined .bb-section { padding-block: 2rem; }
.bb-home-refined .bb-section-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .65rem; margin-block-end: 1rem; }
.bb-home-refined .bb-section-heading h2, .bb-home-refined .bb-product-toolbar h2 { font-size: clamp(1.25rem, 2.5vw, 1.8rem); }
.bb-home-refined .bb-hero-title { font-size: clamp(1.7rem, 3.8vw, 3rem); line-height: 1.4; margin-block-end: 1rem; }
.bb-home-refined .bb-hero-text { font-size: 1rem; line-height: 1.8; }
.bb-home-refined .bb-hero-image-wrap { min-block-size: 0; block-size: auto; aspect-ratio: 4 / 3; }
.bb-home-refined .bb-hero-image { inline-size: 100%; block-size: 100%; min-block-size: 0; max-block-size: none; object-fit: cover; }
.bb-home-refined .bb-hero-btn { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; min-block-size: 44px; padding: .65rem 1rem; }
.bb-home-features { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1rem; margin-block-start: .75rem; }
.bb-home-features .bb-feature { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; }
.bb-home-refined .home-family-logo-img { inline-size: 64px; block-size: 64px; object-fit: cover; border-radius: 50%; border: 3px solid #fff; background: #fff; }
.bb-home-how .bb-how-heading { text-align: center; margin-block-end: 1.25rem; }
.bb-home-how .bb-step-card { padding: 1rem; }
.bb-home-how .bb-step-number { display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; color: var(--bb-green-dark); background: var(--bb-green-soft); font-weight: 800; margin-block-end: .75rem; }
.bb-home-how .bb-step-card p { margin-block-end: 0; }
@media (min-width: 992px) {
    .bb-home-features { justify-content: flex-start; }
    .bb-catalog-filters { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1.25rem; align-items: center; }
    .bb-catalog-search-wrap { grid-column: 1; grid-row: 1; }
    .bb-filter-options { grid-column: 2; grid-row: 1; }
    .bb-filter-categories { grid-column: 1 / -1; }
}
@media (max-width: 767.98px) {
    .bb-public-catalog.bb-section { padding-block-start: 1rem; }
    .bb-catalog-heading h1 { font-size: 1.3rem; }
    .bb-catalog-heading .bb-badge, .bb-catalog-heading p { display: none; }
    .bb-home-refined .bb-section { padding-block: 1.25rem; }
    .bb-home-refined .bb-hero-layout { --bs-gutter-y: 1rem; }
    .bb-home-refined .bb-hero-image-wrap { aspect-ratio: 2 / 1; border-radius: 18px; }
    .bb-home-refined .bb-hero-title { font-size: 1.75rem; }
    .bb-home-refined .bb-hero-text { font-size: .925rem; }
    .bb-home-refined .bb-how-card { padding: 1rem; }
    .bb-home-how .bb-step-card { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: .2rem .75rem; text-align: start; }
    .bb-home-how .bb-step-number { grid-column: 1; grid-row: 1 / 3; margin: 0; }
    .bb-home-how .bb-step-icon { display: none; }
    .bb-home-how .bb-step-card h5, .bb-home-how .bb-step-card p { grid-column: 2; }
}