.brand-list .page-header{padding:80px 48px 64px}.brand-list .page-header__label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#999;display:block;margin-bottom:16px}.brand-list .page-header__title{font-size:72px;font-weight:700;letter-spacing:-.03em;line-height:.95;color:#111}.brand-list .brand-nav{padding:0 48px;border-top:1px solid #111;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px;position:sticky;top:0;background:#fff;z-index:100}.brand-list .alpha-nav{display:flex;gap:0;flex-shrink:0}.brand-list .alpha-nav a{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#111;text-decoration:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .15s}.brand-list .alpha-nav a:hover{color:#900404}.brand-list .alpha-nav a.inactive{color:#ddd;pointer-events:none}.brand-list .search-wrap{display:flex;align-items:center;gap:10px;border-left:1px solid #e0e0e0;padding-left:24px}.brand-list .search-wrap svg{width:13px;height:13px;stroke:#999;flex-shrink:0}.brand-list .search-input{border:none;outline:none;font-size:11px;font-weight:400;letter-spacing:.06em;color:#111;background:transparent;width:180px;font-family:inherit}.brand-list .search-input::placeholder{color:#bbb;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.brand-list .search-count{font-size:10px;letter-spacing:.08em;color:#bbb;white-space:nowrap}.brand-list .brands-container{padding:0 48px 120px}.brand-list .brand-group{display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid #ebebeb;padding:40px 0;scroll-margin-top:64px}.brand-list .brand-group.hidden{display:none}.brand-list .brand-group__letter{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#bbb;padding-top:6px}.brand-list .brand-group__list{display:flex;flex-direction:column}.brand-list .brand-item{display:flex;align-items:baseline;gap:12px;padding:5px 0}.brand-list .brand-item a,.brand-list .brand-item span.name{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#111;text-decoration:none;transition:color .15s}.brand-list .brand-item a:hover{color:#900404}.brand-list .brand-item span.name{color:#ccc}.brand-list .brand-item .tag{font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#bbb;border:1px solid #e8e8e8;padding:3px 7px;white-space:nowrap;flex-shrink:0}.brand-list .no-results{display:none;padding:80px 0}.brand-list .no-results__label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#bbb;margin-bottom:8px}.brand-list .no-results__text{font-size:28px;font-weight:700;color:#111;letter-spacing:-.02em}.brand-list .no-results.visible{display:block}.brand-list .mobile-search,.brand-list .mobile-alpha{display:none}.brand-list .brands-layout{display:block}@media(max-width:640px){.brand-list .page-header{padding:48px 20px 40px}.brand-list .page-header__title{font-size:48px}.brand-list .brand-nav{display:none}.brand-list .brands-layout{display:grid;grid-template-columns:1fr 24px;align-items:start}.brand-list .mobile-search{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #111;border-bottom:1px solid #ebebeb;position:sticky;top:0;background:#fff;z-index:100;height:50px}.brand-list .mobile-search svg{width:13px;height:13px;stroke:#999;flex-shrink:0}.brand-list .mobile-search input{border:none;outline:none;font-size:11px;letter-spacing:.06em;color:#111;background:transparent;width:100%;font-family:inherit}.brand-list .mobile-search input::placeholder{color:#bbb;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.brand-list .mobile-search-count{font-size:10px;letter-spacing:.08em;color:#bbb;white-space:nowrap}.brand-list .mobile-alpha{display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;top:50px;height:calc(100vh - 50px);padding:8px 0}.brand-list .mobile-alpha a{font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#111;text-decoration:none;width:24px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .1s;padding-right:40px}.brand-list .mobile-alpha a:active{color:#900404}.brand-list .mobile-alpha a.inactive{color:#ddd;pointer-events:none}.brand-list .brands-container{padding:0 8px 80px 20px}.brand-list .brand-group{grid-template-columns:28px 1fr;padding:24px 0;scroll-margin-top:50px}.brand-list .brand-item a,.brand-list .brand-item span.name,.brand-list .no-results__text{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/180/assets/four-brand-list.css.map */
