.qem-brands-page { max-width:1340px; margin:0 auto; padding:28px 24px 64px; color:var(--qem-ds-text,#17202e); }
.qem-brands-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:28px; font-size:14px; color:#667085; }
.qem-brands-breadcrumb a { color:inherit; text-decoration:none; }
.qem-brands-breadcrumb a:hover { text-decoration:underline; }
.qem-brands-intro { padding:12px 0 32px; border-bottom:1px solid #dfe4ea; }
.qem-brands-intro--detail { display:flex; align-items:center; gap:32px; padding:28px; border:1px solid #dfe4ea; border-radius:8px; background:#fff; }
.qem-brands-intro h1 { margin:0; font-size:clamp(28px,4vw,42px); line-height:1.15; font-weight:650; }
.qem-brands-tagline { margin:12px 0 0; color:#5f6876; font-size:18px; line-height:1.6; }
.qem-brands-description { margin-top:16px; max-width:780px; line-height:1.7; overflow-wrap:anywhere; }
.qem-brands-logo { flex:0 0 160px; width:160px; height:140px; display:grid; place-items:center; }
.qem-brands-logo img { max-width:100%; max-height:140px; object-fit:contain; }
.qem-brands-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:32px 0 20px; }
.qem-brands-toolbar h2 { font-size:21px; margin:0; }
.qem-brands-toolbar span { color:#667085; font-size:14px; }
.qem-brands-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.qem-brands-tile { display:flex; flex-direction:column; gap:12px; padding:24px; border:1px solid #dfe4ea; border-radius:6px; background:#fff; color:inherit; text-decoration:none; text-align:center; }
.qem-brands-tile:hover,.qem-brands-tile:focus-visible { border-color:#315c91; }
.qem-brands-tile__image { display:grid; place-items:center; height:112px; font-size:40px; color:#667085; }
.qem-brands-tile__image img { max-width:100%; max-height:100%; width:100%; height:112px; object-fit:contain; }
.qem-brands-tile__tagline { font-size:14px; line-height:1.5; color:#667085; }
.qem-brands-products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.qem-brands-pagination { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:32px; }
.qem-brands-pagination a { padding:10px 16px; border:1px solid #dfe4ea; border-radius:4px; color:#1f3447; background:#fff; text-decoration:none; }
.qem-brands-empty { padding:48px 24px; text-align:center; border:1px solid #dfe4ea; background:#fff; border-radius:6px; }
#qem-brand-results { scroll-margin-top:190px; }
#qem-brand-results[aria-busy="true"] { opacity:.6; }
@media(max-width:900px) { .qem-brands-directory,.qem-brands-products { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) { .qem-brands-page { padding:20px 14px 40px; } .qem-brands-directory,.qem-brands-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .qem-brands-tile { padding:16px; } .qem-brands-intro--detail { flex-direction:column; align-items:flex-start; gap:20px; padding:20px; } .qem-brands-logo { flex-basis:auto; height:90px; width:120px; } .qem-brands-logo img { max-height:90px; } }