.eks-brand-selection{margin:22px 0 28px;color:#e8edef}
.eks-brand-selection .eks-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;font-size:13px;line-height:1.4}
.eks-brand-selection .eks-brand-heading strong{font-weight:600;color:#b7c4c8}
.eks-brand-selection .eks-brand-heading a{color:#83c760;font-size:12px;text-decoration:none}
.eks-brand-selection .eks-brand-grid{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-color:#4f7b3d #111b1f;scrollbar-width:thin;padding:2px 2px 10px}
.eks-brand-selection a.eks-brand-card{display:flex;flex:0 0 auto;min-width:154px;min-height:54px;align-items:center;justify-content:center;padding:10px 16px;box-sizing:border-box;border:1px solid #304047;border-radius:4px;background:#131d21;color:#eef2f3;text-align:center;text-decoration:none;scroll-snap-align:start;transition:background .15s,border-color .15s,color .15s}
.eks-brand-selection .eks-brand-name{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:15px;line-height:1.15;letter-spacing:.15px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.eks-brand-selection a.eks-brand-card:hover,.eks-brand-selection a.eks-brand-card[aria-current=page]{border-color:#83c760;background:#1a2a20;color:#a5e58a}
.eks-brand-selection a:focus-visible{outline:2px solid #83c760;outline-offset:1px}
@media(max-width:650px){
.eks-brand-selection{margin:18px 0 22px}
.eks-brand-selection .eks-brand-grid{gap:8px}
.eks-brand-selection a.eks-brand-card{min-width:140px;min-height:50px;padding:10px 14px}
.eks-brand-selection .eks-brand-name{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.eks-brand-selection a.eks-brand-card{transition:none}}

/* Original manufacturer artwork, hosted locally and kept in its original colours. */
.eks-brand-selection a.eks-brand-card.eks-brand-has-logo{flex-direction:column;gap:7px;width:154px;min-height:88px;padding:8px 8px 7px}
.eks-brand-selection .eks-brand-logo-plate{display:flex;align-items:center;justify-content:center;flex:none;width:136px;height:48px;background:#fff;border-radius:2px;padding:6px;box-sizing:border-box}
.eks-brand-selection .eks-brand-logo-plate.eks-brand-logo-dark{background:#121b21}
.eks-brand-selection img.eks-brand-logo{display:block;width:124px;height:36px;max-width:100%;object-fit:contain;object-position:center}
.eks-brand-selection .eks-brand-has-logo .eks-brand-name{font-size:12px;line-height:1.2;letter-spacing:0}
@media(max-width:650px){.eks-brand-selection a.eks-brand-card.eks-brand-has-logo{width:140px;min-width:140px;min-height:84px}.eks-brand-selection .eks-brand-logo-plate{width:122px;height:44px}.eks-brand-selection img.eks-brand-logo{width:110px;height:32px}}

/* The homepage shows the full selection; catalogue facets remain scrollable. */
#eks-home-brand-selection .eks-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding:2px}
#eks-home-brand-selection a.eks-brand-card{width:100%;min-width:0;min-height:88px;padding:8px;box-sizing:border-box}
#eks-home-brand-selection .eks-brand-logo-plate{width:100%;max-width:136px}
#eks-home-brand-selection img.eks-brand-logo{width:100%;max-width:124px}
@media(min-width:1280px){#eks-home-brand-selection .eks-brand-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:899px){#eks-home-brand-selection .eks-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){
#eks-home-brand-selection .eks-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#eks-home-brand-selection a.eks-brand-card{min-height:78px;padding:6px;gap:6px}
#eks-home-brand-selection .eks-brand-logo-plate{height:42px;padding:5px}
#eks-home-brand-selection img.eks-brand-logo{height:32px}
#eks-home-brand-selection .eks-brand-name{font-size:clamp(9px,2.5vw,12px)}
}