.premium-brand-grid{background-color:var(--bg-color);padding-top:var(--pt);padding-bottom:var(--pb);width:100%;overflow:hidden}.premium-brand-grid__container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.premium-brand-grid__header{text-align:center;margin-bottom:40px}.premium-brand-grid__heading{margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2}.premium-brand-grid__subheading{margin:0;font-size:16px;color:#555}.premium-brand-grid__list{display:grid;grid-template-columns:repeat(var(--cols-desktop),1fr);column-gap:var(--gap-h);row-gap:var(--gap-v);align-items:center;justify-items:center}.premium-brand-grid__item{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity .3s ease,transform .3s ease}.premium-brand-grid__link{display:flex;align-items:center;justify-content:center;width:100%;height:var(--logo-h);max-width:var(--logo-w);text-decoration:none}.premium-brand-grid__image{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .3s ease}.premium-brand-grid__link:hover .premium-brand-grid__image{opacity:.7}.premium-brand-grid__image.placeholder-svg{background-color:#f4f4f4;padding:10px;border-radius:4px}.premium-brand-grid__btn-wrapper{display:none;text-align:center;margin-top:40px}.premium-brand-grid__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:var(--btn-bg-color);color:var(--btn-text-color);border:1px solid var(--btn-text-color);border-radius:0;transition:all .3s ease}.premium-brand-grid__btn:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-bg)}@keyframes brandFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.premium-brand-grid__item.is-animating{animation:brandFadeIn .4s ease forwards}@media screen and (max-width:989px){.premium-brand-grid__list{grid-template-columns:repeat(var(--cols-tablet),1fr)}}@media screen and (max-width:767px){.premium-brand-grid__list{grid-template-columns:repeat(var(--cols-mobile),1fr)}.premium-brand-grid__btn-wrapper{display:block}.premium-brand-grid__item.is-hidden-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/premium-brand-grid.css.map */