.brands-page{padding:60px 0 80px}.brands-page__header{text-align:center;margin-bottom:56px;padding:0 20px}.brands-page__title{margin-bottom:20px;letter-spacing:-.02em}.brands-page__subtitle{max-width:640px;margin:0 auto;color:rgba(var(--color-foreground),.65);font-size:1.125rem;line-height:1.7}.brands-page__grid{display:grid;grid-template-columns:repeat(var(--columns, 4),1fr);gap:20px}@media screen and (max-width:1199px){.brands-page__grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media screen and (max-width:989px){.brands-page__grid{grid-template-columns:repeat(3,1fr);gap:16px}.brands-page{padding:48px 0 64px}.brands-page__header{margin-bottom:40px}}@media screen and (max-width:749px){.brands-page__grid{grid-template-columns:repeat(2,1fr);gap:12px}.brands-page{padding:32px 0 48px}.brands-page__header{margin-bottom:32px}.brands-page__subtitle{font-size:1rem}}@media screen and (max-width:479px){.brands-page__grid{grid-template-columns:repeat(2,1fr);gap:10px}.brands-page{padding:24px 0 40px}}.brands-page__card{position:relative;border-radius:12px;overflow:hidden;background:rgba(var(--color-foreground),.015);border:1px solid rgba(var(--color-foreground),.06);transition:all .35s cubic-bezier(.4,0,.2,1)}.brands-page__card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0000001f;border-color:rgba(var(--color-foreground),.12);background:rgb(var(--color-background))}.brands-page__card-link{display:block;text-decoration:none;color:inherit}.brands-page__card-inner{padding:28px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:180px}@media screen and (max-width:749px){.brands-page__card-inner{padding:20px 12px 18px;min-height:150px}}@media screen and (max-width:479px){.brands-page__card-inner{padding:16px 10px 14px;min-height:130px}}.brands-page__image-wrapper{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}@media screen and (max-width:749px){.brands-page__image-wrapper{height:48px;margin-bottom:12px}}@media screen and (max-width:479px){.brands-page__image-wrapper{height:40px;margin-bottom:10px}}.brands-page__image{max-width:85%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:all .35s ease}.brands-page__card:hover .brands-page__image{filter:grayscale(0%);opacity:1;transform:scale(1.08)}.brands-page__placeholder{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.brands-page__placeholder .placeholder-svg{width:48px;height:48px;opacity:.25}.brands-page__content{width:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.brands-page__name{font-size:.95rem;font-weight:600;margin:0 0 6px;color:rgb(var(--color-foreground));transition:color .3s ease;letter-spacing:.01em}@media screen and (max-width:749px){.brands-page__name{font-size:.85rem;margin-bottom:4px}}@media screen and (max-width:479px){.brands-page__name{font-size:.8rem}}.brands-page__tagline{font-size:.8rem;color:rgba(var(--color-foreground),.55);margin:0 0 12px;line-height:1.4}@media screen and (max-width:749px){.brands-page__tagline{font-size:.75rem;margin-bottom:10px;display:none}}.brands-page__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;font-weight:500;color:rgba(var(--color-foreground),.6);transition:all .3s ease;opacity:0;transform:translateY(8px)}.brands-page__card:hover .brands-page__cta{opacity:1;transform:translateY(0);color:rgb(var(--color-foreground))}.brands-page__cta svg{width:14px;height:14px;transition:transform .3s ease}.brands-page__card:hover .brands-page__cta svg{transform:translate(3px)}@media(hover:none){.brands-page__cta{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.brands-page__cta{font-size:.75rem;opacity:1;transform:translateY(0)}.brands-page__cta svg{width:12px;height:12px}}.brands-page__empty{text-align:center;padding:80px 20px;color:rgba(var(--color-foreground),.45);font-size:.95rem}.brands-page__card-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:12px}@media(prefers-color-scheme:dark){.brands-page__card{background:rgba(var(--color-foreground),.02)}.brands-page__card:hover{box-shadow:0 24px 48px #0000004d}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-brands-page.css.map */
