.main-brand-nav{position:relative;margin-top:0rem;margin-inline:0rem}.main-brand-nav ul{display:flex;flex-wrap:nowrap;gap:1rem;overflow:auto;margin:0;-ms-overflow-style:none;scrollbar-width:none;padding-inline:5rem;justify-content:center}.main-brand-nav ul::-webkit-scrollbar{display:none}.main-brand-nav li{min-width:4.8rem;min-height:5rem;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.8rem .5rem;font-size:1.4rem;line-height:1;border-radius:.5rem;text-transform:uppercase;transition:all .3s 0s ease-in-out;border:.1rem solid rgba(var(--color-foreground),.3);font-weight:600;background:var(--color-creamy)}.main-brand-nav li.disabled{background:#ccc;opacity:.6;color:rgb(var(--color-link));cursor:not-allowed}.main-brand-nav li:is(:hover,.active){background-color:rgb(var(--color-link),.8);color:rgb(var(--color-background))}.main-brand-contents .brand-content-item h4{padding:4rem 0 2rem;font-size:3rem;line-height:1;text-transform:uppercase;margin-bottom:0;margin-top:0;font-family:var(--font-body-family);font-weight:600}.main-brand-contents .brand-content-item ul{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}.main-brand-contents .brand-content-item li{width:calc(50% - .75rem);background-color:var(--color-light-white);padding:1rem 1.2rem;border-radius:.8rem;font-size:1.4rem;cursor:pointer;transition:all .3s 0s ease-in-out;display:flex;align-items:center;gap:1rem;justify-content:space-between;position:relative;overflow:hidden;text-transform:capitalize}.main-brand-contents .brand-content-item li:hover{background-color:#000;color:#fff}.main-brand-contents .brand-content-item li a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.all-brands-section .section{padding-top:0!important}.all-brands-section .sticky-content{position:sticky;top:calc(var(--header-height) + var(--announcement-bar-height));background-color:var(--clr-white);z-index:2;padding-bottom:3rem;padding-top:3rem;transition:.3s}body:has(.header.is-hidden) .all-brands-section .sticky-content{top:var(--announcement-bar-height)}.main-brand-contents .brand-content-item li:hover a.link{color:rgb(var(--color-background))}.main-brand-contents .brand-content-item li a.link{text-decoration:none;font-size:1.4rem;background:transparent;line-height:normal;top:.1rem;color:var(--color-brown)}.main-brand-contents .brand-content-item li a.link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.main-brand-contents .brand-content-item li span{color:rgb(var(--color-link));font-size:1.8rem}.main-brand-contents .brand-content-item li:hover span{color:#fff}.all-brands-section .page-header h1{margin-top:0;font-size:6rem;margin-bottom:1rem}.all-brands-section .rte p{max-width:80rem;text-align:center}.all-brands-section .page-header{display:flex;flex-direction:column;align-items:center;border-bottom:.1rem solid rgba(var(--color-foreground),.9);padding-bottom:5rem}body:has(.shopify-section-header-sticky) .all-brands-section .sticky-content{top:calc(var(--header-height) * 1)}body:has(.shopify-section-header-hidden) .all-brands-section .sticky-content{top:0}@media(max-width:1199px){.main-brand-contents .brand-content-item li{padding:1rem 2.2rem;width:100%}.main-brand-nav ul{display:flex;overflow:auto;flex-wrap:wrap}.main-brand-nav{margin-top:3rem}.main-brand-contents .brand-content-item li a.link{font-size:1.8rem}.main-brand-nav li{font-size:1.6rem}.all-brands-section .sticky-content{position:static}}@media(max-width:749px){.main-brand-contents .brand-content-item h4{padding:2.4rem 0 2.2rem;font-size:4.3rem}.main-brand-contents .brand-content-item li{padding:1.4rem 2.7rem}.all-brands-section .sticky-content{padding-bottom:2rem;padding-top:2rem}.all-brands-section .rte p{font-size:1.66854rem}.all-brands-section .page-header h1{margin-top:0;font-size:5.56181rem;margin-bottom:1rem}.main-brand-nav li{font-size:1.94663rem;min-width:7rem;min-height:6.5rem}.main-brand-contents .brand-content-item li{font-size:1.94663rem}.main-brand-nav{margin-inline:-1.5rem}.main-brand-nav ul{padding-inline:0rem}.main-brand-nav{margin-top:5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-all-brands.css.map */
