/* Native directory and editorial shortcuts, scoped to the header. */
#header .hmenu-brands { min-width: 0; width: 100%; }
#header .hmenu-brands [hidden] { display: none !important; }
#header .hmenu-brands-toolbar { position: relative; margin: 0 0 20px; }
#header .hmenu-brands-field { display: block; width: 100%; min-width: 0; margin: 0; }
#header .hmenu-brands-label,
#header .hmenu-brands-count { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#header .hmenu-brands-input { width: 100%; min-width: 0; height: 48px; padding: 12px 56px 12px 20px; border: 1px solid #8c8c8c; border-radius: 24px; background: #fff; color: #171717; font: inherit; font-size: 16px; font-weight: 400; outline: none; box-shadow: none; }
#header .hmenu-brands-input::placeholder { color: #666; opacity: 1; }
#header .hmenu-brands-input::-webkit-search-cancel-button { -webkit-appearance: none; }
#header .hmenu-brands-clear { position: absolute; top: 2px; right: 4px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #171717; cursor: pointer; }
#header .hmenu-brands-clear:disabled { visibility: hidden; cursor: default; }
#header .hmenu-brands-clear:hover,
#header .hmenu-brands-clear:focus-visible { background: #ddd; outline: none; }
#header .hmenu-brands-input:focus-visible { border-color: #171717; outline: none; }
#header .hmenu-brands-content { display: grid; gap: 20px; }
#header .hmenu-brands-directory { min-width: 0; min-height: 0; }
#header .hmenu-brands .manufacturerlist.hmenu-brands-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 0 12px; width: 100%; height: auto; max-height: 420px; max-height: min(420px,50dvh); margin: 0; padding: 0 6px 0 0; list-style: none; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
#header .hmenu-brands .manufacturerlist.hmenu-brands-list li.second-level-item { display: block; float: none; width: auto !important; min-width: 0; margin: 0; padding: 0; border: 0; white-space: normal; }
#header .hmenu-brands .manufacturerlist.hmenu-brands-list a { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 8px 6px; border-radius: 12px; color: #333; font-size: 13px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; text-decoration: none; }
#header .hmenu-brands .manufacturerlist.hmenu-brands-list a:hover,
#header .hmenu-brands .manufacturerlist.hmenu-brands-list a:focus-visible { background: #f3f3f3; text-decoration: underline; text-underline-offset: 4px; outline: none; }
#header .hmenu-brands-empty { margin: 16px 0; color: #555; font-size: 14px; line-height: 1.5; }
#header .hmenu-brands-featured { align-self: start; min-width: 0; padding: 20px; border-radius: 20px; background: #f5f5f5; }
#header .hmenu-brands-featured-title { margin: 0 0 16px; color: #171717; font-size: 14px; font-weight: 600; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; }
#header .hmenu-brands-featured-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
#header .hmenu-brands-featured-list li { min-width: 0; margin: 0; padding: 0; }
#header .hmenu-brands .hmenu-brands-featured .hmenu-brands-featured-list a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; height: 100%; padding: 8px 10px; border-radius: 24px; background: #000; color: #fff !important; font-size: 12px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
#header .hmenu-brands .hmenu-brands-featured .hmenu-brands-featured-list a:hover,
#header .hmenu-brands .hmenu-brands-featured .hmenu-brands-featured-list a:focus-visible { background: #333; text-decoration: underline; text-underline-offset: 3px; outline: none; }
@media (min-width: 768px) and (max-width: 1199px) {
    #header .hmenu-brands .manufacturerlist.hmenu-brands-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
    #header .hmenu-brands-featured-list { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (min-width: 1200px) {
    #header .hmenu-brands-content { height: 540px; height: min(540px,calc(100dvh - var(--hmenu-stack,124px) - 160px)); gap: 28px; }
    #header .hmenu-brands-content--featured { grid-template-columns: minmax(0,1fr) 280px; }
    #header .hmenu-brands .manufacturerlist.hmenu-brands-list { grid-template-columns: repeat(6,minmax(0,1fr)); max-height: 100%; gap: 0 14px; }
    #header .hmenu-brands-featured { max-height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}