/* Uses the approved product page's palette, typography and restrained controls. */
.rivex-brands{--brand-ink:#1F2D3D;--brand-muted:#69727D;--brand-blue:#2F6FC4;--brand-page:#F4F6F8;--brand-line:#D9DEE5;font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--brand-ink);background:var(--brand-page);font-size:16px;line-height:1.5}
.rivex-brands *{box-sizing:border-box;text-shadow:none!important}
.rivex-brands [hidden]{display:none!important}
.brands-wrap{width:calc(100% - clamp(40px,8vw,160px));max-width:1320px;margin-inline:auto}
.brands-intro{padding:64px 0 32px}
.rivex-brands h1{font:600 clamp(36px,4vw,56px)/1.15 Inter,"Noto Sans",system-ui,sans-serif;letter-spacing:-.035em;color:var(--brand-ink);margin:0}
.brands-intro p{font-size:18px;line-height:1.6;color:var(--brand-muted);margin:16px 0 24px}
.brands-search{display:flex;align-items:center;gap:12px;max-width:460px;height:54px;background:#fff;border:1px solid var(--brand-line);border-radius:27px;padding:0 20px;transition:border-color .18s,box-shadow .18s}
.brands-search:focus-within{border-color:var(--brand-blue);box-shadow:0 0 0 3px #2f6fc416}
.brands-search svg{width:20px;height:20px;stroke:var(--brand-muted);stroke-width:1.7;flex:none}
.rivex-brands .brands-search input{min-width:0;width:100%;font:400 16px/1.5 Inter,system-ui,sans-serif;color:var(--brand-ink);background:transparent!important;border:0!important;border-radius:0;padding:0;box-shadow:none!important;outline:none}
.brands-search input::placeholder{color:var(--brand-muted);opacity:1}
.brands-catalogue{padding-bottom:76px}
.brands-alphabet{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;border-block:1px solid var(--brand-line);padding:12px 0}
.brands-alphabet::-webkit-scrollbar{display:none}
.rivex-brands .brands-alphabet button{font:500 14px/1.4 Inter,system-ui,sans-serif;flex:none;min-width:36px;height:38px;padding:0 10px;border:0!important;border-radius:19px;background:transparent!important;color:var(--brand-muted)!important;box-shadow:none!important;transition:background .18s,color .18s;cursor:pointer}
.rivex-brands .brands-alphabet button:hover{background:#fff!important;color:var(--brand-ink)!important}
.rivex-brands .brands-alphabet button[aria-pressed=true]{background:#fff!important;color:var(--brand-blue)!important}
.rivex-brands a:focus-visible,.rivex-brands button:focus-visible{outline:2px solid var(--brand-blue);outline-offset:3px}
.brands-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0 8px}
.rivex-brands .brands-list-heading h2{font:600 22px/1.35 Inter,system-ui,sans-serif;color:var(--brand-ink);letter-spacing:-.02em;margin:0}
.brands-list-heading p{font-size:14px;color:var(--brand-muted);margin:0}
.rivex-brands .brands-grid{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 16px;padding:0;margin:0}
.brands-grid li{min-width:0}
.rivex-brands .brand-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:136px;padding:16px 12px;border-radius:12px;color:var(--brand-ink)!important;text-decoration:none!important;background:transparent;transition:background .2s}
.rivex-brands .brand-link:hover{background:rgba(31,45,61,.035)}
.brand-logo{width:78px;height:64px;display:flex;align-items:center;justify-content:center}
.rivex-brands .brand-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.brand-link:hover .brand-logo img{transform:translateY(-2px)}
.brand-name{font-size:14px;font-weight:500;text-align:center;line-height:1.4;overflow-wrap:anywhere}
.brands-empty{padding:70px 0;text-align:center;color:var(--brand-muted)}
.rivex-brands .brands-empty button{border:0;background:transparent!important;color:var(--brand-blue)!important;font:500 15px/1.5 Inter,system-ui,sans-serif;padding:10px;cursor:pointer}
.brands-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.brands-intro{padding-top:56px}.rivex-brands .brands-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brands-alphabet{gap:3px}.brands-wrap{width:calc(100% - 64px)}}
@media(max-width:600px){.brands-wrap{width:calc(100% - 40px)}.brands-intro{padding:42px 0 30px;text-align:center}.brands-intro p{font-size:16px;margin:16px 0 24px}.brands-search{margin-inline:auto;text-align:left;height:50px}.brands-alphabet{padding:12px 0;gap:3px}.brands-list-heading{padding-top:24px}.rivex-brands .brands-list-heading h2{font-size:20px}.rivex-brands .brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rivex-brands .brand-link{min-height:112px;padding:12px 4px;gap:10px;border-radius:10px}.brand-logo{width:58px;height:50px}.brand-name{font-size:12px}.brands-catalogue{padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.rivex-brands *{transition:none!important;scroll-behavior:auto!important}}

/* Optical balance for visually dense round and upright marks. */
.rivex-brands .brands-grid li:is([data-brand="bmw"],[data-brand="buick"],[data-brand="avatr"],[data-brand="aito"],[data-brand="bestune"],[data-brand="chery qq"],[data-brand="changan uni"]) .brand-logo img{max-width:88%;max-height:88%}