.brands-grid{width:100%}.brands-grid__header{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:2.4rem}@media screen and (min-width:750px){.brands-grid__header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:3.2rem}}.brands-grid__heading{margin:0 0 .4rem}.brands-grid__subheading{margin:0;color:rgb(var(--color-foreground-secondary))}.brands-grid__sort{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.brands-grid__sort-label{font-size:1.4rem;color:rgb(var(--color-foreground-secondary));white-space:nowrap}.brands-grid__sort-select{padding:.8rem 3.2rem .8rem 1.2rem;border:.1rem solid rgb(var(--color-border));border-radius:.6rem;background-color:rgb(var(--color-background));font-size:1.4rem;color:rgb(var(--color-foreground));-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}.brands-grid__filter{display:flex;flex-wrap:nowrap;gap:.6rem;margin-bottom:2.4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding:1.6rem;scrollbar-width:thin;scrollbar-color:rgb(var(--color-foreground) / .18) transparent;padding-bottom:1rem;position:sticky;top:0;z-index:4;background-color:rgb(var(--color-background))}.brands-grid__filter::-webkit-scrollbar{height:.5rem}.brands-grid__filter::-webkit-scrollbar-track{background:transparent}.brands-grid__filter::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground) / .18);border-radius:2rem;transition:background-color var(--duration-default) ease}.brands-grid__filter:hover::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground) / .32)}.brands-grid__filter-pill{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:3.6rem;padding:0 1.4rem;border:.1rem solid rgb(var(--color-border));border-radius:.6rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color var(--duration-default) ease,color var(--duration-default) ease,box-shadow var(--duration-default) ease}.brands-grid__filter-pill:hover{border-color:rgb(var(--color-foreground))}.brands-grid__filter-pill.is-active{border-color:rgb(var(--color-button));color:rgb(var(--color-button));box-shadow:inset 0 0 0 .1rem rgb(var(--color-button))}.brands-grid__list{display:flex;flex-direction:column;gap:4rem}.brands-grid__row{scroll-margin-top:8rem}.brands-grid__row[hidden]{display:none}.brands-grid__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media screen and (min-width:750px){.brands-grid__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}}@media screen and (min-width:990px){.brands-grid__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1200px){.brands-grid__grid{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1360px){.brands-grid__grid{grid-template-columns:repeat(6,1fr)}}.brands-grid__brand-card{display:flex;flex-direction:column;background-color:rgb(var(--color-background-card, 255 255 255));border-radius:.6rem;overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--duration-default) ease}.brands-grid__brand-card:hover{transform:translateY(-.2rem)}.brands-grid__brand-card:hover .brands-grid__brand-cta{color:rgb(var(--color-button))}.brands-grid__brand-media{position:relative;padding-bottom:100%;background-color:#fff;overflow:hidden}.brands-grid__brand-image{position:absolute;top:0;right:0;bottom:0;left:0;width:70%;height:70%;margin:auto;object-fit:contain}.brands-grid__brand-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.6rem;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 55%),linear-gradient(135deg,#f3f4f6,#e5e7eb);text-align:center}.brands-grid__brand-placeholder-text{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:rgb(var(--color-foreground));word-break:break-word}.brands-grid__brand-info{padding:2rem 1.6rem}.brands-grid__brand-title{margin:0 0 .6rem}.brands-grid__brand-meta{margin:0 0 1.2rem;font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}.brands-grid__brand-cta{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));transition:color var(--duration-default) ease}.brands-grid__skeleton{position:relative;border-radius:.6rem;overflow:hidden;background-color:rgb(var(--color-foreground) / .04);aspect-ratio:3 / 4;min-height:18rem}.brands-grid__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgb(var(--color-foreground) / .06) 50%,transparent 100%);transform:translate(-100%);animation:brands-grid-shimmer 1.4s infinite}@media(prefers-reduced-motion:reduce){.brands-grid__skeleton:after{animation:none}}@keyframes brands-grid-shimmer{to{transform:translate(100%)}}.brands-grid__empty{text-align:center;padding:4rem 0;color:rgb(var(--color-foreground-secondary))}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-brands-grid.css.map */