.brands-page-wrapper{position:relative;width:100%}.brands-page-container{margin:0 auto;padding:0 20px}.brands-page-container.narrow-width{max-width:1400px}.brands-page-container.full-width{max-width:100%}.brands-page-title{margin-bottom:20px}.brands-page-title h1{margin:0;line-height:1.2}.brands-page-description{max-width:800px}.text-left{text-align:left}.text-center{text-align:center;margin-left:auto;margin-right:auto}.text-right{text-align:right;margin-left:auto}.brands-page-grid{display:grid;width:100%}.brands-page-grid.grid-layout{align-items:stretch}.brand-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.brand-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.brand-card.card-style-classic{border:1px solid #e5e5e5;border-radius:0;background:#fff}.brand-card.card-style-classic:hover{border-color:#000;transform:translateY(-2px)}.brand-card.card-style-modern{border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000014}.brand-card.card-style-modern:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.brand-card.card-style-minimal{border:none;border-radius:0;background:transparent}.brand-card.card-style-minimal:hover{opacity:.85}.brand-card.card-style-elevated{border-radius:16px;background:#fff;box-shadow:0 4px 16px #0000001a}.brand-card.card-style-elevated:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px) scale(1.02)}.brand-card-image-wrapper{position:relative;width:100%;overflow:hidden;background:#f5f5f5}.brand-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.brand-card:hover .brand-card-image{transform:scale(1.08)}.brand-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.brand-card-placeholder svg{width:60%;height:60%;opacity:.3}.brand-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .4s ease}.brand-card:hover .brand-card-overlay{opacity:.3!important}.brand-logo-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .4s ease}.brand-card:hover .brand-logo-overlay{opacity:1}.brand-logo{display:block;max-height:80px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.brand-card-content{display:flex;flex-direction:column;flex-grow:1}.brand-card-title{margin:0;line-height:1.3;transition:color .3s ease}.brand-card:hover .brand-card-title{color:var(--color-accent, #0066cc)}.brand-card-count{margin:5px 0 0;font-size:14px;opacity:.8}.brand-card-description{margin-top:10px}.brand-card-description p{margin:0}.brand-card-button-wrapper{margin-top:auto}.brand-card-button{display:inline-block;text-align:center;text-decoration:none;transition:all .3s ease;cursor:pointer;white-space:nowrap}.brand-card-button.button-style-primary{border:none}.brand-card-button.button-style-primary:hover{opacity:.9;transform:translateY(-1px)}.brand-card-button.button-style-secondary{background:transparent!important;border:2px solid currentColor}.brand-card-button.button-style-secondary:hover{background:currentColor!important;color:#fff!important}.brand-card-button.button-style-outline{background:transparent!important;border:1px solid currentColor}.brand-card-button.button-style-outline:hover{background:currentColor!important;color:#fff!important}.brands-page-grid.carousel-layout .slick-track{display:flex;align-items:stretch}.brands-page-grid.carousel-layout .slick-slide{height:auto;display:flex}.brands-page-grid.carousel-layout .slick-slide>div{width:100%;display:flex}.brands-page-grid.carousel-layout .brand-card{margin:0 15px}.brands-page-grid.carousel-layout .slick-arrow{width:50px;height:50px;z-index:10}.brands-page-grid.carousel-layout .slick-prev{left:-60px}.brands-page-grid.carousel-layout .slick-next{right:-60px}.brands-page-grid.carousel-layout .slick-prev:before,.brands-page-grid.carousel-layout .slick-next:before{font-size:40px;opacity:.7}.brands-page-grid.carousel-layout .slick-prev:hover:before,.brands-page-grid.carousel-layout .slick-next:hover:before{opacity:1}.brands-page-grid.carousel-layout .slick-dots{bottom:-40px}.brands-page-grid.carousel-layout .slick-dots li button:before{font-size:12px}.brands-page-grid.masonry-layout{column-gap:30px}.brands-page-empty{grid-column:1 / -1}.brand-card{opacity:1;animation:fadeInUp .6s ease-out backwards}.brand-card:nth-child(1){animation-delay:.1s}.brand-card:nth-child(2){animation-delay:.2s}.brand-card:nth-child(3){animation-delay:.3s}.brand-card:nth-child(4){animation-delay:.4s}.brand-card:nth-child(n+5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1200px){.brands-page-container{padding:0 15px}.brands-page-grid.carousel-layout .slick-prev{left:-40px}.brands-page-grid.carousel-layout .slick-next{right:-40px}}@media screen and (max-width:768px){.brands-page-container{padding:0 15px}.brand-card{margin-bottom:20px}.brands-page-grid.carousel-layout .brand-card{margin:0 10px}.brands-page-grid.carousel-layout .slick-prev,.brands-page-grid.carousel-layout .slick-next{width:40px;height:40px}.brands-page-grid.carousel-layout .slick-prev{left:10px}.brands-page-grid.carousel-layout .slick-next{right:10px}.brands-page-grid.carousel-layout .slick-prev:before,.brands-page-grid.carousel-layout .slick-next:before{font-size:30px}.brand-logo{max-height:60px}.brands-page-grid.mobile-list-layout .brand-card{margin-bottom:30px}.brands-page-grid.mobile-list-layout .brand-card-image-wrapper{aspect-ratio:16 / 9!important}}@media screen and (max-width:480px){.brands-page-title h1{font-size:28px!important}.brands-page-description div{font-size:14px!important}.brand-card-button{font-size:12px!important;padding:8px 16px!important}}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.brand-card-image[loading=lazy]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.brands-page-grid.carousel-layout .slick-arrow,.brands-page-grid.carousel-layout .slick-dots{display:none!important}.brand-card{page-break-inside:avoid}}.brand-card:focus-within{outline:2px solid #0066cc;outline-offset:4px}.brand-card-link:focus{outline:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brands-page.css.map */