/* Brand directory: complete names, fixed logo area and compact grouped browsing. */
.wo-editorial-menu .wo-brands-directory { display:grid; grid-template-columns:210px minmax(0,1fr); gap:28px; }
.wo-editorial-menu .wo-brand-tabs { display:flex; flex-direction:column; gap:3px; border-inline-end:1px solid #e5e5e5; padding-inline-end:22px; }
.wo-editorial-menu .wo-brand-tabs button { background:transparent; color:#555; border:0; box-shadow:none; min-height:44px; padding:10px 12px; border-radius:7px; font-size:13px; font-weight:400; text-transform:none; text-align:start; white-space:nowrap; }
.wo-editorial-menu .wo-brand-tabs button[aria-pressed="true"] { background:#f3f3f3; color:#171717; font-weight:600; }
.wo-editorial-menu .wo-brand-tabs button:last-child { margin-top:12px; border-radius:7px; }
.wo-editorial-menu .wo-brand-directory-main { min-width:0; }
.wo-editorial-menu .wo-brand-directory-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.wo-editorial-menu .wo-brand-directory-title { font-size:16px; line-height:1.7; font-weight:600; margin:0; }
.wo-editorial-menu .wo-brand-search { display:block; width:250px; margin:0; }
.wo-editorial-menu .wo-brand-search input { height:38px; min-height:38px; width:100%; max-width:100%; min-width:0; box-sizing:border-box; padding:6px 12px; border:1px solid #e2e2e2; border-radius:8px; background:#fff; font-size:13px; }
.wo-editorial-menu .wo-brand-directory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px 16px; max-height:390px; overflow-y:auto; padding-inline-end:6px; overscroll-behavior:contain; }
.wo-editorial-menu .wo-brand-directory-grid li[hidden] { display:none!important; }
.wo-editorial-menu .wo-brand-directory-grid a { min-height:48px; padding:6px 8px; gap:12px; font-size:12px; line-height:22px; direction:ltr; text-align:left; }
.wo-editorial-menu .wo-brand-directory-grid a span { white-space:nowrap; }
.wo-editorial-menu .wo-brand-directory-grid img { flex:0 0 32px; width:32px; height:28px; object-fit:contain; }
.wo-editorial-menu .wo-brand-empty { font-size:14px; color:#666; margin:24px 0; }
.wo-editorial-menu .wo-brands-directory :is(button,input,a):focus-visible { outline:2px solid #171717; outline-offset:2px; }
.wo-editorial-menu .wo-brands-directory:not(.wo-brands-enhanced) .wo-brand-tabs { display:none; }
.wo-editorial-menu .wo-brands-directory:not(.wo-brands-enhanced) { grid-template-columns:1fr; }
@media(min-width:1025px) and (max-width:1199px) {
 .wo-editorial-menu .wo-brands-directory { grid-template-columns:185px minmax(0,1fr); gap:18px; }
 .wo-editorial-menu .wo-brand-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.wo-editorial-menu .wo-mobile-v3 .wo-brands-directory { display:block; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-tabs { flex-direction:row; overflow-x:auto; border:0; padding:0 0 10px; margin:0 0 16px; gap:6px; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-tabs button { flex-shrink:0; min-height:36px; padding:6px 10px; font-size:12px; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-tabs button:last-child { margin:0; border:0; border-radius:7px; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-directory-head { flex-direction:column; align-items:stretch; gap:12px; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-search { width:100%; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-directory-title { font-size:15px; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-directory-grid { grid-template-columns:1fr; max-height:none; overflow:visible; padding:0; }
.wo-editorial-menu .wo-mobile-v3 .wo-brand-directory-grid a { font-size:13px; min-height:46px; }
/* Keep unavailable brands reachable without competing with current inventory. */
.wo-editorial-menu .wo-brand-directory-grid[hidden],
.wo-editorial-menu .wo-brand-reveal[hidden] { display:none!important; }
.wo-editorial-menu .wo-brand-reveal { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:44px; padding:12px 0; margin-top:14px; border:0; border-top:1px solid #e5e5e5; border-radius:0; background:transparent; color:#666; box-shadow:none; font-size:13px; font-weight:400; text-transform:none; text-align:start; }
.wo-editorial-menu .wo-brand-reveal-chevron { width:16px; height:16px; flex:0 0 16px; }
.wo-editorial-menu .wo-brand-reveal[aria-expanded="true"] .wo-brand-reveal-chevron { transform:rotate(180deg); }
.wo-editorial-menu .wo-brand-unavailable-grid a { color:#767676; }
.wo-editorial-menu .wo-brand-unavailable-grid img { filter:grayscale(1); opacity:.55; }
.wo-editorial-menu .wo-brand-unavailable-grid a:hover { color:#171717; }
.wo-editorial-menu .wo-brand-unavailable-grid a:hover img { opacity:1; }
