/* AT-343: the complete brand directory; shared patterns keep their own rules. */
.brands-hub .brand-catalogue .section-shell{grid-template-columns:minmax(0,1fr)}
.brands-hub .brand-catalogue__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-6);margin:0;padding:0;list-style:none}
.brands-hub .brand-catalogue__list li{min-width:0;border-bottom:1px solid var(--color-line)}
.brands-hub .brand-catalogue__list a{display:flex;align-items:center;min-height:var(--action-height);padding:var(--space-4) 0;color:var(--color-ink);font-size:var(--type-data);line-height:var(--leading-data);font-weight:var(--weight-medium);text-decoration:none;overflow-wrap:anywhere}
.brands-hub .brand-catalogue__list a:hover{color:var(--color-blue);background:var(--color-fog)}
.brands-hub .brand-catalogue__list a:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}
.brands-hub .hero-breadcrumbs{margin-bottom:var(--space-6);font-size:var(--type-ui);line-height:var(--leading-ui)}
.brands-hub .hero-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}
.brands-hub .hero-breadcrumbs li+li::before{content:"→";margin-right:var(--space-2)}
.brands-hub .hero-breadcrumbs a,.brands-hub .hero-secondary-link{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.brands-hub .hero-secondary-link{display:inline-flex;align-items:center;min-height:var(--action-height);margin-top:var(--space-3);font-size:var(--type-body);line-height:var(--leading-body)}
.brands-hub .service-info-panel p a{color:var(--color-blue);text-underline-offset:.2em}
.brands-hub #brand-preparation .section-shell>.action{justify-self:start}
.brands-hub #brand-faq .faq-answer p{margin:0}
.brands-hub #brand-faq .faq-answer ul{margin:var(--space-4) 0;padding-left:var(--space-6)}
.brands-hub #brand-faq .faq-answer li+li{margin-top:var(--space-3)}
@media(min-width:768px){.brands-hub .brand-catalogue__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.brands-hub .brand-catalogue__list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--space-12)}}
