.brands-section{padding:72px 0 84px;background:#fff}
.brands-section .section-head{display:block;text-align:center;margin-bottom:43px}
.brands-section .section-head>div{display:block}
.brands-section .section-head .eyebrow,.brands-section .section-head>p{display:none}
.brands-section .section-head h2{display:inline-block;position:relative;margin:0;padding-bottom:13px;color:#202622;font-size:clamp(25px,3vw,36px);font-weight:800;line-height:1.35}
.brands-section .section-head h2:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#303430 35%,#303430 65%,transparent)}
.brand-carousel{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:18px;align-items:center;width:100%}
.brand-carousel .brand-tiles{display:flex;gap:20px;min-width:0;overflow-x:auto;overflow-y:hidden;border:0;border-radius:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:2px;direction:ltr}
.brand-carousel .brand-tiles::-webkit-scrollbar{display:none}
.brand-carousel .brand-tile{flex:0 0 calc((100% - 60px)/4);height:190px;padding:18px;background:#fff;border:1.5px solid #d0d0d0!important;border-radius:13px;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;color:#164a7a;transition:border-color .18s,box-shadow .18s,transform .18s}
.brand-carousel .brand-tile:hover{border-color:#9ba8ae!important;box-shadow:0 8px 24px #233d4a17;transform:translateY(-2px)}
.brand-carousel .brand-tile .brand-symbol,.brand-carousel .brand-tile small{display:none}
.brand-carousel .brand-tile b{font:700 clamp(23px,2.3vw,32px) "DM Sans",Arial,sans-serif;letter-spacing:-1.4px;text-align:center;line-height:1.15}
.brand-carousel .brand-tile[id*="merck"] b{color:#e43c69}
.brand-carousel .brand-tile[id*="supelco"] b{color:#573ca0}
.brand-carousel .brand-tile[id*="millipore"] b{color:#22607a}
.brand-carousel .brand-tile img.custom-brand-image{display:block;max-width:90%;max-height:105px;width:auto;height:auto;object-fit:contain;margin:0 auto}
.brand-carousel .brand-tile:has(img.custom-brand-image) b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand-carousel-arrow{width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#929292;color:#fff;font:300 56px/42px Arial,sans-serif;display:grid;place-items:center;transition:background .2s,opacity .2s}
.brand-carousel-arrow:hover{background:#666}
.brand-carousel-arrow:disabled{opacity:.4;cursor:default}
@media(max-width:700px){.brands-section{padding:48px 0 58px}.brands-section .section-head{margin-bottom:28px}.brand-carousel{grid-template-columns:35px minmax(0,1fr) 35px;gap:7px}.brand-carousel-arrow{width:35px;height:35px;font-size:38px;line-height:28px}.brand-carousel .brand-tiles{gap:12px}.brand-carousel .brand-tile{flex-basis:min(70vw,245px);height:145px}.brand-carousel .brand-tile b{font-size:24px}}