/* The retained directory control area only. Brand detail pages stay unchanged. */
@media (max-width: 720px) {
  .brand-directory-page .brand-directory-main { padding-top: 1.1rem; }
  .brand-directory-page .brand-directory-hero { gap: .75rem; margin-bottom: .65rem; }
  .brand-directory-page .brand-directory-hero h1 { max-width: 20ch; margin-bottom: .5rem; font-size: clamp(2rem, 8vw, 2.5rem); line-height: 1.04; }
  .brand-directory-page .brand-directory-intro { display: none; }
  .brand-directory-page .brand-tools { gap: .5rem; padding: .65rem; }
  .brand-directory-page .brand-tools :is(input, select, button) { min-height: 44px; }
  .brand-directory-page .brand-tools :is(input, select) { font-size: 1rem; }
  .brand-directory-page .brand-mobile-primary-filters { grid-template-columns: minmax(0, 1fr) auto; gap: .45rem .65rem; align-items: center; }
  .brand-directory-page .brand-mobile-primary-filters > label:first-child { grid-column: 1 / -1; }
  .brand-directory-page .brand-more-filters { grid-column: auto; }
  .brand-directory-page .brand-more-filters[open] { grid-column: 1 / -1; }
  .brand-directory-page .brand-more-filters > summary { min-height: 44px; padding: .25rem; font-size: .8125rem; }
  .brand-directory-page .brand-more-filter-panel { left: auto; right: 0; max-width: calc(100vw - 3rem); }
  .brand-directory-page .brand-category-shortcuts { margin-block: .5rem; }
  .brand-directory-page .brand-category-shortcuts button { min-height: 44px; }
  .brand-directory-page .directory-summary { margin: 0; }
  /* Keep the existing live result announcement useful without duplicated visible copy. */
  .brand-directory-page #brand-summary { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
}
@media (max-width: 359px) {
  .brand-directory-page .brand-mobile-primary-filters { grid-template-columns: minmax(0, 1fr); }
  .brand-directory-page .brand-more-filters > summary { padding-top: 0; }
}