.section-page-brands{margin-top:-2rem;margin-bottom:2.5rem}.section-page-brands .search-form{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1rem}.section-page-brands .search-form .form-field{position:relative;width:100%;max-width:25rem}.section-page-brands .search-form .form-field .form-input{padding-right:2rem}.section-page-brands .search-form .form-field svg{height:1rem;width:1rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.section-page-brands .nav{position:sticky;top:8rem;height:3rem;width:100%;border-radius:1.5rem;margin-bottom:2rem;background-color:var(--colour-white);padding:0 .25rem}.section-page-brands .nav ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem;height:3rem}.section-page-brands .nav ol li a{display:flex;justify-content:center;align-items:center;height:1.5rem;width:1.5rem;border-radius:100%;font-size:.875rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;text-decoration:none;background-color:var(--colour-bg-alt);text-align:center;transition:all var(--transition-duration) var(--transition-timing)}.section-page-brands .nav ol li a.is-disabled{opacity:.5;point-events:none}.section-page-brands .grid{display:flex;flex-direction:column;gap:2rem}.section-page-brands .grid>div{scroll-margin-top:12rem;padding-bottom:2rem;border-bottom:1px solid var(--colour-grey)}.section-page-brands .grid ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}.section-page-brands .grid ul li a{text-decoration:none;color:var(--colour-text-base);transition:color var(--transition-duration) var(--transition-timing)}.section-page-brands .grid ul li:hover a,.section-page-brands .grid ul li:focus a{color:var(--colour-quaternary)}.section-page-brands .content{margin-top:3rem}@media (min-width: 768px){.section-page-brands{margin-bottom:5rem}.section-page-brands .nav{padding:0 1rem}.section-page-brands .nav ol{justify-content:center}.section-page-brands .grid>div{scroll-margin-top:13rem}.section-page-brands .grid ul{grid-template-columns:repeat(3,minmax(0,1fr))}.section-page-brands .grid ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1023.98px){.section-page-brands .nav ol{overflow-x:auto}}@media (hover: hover){.section-page-brands .nav ol li:hover a,.section-page-brands .nav ol li:focus a{background-color:var(--colour-quinary);color:var(--colour-white)}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-page-brands.css.map */