.brand-directory{display:block;background:var(--brand-directory-background, #f5f5f3);color:#151515;padding:clamp(4.8rem,7vw,9.6rem) 0 clamp(5.6rem,8vw,11rem)}.brand-directory__container{width:min(100%,160rem)}.brand-directory__header{max-width:82rem;margin:0 auto;text-align:center}.brand-directory__eyebrow{margin:0 0 1.2rem;color:var(--brand-directory-accent, #299fc4);font-size:1.2rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.brand-directory__title{margin:0;font-size:clamp(3.6rem,5vw,7.2rem);line-height:1.04;letter-spacing:-.04em}.brand-directory__subtitle{max-width:64rem;margin:1.6rem auto 0;color:#666;font-size:clamp(1.6rem,1.6vw,2rem);line-height:1.55}.brand-directory[dir=rtl] .brand-directory__eyebrow{letter-spacing:0;text-transform:none}.brand-directory[dir=rtl] .brand-directory__title{font-size:clamp(3.8rem,4.5vw,6.4rem);line-height:1.3;letter-spacing:0;text-wrap:balance}.brand-directory[dir=rtl] .brand-directory__subtitle{margin-top:.8rem;line-height:1.8;text-wrap:balance}.brand-directory__tools{max-width:112rem;margin:clamp(3.6rem,5vw,6.4rem) auto 0}.brand-directory__search{position:relative;display:block;max-width:76rem;margin:0 auto}.brand-directory__search input{width:100%;min-height:6.4rem;margin:0;padding:1.4rem 6.2rem;border:.2rem solid #dadada;border-radius:999px;background:#fff;box-shadow:0 1rem 3rem #0000000d;color:#151515;font:inherit;font-size:1.7rem;transition:border-color .16s ease,box-shadow .16s ease}.brand-directory__search input:focus{border-color:var(--brand-directory-accent, #299fc4);box-shadow:0 0 0 .4rem #299fc424,0 1rem 3rem #0000000f;outline:0}.brand-directory__search-icon{position:absolute;z-index:1;top:50%;left:2.2rem;display:grid;width:2.4rem;height:2.4rem;place-items:center;color:var(--brand-directory-accent, #299fc4);pointer-events:none;transform:translateY(-50%)}.brand-directory[dir=rtl] .brand-directory__search-icon{right:2.2rem;left:auto}.brand-directory[dir=rtl] .brand-directory__search input{text-align:right}.brand-directory__alphabet-wrap{margin-top:3.2rem}.brand-directory__alphabet-label{margin:0 0 1.2rem;color:#5b5b5b;font-size:1.4rem;font-weight:700;text-align:center}.brand-directory__alphabet{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.brand-directory__filter{display:inline-grid;min-width:4.2rem;min-height:4.2rem;padding:.8rem 1.2rem;place-items:center;border:.1rem solid #d8d8d5;border-radius:999px;background:#fff;color:#292929;cursor:pointer;font:inherit;font-size:1.4rem;font-weight:700;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.brand-directory__filter:hover:not(:disabled),.brand-directory__filter:focus-visible{border-color:var(--brand-directory-accent, #299fc4);color:var(--brand-directory-accent, #299fc4);outline:0;transform:translateY(-.1rem)}.brand-directory__filter.is-active{border-color:var(--brand-directory-accent, #299fc4);background:var(--brand-directory-accent, #299fc4);color:#fff}.brand-directory__filter:disabled{cursor:not-allowed;opacity:.3}.brand-directory__summary{margin:4.4rem 0 1.6rem;color:#6c6c6c;font-size:1.4rem;font-weight:700}.brand-directory__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem}.brand-directory__card{position:relative;display:flex;min-height:22rem;flex-direction:column;align-items:center;justify-content:space-between;padding:2.4rem 2rem 2rem;overflow:hidden;border:.1rem solid #dededb;border-radius:1.8rem;background:var(--brand-directory-card, #fff);box-shadow:0 .8rem 2.2rem #00000009;color:#171717;text-align:center;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.brand-directory__card:hover,.brand-directory__card:focus-visible{border-color:var(--brand-directory-accent, #299fc4);box-shadow:0 1.6rem 3.6rem #00000017;color:#171717;outline:0;transform:translateY(-.4rem)}.brand-directory__card[hidden]{display:none}.brand-directory__logo{display:grid;width:100%;height:13rem;place-items:center}.brand-directory__logo img{display:block;width:auto;max-width:90%;height:auto;max-height:10rem;object-fit:contain}.brand-directory__wordmark{display:block;max-width:100%;font-size:clamp(2rem,2vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;overflow-wrap:anywhere}.brand-directory__name{padding:1rem 2.4rem 0;font-size:1.5rem;font-weight:800;line-height:1.25}.brand-directory__arrow{position:absolute;top:1.3rem;right:1.4rem;color:#aaa;font-size:1.4rem;transition:color .18s ease,transform .18s ease}.brand-directory__card:hover .brand-directory__arrow,.brand-directory__card:focus-visible .brand-directory__arrow{color:var(--brand-directory-accent, #299fc4);transform:translate(.15rem,-.15rem)}.brand-directory__empty{margin:4rem 0 0;padding:4rem 2rem;border:.1rem dashed #c9c9c5;border-radius:1.8rem;background:#ffffff8c;color:#666;font-size:1.7rem;text-align:center}@media(max-width:1199px){.brand-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:899px){.brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.brand-directory{padding-top:4rem}.brand-directory__title{font-size:clamp(3.4rem,11vw,5.2rem)}.brand-directory[dir=rtl] .brand-directory__title{font-size:clamp(3.2rem,9vw,4.2rem);line-height:1.35}.brand-directory__search input{min-height:5.6rem;padding-inline:5.4rem 2rem;font-size:1.6rem}.brand-directory[dir=rtl] .brand-directory__search input{padding-inline:5.4rem 2rem}.brand-directory__alphabet{flex-wrap:nowrap;justify-content:flex-start;padding:.2rem 0 1rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.brand-directory__filter{flex:0 0 auto;scroll-snap-align:start}.brand-directory__summary{margin-top:3rem}.brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.brand-directory__card{min-height:17rem;padding:1.6rem 1rem 1.4rem;border-radius:1.3rem}.brand-directory__logo{height:10rem}.brand-directory__logo img{max-height:7.4rem}.brand-directory__wordmark{font-size:clamp(1.7rem,6vw,2.3rem)}.brand-directory__name{padding-top:.8rem;font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.brand-directory__card,.brand-directory__filter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-brand-directory.css.map */