.brands-carousel-wrapper{width:100%}.brands-carousel-heading{text-align:center;margin:0 0 3.6rem;font-size:clamp(2.4rem,2rem + 1.1vw,3.4rem);line-height:1.15;letter-spacing:-.02em}.brands-carousel-container{position:relative;display:flex;align-items:center;gap:1.5rem;overflow:hidden}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;min-width:44px;min-height:44px;border:1px solid rgba(var(--color-foreground),.22);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.carousel-arrow:hover{border-color:rgb(var(--color-button));color:rgb(var(--color-button));background:rgb(var(--color-background));transform:translateY(-50%) scale(1.08)}.carousel-arrow:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}.carousel-arrow-prev{left:0}.carousel-arrow-next{right:0}.carousel-arrow svg{width:20px;height:20px}.carousel-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0;margin:0 5.6rem;flex:1;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.brand-slide{flex:0 0 calc(20% - 1.2rem);min-width:200px;display:flex;flex-direction:column;align-items:center;gap:1rem;scroll-snap-align:start}.brand-card{width:100%;aspect-ratio:1;background:var(--brand-bg-color, #0052a3);border-radius:1.2rem;display:flex;align-items:center;justify-content:center;padding:1.6rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow:hidden;position:relative}.brand-slide--wordmark .brand-card{aspect-ratio:3 / 2;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);padding:1.6rem 2rem}.brand-slide--wordmark .brand-card:hover{border-color:var(--brand-accent, rgb(var(--color-button)))}.brand-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.brand-card:hover{transform:translateY(-.6rem);box-shadow:0 1.2rem 3rem rgba(var(--color-shadow),.12)}.brand-card:hover:before{opacity:1}.brand-logo{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);transition:filter .3s ease}.brand-card:hover .brand-logo{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:.8rem}.brand-text{color:#fff;font-family:var(--font-heading-family);font-size:2rem;font-weight:700;letter-spacing:-.01em;text-align:center;padding:0;line-height:1.25}.brand-slide--wordmark .brand-text{color:var(--brand-accent, rgb(var(--color-foreground)))}.brand-name{font-size:1.5rem;font-weight:600;text-align:center;margin:0;color:rgba(var(--color-foreground),.72);line-height:1.3}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer;transition:all .3s ease}.carousel-indicator.active{background:rgb(var(--color-foreground));transform:scale(1.3)}@media screen and (max-width:1200px){.brand-slide{flex:0 0 calc(25% - 1.125rem);min-width:180px}}@media screen and (max-width:900px){.brand-slide{flex:0 0 calc(33.333% - 1rem);min-width:160px}.carousel-arrow{width:4rem;height:4rem}.carousel-track{margin:0 4.8rem}}@media screen and (max-width:749px){.brands-carousel-heading{margin-bottom:2.4rem}.brand-slide{flex:0 0 calc(50% - .75rem);min-width:14rem}.brand-card{padding:1.2rem}.brand-text{font-size:1.6rem;padding:0}.brand-name{font-size:1.4rem}.carousel-arrow{width:3.6rem;height:3.6rem}.carousel-arrow svg{width:16px;height:16px}.carousel-track{margin:0 36px;gap:1rem}}@media screen and (max-width:480px){.brand-slide{flex:0 0 calc(70% - .45rem);min-width:120px}.carousel-arrow{width:32px;height:32px}.carousel-track{margin:0 32px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-brands-carousel.css.map */