.wb-brands{position:static;display:inline-flex}.wb-brands__toggle{cursor:pointer;background:none;border:0;padding:0;height:auto;min-width:0;font:inherit;color:inherit}.wb-brands__caret{display:inline-flex;transition:transform .15s ease}.wb-brands__caret svg{width:1rem;height:1rem}.wb-brands.is-open .wb-brands__caret{transform:rotate(180deg)}.wb-brands__panel{position:fixed;left:0;right:0;top:var(--wb-header-h, 88px);z-index:190;background:#fff;color:var(--wb-navy);border-top:1px solid var(--wb-line);box-shadow:0 30px 60px -18px #08183c59;opacity:0;clip-path:inset(0 0 100% 0);transition:opacity .14s ease;pointer-events:none}.wb-brands.is-open .wb-brands__panel{opacity:1;clip-path:inset(0 0 -80px 0);transition:clip-path .3s cubic-bezier(.22,.7,.3,1),opacity .18s ease;pointer-events:auto}.wb-brands__panel.is-shut{visibility:hidden}@media(prefers-reduced-motion:reduce){.wb-brands__panel,.wb-brands.is-open .wb-brands__panel{transition:none}}.wb-brands__inner{max-width:var(--content-max);margin:0 auto;padding:20px var(--gutter) 8px}.wb-brands__head{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--wb-line)}.wb-brands__x{flex:none;color:var(--wb-navy)}.wb-brands__az{display:flex;flex-wrap:wrap;gap:2px;flex:1;min-width:0}.wb-brands__letter{min-width:32px;padding:7px 0;text-align:center;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--wb-navy);text-decoration:none;border-radius:6px}a.wb-brands__letter:hover{background:var(--wb-surface);color:var(--wb-orange)}.wb-brands__letter.is-empty{color:#b6c0ce}.wb-brands__scroll{max-height:min(62vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:18px 0 4px;scroll-behavior:smooth}.wb-brands__group{scroll-margin-top:8px}.wb-brands__group+.wb-brands__group{margin-top:22px}.wb-brands__heading{margin:0 0 12px;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--wb-muted)}.wb-brands__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:14px 12px}.wb-brands__tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid var(--wb-line);border-radius:12px;text-decoration:none;background:#fff;transition:border-color .14s ease,box-shadow .14s ease}.wb-brands__tile:hover{border-color:var(--wb-navy);box-shadow:0 6px 18px #10203a1f}.wb-brands__mark{height:46px;width:100%;display:flex;align-items:center;justify-content:center}.wb-brands__mark img{max-height:46px;max-width:100%;width:auto;height:auto;object-fit:contain}.wb-brands__wordmark{font-size:15px;font-weight:800;color:var(--wb-navy);text-align:center;line-height:1.2}.wb-brands__name{font-size:12.5px;font-weight:600;color:var(--wb-body);text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.wb-brands__tile:hover .wb-brands__name{color:var(--wb-orange)}.wb-brands__foot{border-top:1px solid var(--wb-line);padding:12px 0 14px;text-align:right}.wb-brands__all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--wb-navy);text-decoration:none}.wb-brands__all:hover{color:var(--wb-orange)}.wb-brands__all svg{width:1rem;height:1rem}@media(max-width:1180px){.wb-brands__grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:989px){.wb-brands__grid{grid-template-columns:repeat(4,1fr)}.wb-brands__scroll{max-height:58vh}}@media(max-width:749px){.wb-brands__grid{grid-template-columns:repeat(3,1fr)}.wb-brands__letter{min-width:28px;padding:9px 0}.wb-brands__mark{height:38px}.wb-brands__mark img{max-height:38px}}@media(prefers-reduced-motion:reduce){.wb-brands__scroll{scroll-behavior:auto}}.wb-brands.is-open .wb-brands__toggle[data-wbb-toggle].reversed-link .reversed-link__text{background-image:linear-gradient(to var(--transform-origin-end, right),var(--wb-orange),var(--wb-orange));background-size:100% var(--reversed-link-gap, .1rem);background-position-x:var(--transform-origin-start, left);background-position-y:bottom}
/*# sourceMappingURL=/cdn/shop/t/38/assets/wb-brand-menu.css.map */