/* One directory DOM, moved into the compact supply section by the existing responsive helper. */
#main .home-v13-restored .supply-directories .resource-directory{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:20px;width:calc(100% - 48px);max-width:none;margin:16px auto 0;padding:0;border:0;border-radius:0;background:transparent;align-items:stretch}
#main .home-v13-restored .supply-directories .resource-live-directory{display:none}
#main .home-v13-restored .supply-directories .resource-directory>section{min-width:0;margin:0;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
#main .home-v13-restored .supply-directories .resource-directory>section+section{padding:16px 20px;border-inline-start:1px solid var(--line)}
#main .home-v13-restored .supply-directories .resource-directory h3{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;line-height:30px;color:var(--brand-hover)}
#main .home-v13-restored .supply-directories .resource-directory h3>.icon{width:24px;height:24px;color:var(--brand)}
#main .home-v13-restored .supply-directories .resource-directory p{font-size:14px;line-height:22px;margin:4px 0 12px;color:var(--muted)}
#main .supply-directories .supply-area-gallery,#main .supply-directories .supply-brand-logos{display:grid;list-style:none;padding:0;margin:0}
#main .supply-directories .supply-area-gallery{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
#main .supply-directories .supply-area-gallery img{display:block;width:100%;height:clamp(64px,6.3vw,96px);object-fit:cover;border-radius:4px}
#main .supply-directories .supply-area-gallery strong{display:block;text-align:center;font-size:14px;line-height:22px;padding-top:6px;white-space:normal}
#main .supply-directories .supply-brand-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
#main .supply-directories .supply-brand-logos li{display:grid;place-items:center;min-width:0}
#main .supply-directories .supply-brand-logos img{display:block;width:100%;height:52px;object-fit:contain}
@media(max-width:1199px){
 #main .home-v13-restored .supply-directories .resource-directory{width:100%;margin-top:20px;gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
 #main .home-v13-restored .supply-directories .resource-directory>section,#main .home-v13-restored .supply-directories .resource-directory>section+section{padding:16px}
 #main .supply-directories .supply-area-gallery{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:136px;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin}
 #main .supply-directories .supply-area-gallery li{scroll-snap-align:start}
 #main .supply-directories .supply-area-gallery img{height:88px}
 #main .supply-directories .supply-brand-logos{gap:8px}
 #main .supply-directories .supply-brand-logos img{height:48px}
}
@media(max-width:767px){
 #main .home-v13-restored .supply-directories .resource-directory{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}
 #main .home-v13-restored .supply-directories .resource-directory>section,#main .home-v13-restored .supply-directories .resource-directory>section+section{padding:14px}
 #main .home-v13-restored .supply-directories .resource-directory h3{font-size:20px;line-height:28px}
}

#main .supply-area-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#main .supply-gallery-controls{display:flex;flex:none;gap:4px}
#main .supply-gallery-controls[hidden]{display:none}
#main .supply-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--brand);border-radius:50%;background:var(--surface);color:var(--brand);cursor:pointer}
#main .supply-gallery-controls button>.icon{width:20px;height:20px}
#main .supply-gallery-controls button:hover:not(:disabled){background:var(--brand);color:var(--surface)}
#main .supply-gallery-controls button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
#main .supply-gallery-controls button:disabled{border-color:var(--line);color:var(--muted);cursor:default}
#main [data-supply-gallery-prev]>.icon{transform:rotate(180deg)}