.home-brands__heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; }
.home-brands__heading .home-section__title { margin:0; }
.home-brands__heading>span { color:#756b61; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.home-brand-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #ece4dc; border-left:1px solid #ece4dc; }
.home-brand-card { min-width:0; min-height:114px; padding:16px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; border-bottom:1px solid #ece4dc; border-right:1px solid #ece4dc; color:#191412; text-decoration:none; transition:background-color .15s; }
.home-brand-card:hover { background:#f8f4ef; }
.home-brand-card:focus-visible,.brand-directory-letters button:focus-visible,.brand-directory-grid a:focus-visible { outline:2px solid #191412; outline-offset:3px; }
.home-brand-card__logo { width:118px; max-width:100%; height:58px; display:flex; align-items:center; justify-content:center; background:#fff; overflow:hidden; }
.home-brand-card__logo img { width:118px; max-width:100%; height:58px; object-fit:contain; filter:grayscale(1); }
.home-brand-card__logo.is-wordmark img { object-fit:cover; }
.home-brand-card__name { font-size:12px; text-align:center; overflow-wrap:anywhere; }
.home-brand-directory { margin-top:22px; }
.home-brand-directory>summary { list-style:none; width:fit-content; max-width:100%; margin:auto; padding:12px 24px; border:1px solid #ece4dc; display:flex; align-items:center; justify-content:center; gap:14px; cursor:pointer; color:#191412; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.home-brand-directory>summary::-webkit-details-marker { display:none; }
.home-brand-directory>summary:hover { background:#f8f4ef; }
.home-brand-directory__chevron { display:inline-block; transition:transform .15s; }
.home-brand-directory[open] .home-brand-directory__chevron { transform:rotate(180deg); }
.brand-directory-panel { margin-top:24px; background:#f8f4ef; border-top:1px solid #ece4dc; border-bottom:1px solid #ece4dc; padding:24px; }
.brand-directory-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.brand-directory-tools h3 { margin:0; font-family:var(--serif); font-size:27px; }
.brand-directory-search { width:310px; max-width:100%; }
.brand-directory-search .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.brand-directory-search input { width:100%; min-width:0; border:1px solid #e5dcd2; border-radius:0; background:#fff; color:#191412; padding:11px 12px; font:inherit; font-size:14px; }
.brand-directory-letters { display:flex; flex-wrap:wrap; gap:4px; width:100%; margin-top:8px; padding-bottom:15px; border-bottom:1px solid #e5dcd2; }
.brand-directory-letters button { min-width:27px; min-height:30px; padding:5px 6px; border:0; background:transparent; color:#191412; font:inherit; font-size:12px; cursor:pointer; }
.brand-directory-letters button[aria-pressed=true] { background:#191412; color:#fff; }
.brand-directory-count { color:#756b61; font-size:12px; margin:0 0 3px; }
.brand-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0 22px; }
.brand-directory-grid a { display:flex; flex-direction:column; justify-content:center; gap:3px; min-width:0; min-height:61px; padding:12px 0; border-bottom:1px solid #e5dcd2; color:#191412; text-decoration:none; overflow-wrap:anywhere; font-size:13px; }
.brand-directory-grid a:hover { text-decoration:underline; text-underline-offset:4px; }
.brand-directory-grid small { color:#756b61; font-size:11px; }
.home-brand-directory [hidden] { display:none!important; }
.brand-subcategories { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 22px; }
.brand-subcategories a { border:1px solid #e5dcd2; padding:7px 12px; color:#191412; text-decoration:none; font-size:13px; }
.brand-subcategories a.is-active { color:#fff; background:#191412; border-color:#191412; }
.brand-filter-note { color:#756b61; font-size:12px; margin:8px 0 16px; }
.catalog-breadcrumb a { color:inherit; text-decoration:none; }
@media(max-width:900px) { .home-brand-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } .brand-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { .home-brands__heading { align-items:flex-start; flex-direction:column; gap:8px; } .home-brand-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .home-brand-card { padding:12px 5px; min-height:106px; } .home-brand-card__logo { width:88px; height:52px; } .home-brand-card__logo img { width:88px; height:52px; } .home-brand-card__name { font-size:11px; } .brand-directory-panel { padding:18px 14px; } .brand-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; } .brand-directory-search { width:100%; } .brand-directory-search input { font-size:16px; } .brand-directory-letters button { min-width:30px; min-height:40px; } }
@media(prefers-reduced-motion:reduce) { .home-brand-card,.home-brand-directory__chevron { transition:none; } }