body{background:#fff}.brands-header{border-top:4px solid #252525;border-bottom:1px solid #eee}.brands-header>.container{height:76px;display:flex;align-items:center;gap:35px}.brands-header .logo{width:165px}.brands-header form{height:40px;display:flex;flex:1;background:#f4f4f4;border-radius:22px;overflow:hidden}.brands-header input{flex:1;border:0;background:transparent;padding:0 18px;outline:0}.brands-header button{width:50px;border:0;background:transparent;font-size:22px}.brands-header>div>div{display:flex;gap:20px}.brands-header a{color:#111;text-decoration:none;white-space:nowrap}.brands-nav{border-bottom:1px solid #e5e5e5}.brands-nav .container{display:flex;justify-content:space-between}.brands-nav a{padding:12px 8px;color:#111;text-decoration:none;font-weight:600}.brands-nav a:hover,.brands-nav a.active{color:#e72d35;border-bottom:2px solid #e72d35}.brands-page{padding:18px 0 60px}.breadcrumb{display:flex;gap:7px;color:#9a9a9a;font-size:12px;margin-bottom:20px}.breadcrumb a{color:#777;text-decoration:none}.brands-page h1,.brands-page h2{font-size:17px;margin:14px 0}.brands-page h2 small{color:#888;font-weight:400}.brands-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px 14px}.brand-card{color:#222;text-decoration:none;text-align:center;font-size:12px}.brand-logo{height:62px;border:1px solid #ddd;display:grid;place-items:center;padding:8px;background:#fff;font-size:18px;font-weight:800;color:#263b66}.brand-logo img{max-width:100%;max-height:46px;object-fit:contain}.brand-card span{display:block;margin-top:7px}.alphabet{display:flex;gap:18px;margin:28px 0 16px;padding-bottom:10px;border-bottom:1px solid #ccc;overflow:auto}.alphabet button{border:0;background:#fff;padding:0;color:#29405e}.alphabet button.active,.alphabet button:hover{color:#e72d35}.brand-group{scroll-margin-top:15px}.brand-group h3{font-size:15px;margin:20px 0 12px}.brand-empty{text-align:center;padding:50px;color:#777}@media(max-width:900px){.brands-grid{grid-template-columns:repeat(4,1fr)}.brands-nav .container{overflow:auto;justify-content:flex-start;gap:15px}.brands-header>div>div a:first-child{display:none}}@media(max-width:520px){.brands-grid{grid-template-columns:repeat(2,1fr)}.brands-header>.container{gap:10px;flex-wrap:wrap;height:auto;padding-block:10px}.brands-header form{order:3;flex-basis:100%}.brands-header .logo{width:130px}.brands-header>div>div{gap:8px}}