.es-product-brand { margin: 0 0 16px; font-size: 16px; line-height: 1.6; }
.es-product-brand a, .es-brand-directory-shortcut a { display: inline-block; padding: 8px 0; text-decoration: underline; text-underline-offset: 3px; }
.es-brand-directory { scroll-margin-top: 28px; }
.es-brand-directory > p { max-width: 760px; }
.es-brand-directory ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; padding: 0; list-style: none; }
.es-brand-directory li { min-width: 0; }
.es-brand-directory a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 100%; min-height: 150px; padding: 16px 12px; border: 1px solid var(--line); border-radius: 3px; background: #fff; text-align: center; line-height: 1.5; overflow-wrap: anywhere; text-decoration: none; }
.es-brand-directory a:hover { border-color: var(--accent); }
.es-brand-directory-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; }
.es-brand-directory-logo img { display: block; width: 208px; max-width: 100%; height: auto; max-height: 64px; object-fit: contain; }
/* Match the homepage: hide only the supplier's perimeter rule, not the logo. */
.es-brand-directory-logo .raster-logo { clip-path: inset(1.5px); }
.es-brand-directory-logo img[src$="/port-authority.png"] { clip-path: inset(2.5px 1.5px); }
.es-brand-directory-name { width: 100%; font-size: 1rem; text-align: center; text-decoration: underline; text-underline-offset: 3px; }
.es-brand-directory a:focus-visible, .es-product-brand a:focus-visible, .es-brand-directory-shortcut a:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px; }
@media(max-width:1100px){.es-brand-directory ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.es-brand-directory ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.es-brand-directory ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.es-brand-directory a{padding:12px 8px}}
.es-shop-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 40px}
.es-shop-start>a{display:flex;flex-direction:column;min-width:0;padding:30px 26px;background:#edf3ef;border:1px solid #bdceca;border-radius:4px;text-decoration:none;overflow-wrap:anywhere}
.es-shop-start>a:nth-child(2){background:#f6f6f2}
.es-shop-start>a:nth-child(3){background:#eef3f6}
.es-shop-start h2{font-size:clamp(1.5rem,2.3vw,2rem);margin-bottom:16px}
.es-shop-start p{font-size:1.0625rem;line-height:1.7;margin-bottom:24px}
.es-shop-start>a>span{display:flex;justify-content:space-between;gap:16px;margin-top:auto;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.es-shop-start>a:hover{border-color:var(--accent)}
.es-shop-start>a:focus-visible,.es-shop-styles a:focus-visible{outline:3px solid #005fcc;outline-offset:4px}
.es-shop-styles,#catalog-search{scroll-margin-top:28px}
.es-shop-styles ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;padding:0;list-style:none}
.es-shop-styles li{min-width:0}
.es-shop-styles a{display:block;height:100%;padding:12px;border:1px solid var(--line);border-radius:3px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.es-shop-styles .category-image{height:260px}
.es-shop-styles .category-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.es-shop-styles .category-name{margin:16px 0 4px}
.es-shop-styles .category-name h3{font-size:1.125rem;line-height:1.5}
.es-shop-styles a:hover{border-color:var(--accent)}
@media(max-width:800px){.es-shop-start{grid-template-columns:1fr}.es-shop-start>a{padding:24px}.es-shop-styles ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.es-shop-styles ul{gap:20px 12px}.es-shop-styles a{padding:8px}.es-shop-styles .category-image{height:160px}.es-shop-styles .category-name{display:block}.es-shop-styles .category-name>span{display:none}.es-shop-styles .category-name h3{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
