.bb-brands{--bb-brands-px: max(16px, var(--outer, 50px));--bb-brands-sticky-top: 0px;padding-top:var(--PT, 48px);padding-bottom:var(--PB, 56px);background:var(--BB-PAGE, #faf5ee);color:var(--BB-INK, #2a1418);overflow-x:clip}.bb-brands__shell{padding-inline:var(--bb-brands-px)}.bb-brands__header{margin-bottom:28px}.bb-brands__title{margin:0 0 12px;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);font-size:var(--font-heading-x-large);letter-spacing:var(--LETTER-SPACING-HEADING);line-height:1.08;color:var(--BB-ACCENT, #6b1a2d)}.bb-brands__intro{margin:0;max-width:640px;font-family:var(--FONT-STACK-BODY);font-size:16px;line-height:1.5;color:var(--BB-INK, #2a1418)}.bb-brands__intro a{color:var(--BB-ACCENT, #6b1a2d);text-underline-offset:2px}.bb-brands__intro a:hover{color:var(--BB-ACCENT-HOVER, #551425)}.bb-brands__nav-wrap{position:sticky;top:var(--bb-brands-sticky-top);z-index:5;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:28px;padding:12px 0;background:color-mix(in oklch,var(--BB-PAGE, #faf5ee) 92%,#fff);border-bottom:1px solid var(--BB-LINE-SOFT, rgba(42, 20, 24, .12));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.bb-brands__nav{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0 var(--bb-brands-px) 4px;box-sizing:border-box}.bb-brands__nav::-webkit-scrollbar{height:4px}.bb-brands__nav-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;font-family:var(--FONT-STACK-SUBHEADING);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--BB-INK, #2a1418);border-radius:var(--BB-RADIUS-SM, 6px);border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.bb-brands__nav-link:hover,.bb-brands__nav-link:focus-visible{color:var(--BB-ACCENT, #6b1a2d);border-color:var(--BB-LINE-SOFT, rgba(42, 20, 24, .12));outline:none}.bb-brands__nav-link[aria-disabled=true]{opacity:.35;pointer-events:none}.bb-brands__letter{scroll-margin-top:calc(var(--bb-brands-sticky-top) + 72px);margin-bottom:40px}.bb-brands__letter:last-child{margin-bottom:0}.bb-brands__letter-label{margin:0 0 16px;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);font-size:var(--font-heading-large);line-height:1.1;color:var(--BB-ACCENT, #6b1a2d)}.bb-brands__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}@media(min-width:750px){.bb-brands__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}.bb-brands__card{display:flex;flex-direction:column;height:100%;padding:16px 14px;background:var(--BB-CARD, #fff);border-radius:var(--BB-CARD-RADIUS, 12px);box-shadow:var(--BB-SHADOW-RING, 0 0 0 1px var(--BB-LINE-SOFT, rgba(42, 20, 24, .12)));text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease}.bb-brands__card:hover{box-shadow:0 0 0 1px var(--BB-LINE-SOFT, rgba(42, 20, 24, .12)),0 8px 28px #2a141814;transform:translateY(-2px)}.bb-brands__card:focus-visible{outline:2px solid var(--BB-ACCENT, #6b1a2d);outline-offset:3px}.bb-brands__logo{position:relative;aspect-ratio:4 / 3;margin:0 0 12px;border-radius:var(--BB-RADIUS-SM, 6px);background:var(--BB-PAGE, #faf5ee);overflow:hidden}.bb-brands__logo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}.bb-brands__name{margin:0 0 4px;font-family:var(--FONT-STACK-BODY);font-weight:700;font-size:15px;line-height:1.3;color:var(--BB-INK, #2a1418)}.bb-brands__desc{margin:0;font-size:13px;line-height:1.45;color:var(--BB-MUTED, #6e5a5d);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bb-brands__badge{position:absolute;top:8px;right:8px;padding:4px 8px;font-family:var(--FONT-STACK-SUBHEADING);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--BB-OK, #3f7a4a);background:color-mix(in oklch,var(--BB-OK, #3f7a4a) 12%,transparent);border-radius:999px}.bb-brands__empty{margin:0;padding:24px;text-align:center;font-size:16px;color:var(--BB-MUTED, #6e5a5d);background:var(--BB-CARD, #fff);border-radius:var(--BB-CARD-RADIUS, 12px)}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bb-brands-directory.css.map */