.brand-wrap{max-width:100%;width:100%;padding:30px 0}.brand-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #EEEFF2}.brand-bread{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:14px;line-height:1.4;color:#7a849d;font-weight:400}.brand-bread a{color:#f2389b;text-decoration:none}.brand-head h1{margin:0;color:#232f3e;font-size:21px;line-height:1.2;font-weight:500;font-family:var(--font-pcard-title-family)}.brand-search{display:flex;height:34px;width:240px;max-width:240px}.brand-input{max-width:100%;width:100%;outline:0;padding:6px 12px;background:#fff;font-size:14px;font-weight:400;border:1px solid #DEE2E6;color:#adb5bd;font-family:var(--font-pcard-title-family)}.brand-input::placeholder{color:#adb5bd}.brand-btn{display:flex;align-items:center;justify-content:center;background:#f2389b;color:#fff;cursor:pointer;padding:6px 12px;border-radius:0;line-height:14px;max-height:34px;border:0!important;box-shadow:none}.letter-wrap{position:relative;display:flex;align-items:stretch;margin-top:35px;width:100%;overflow-x:auto;overflow-y:hidden}.letter-all,.letter-btn{border-radius:0!important;box-sizing:border-box}.letter-all{position:relative;z-index:3;min-width:50px;max-width:50px;height:50px;padding:0;border:1px solid #d5d9df!important;border-right:1px solid #d5d9df!important;background:#ffedf4;color:#fb4b92;font-size:12px;font-weight:500;cursor:pointer}.letter-list{display:flex;border-top:1px solid #d5d9df;border-bottom:1px solid #d5d9df;border-right:1px solid #d5d9df;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#adb5bd #eceef1}.letter-list:last-child{border-right:none!important}.letter-list::-webkit-scrollbar{height:8px}.letter-list::-webkit-scrollbar-track{background:#8b8b8b;border-radius:999px}.letter-list::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:999px}.letter-list::-webkit-scrollbar-thumb:hover{background:#8b93a1}.letter-btn{min-width:50px;max-width:50px;height:50px;color:#232f3e;padding:0;border:0;border-right:1px solid #D5D9DF;background:#fff;font-size:12px;font-weight:600;text-transform:uppercase;cursor:pointer}.letter-btn:hover,.letter-btn.is-active{color:#ff2080;background:#fff5f9}.letter-group{margin-top:42px}.letter-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e5e5e5}.letter-head h2{margin:0;color:#232f3e;font-size:28px;line-height:1;font-weight:500;font-family:var(--font-pcard-title-family)}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 26px}.brand-card{min-width:0;height:84px;display:grid;grid-template-columns:41% 41% 18%;align-items:center;border:1px solid #F6DAE5;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.brand-card:hover{border-color:#f2389b;box-shadow:0 4px 14px #0000000d}.brand-logo{min-width:0;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid #EBD9E0}.brand-logo img{display:block;width:100%;height:62px;object-fit:contain}.brand-logo span{color:#111;font-size:14px;font-weight:500;text-align:center}.brand-info{min-width:0;padding:10px 16px;display:flex;flex-direction:column;justify-content:center}.brand-name{overflow:hidden;color:#232f3e;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.brand-count{margin-top:4px;color:#4d5b7c;font-size:11px;line-height:1.2;font-weight:300}.brand-arrow{width:26px;height:26px;margin:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff2080;background:#ffedf4}.brand-empty{display:none;padding:40px 0;color:#4d5b7c;font-size:14px;text-align:center}body:has(a[href*="/collections/vendors?q="]) .facet-accordion-details[data-filter="filter.p.vendor"]{display:none!important}@media screen and (max-width:1024px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.brand-top{align-items:flex-start;flex-direction:column;gap:20px}.brand-search{width:100%}.brand-grid{grid-template-columns:1fr 1fr;gap:12px}.letter-group{margin-top:32px}.brand-card{height:78px;grid-template-columns:1fr 1.4fr 40px}}@media screen and (max-width:480px){.brand-grid{grid-template-columns:1fr;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-index.css.map */
