.site-header .desktop-nav{gap:.5rem}.site-header .header-search input{width:150px}
.brand-directory-page{width:min(100%,var(--max));margin:auto;padding:24px var(--gutter) 40px}
.brand-directory-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 18px;border-bottom:1px solid var(--rule)}.brand-directory-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin:0 0 8px}.brand-directory-hero p{margin:0;font-size:1rem;color:var(--muted)}.brand-directory-hero>a{font-size:.85rem;min-height:44px;display:flex;align-items:center}
.brand-directory-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 0 14px}.brand-directory-tools label{display:grid;gap:5px;font-size:.8rem;font-weight:650;width:min(360px,100%)}.brand-directory-tools input{font:inherit;font-size:.95rem;min-height:44px;padding:10px 12px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--text);width:100%}.brand-directory-tools p{font-size:.8rem;color:var(--muted);margin:0 0 10px}
.brand-alphabet{display:flex;flex-wrap:wrap;gap:4px}.brand-alphabet a{display:grid;place-items:center;min-width:36px;min-height:44px;padding:0 7px;border-radius:4px;text-decoration:none;font-size:.85rem;font-weight:650;color:var(--text)}.brand-alphabet a:hover{background:var(--surface-soft)}.brand-alphabet a[aria-current=true]{background:var(--ink);color:#fff}
.brand-results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:4px 0}.brand-results p{font-size:.75rem;color:var(--muted);margin:0}.brand-results button{font:inherit;font-size:.8rem;color:var(--blue-dark);background:transparent;border:0;text-decoration:underline;min-height:44px;cursor:pointer}
.brand-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brand-grid li{min-width:0;scroll-margin-top:100px}.brand-grid li a{display:flex;align-items:center;gap:10px;min-height:58px;height:100%;padding:10px 12px;border:1px solid var(--rule);border-left:3px solid var(--brand-accent,#697177);border-radius:5px;text-decoration:none;background:var(--surface);color:var(--text)}.brand-grid li strong{font-size:.86rem;line-height:1.3;margin-right:auto;overflow-wrap:anywhere}.brand-product-count{font-size:.7rem;background:var(--surface-soft);color:var(--muted);border-radius:4px;min-width:22px;padding:2px 5px;text-align:center}.brand-grid li a>span:last-child{color:var(--muted);font-size:.8rem}.brand-grid li a:hover{border-color:var(--brand-accent,#697177);background:#f8fafb}.brand-directory-page :focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}.brand-directory-page [hidden]{display:none!important}
.brand-shop-control{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:16px 0 22px;padding:12px 16px;border:1px solid var(--rule);border-radius:6px;background:var(--surface-soft)}.brand-shop-control label{font-weight:700;font-size:.85rem}.brand-shop-control select{min-height:44px;max-width:100%;padding:8px 28px 8px 10px;font:inherit;font-size:.85rem;background:var(--surface);color:var(--text);border:1px solid var(--rule);border-radius:5px}.brand-shop-control a{font-size:.8rem;display:flex;align-items:center;min-height:44px}.brand-clear{margin-left:auto}
/* Restrained identity accents. Unverified identities use a neutral fallback. */
[class*=brand-tone-]{--brand-accent:#697177}
.catalog-hero.brand-basic-hero{padding:20px 24px;background:#f6f7f8;border-left:4px solid var(--brand-accent);border-radius:0 6px 6px 0;margin-top:16px}.brand-basic-hero .eyebrow{color:var(--muted);font-size:.7rem;margin:0 0 8px}.brand-basic-hero h1{color:var(--ink);font-size:clamp(1.8rem,3.5vw,2.8rem);margin:0 0 10px;line-height:1.15}.brand-basic-hero p:last-child{font-size:1rem;margin:0}
@media(max-width:1000px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-clear{margin-left:0}.brand-directory-hero{align-items:start;flex-direction:column;gap:6px}.brand-directory-tools{gap:12px;align-items:start;flex-direction:column}.brand-directory-tools p{margin:0}.brand-shop-control{gap:8px}.brand-shop-control select{width:100%}}
@media(max-width:380px){.brand-grid{grid-template-columns:1fr}}
.brand-tone-nomatic{--brand-accent:#171717}.brand-tone-thule{--brand-accent:#111111}.brand-tone-brother{--brand-accent:#0d2ea0}.brand-tone-samsung{--brand-accent:#1428a0}.brand-tone-lg{--brand-accent:#a50034}.brand-tone-dell{--brand-accent:#0672cb}