.top-brands{padding:50px 15px}.top-brands h2{text-align:center;font-size:28px;font-weight:600;margin-bottom:30px}.brand-layout{display:flex;align-items:stretch}.brand-left{width:40%;display:flex}.brand-left .brand-item{flex:1}.brand-left img{width:100%;height:100%;object-fit:cover}.brand-right{width:60%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.brand-right .brand-item{width:100%;aspect-ratio:1 / 1;overflow:hidden}.brand-right .brand-item img{width:100%;height:100%;object-fit:cover}.brand-item{position:relative;overflow:hidden}.brand-item img{transition:transform .3s ease}.brand-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;opacity:0;transition:opacity .3s ease}.brand-item:hover:after{opacity:1}.brand-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in-out;z-index:1}.brand-item:hover:before{transform:scaleX(1);transform-origin:left}.brand-item img{position:relative;z-index:0;transition:transform .3s ease}.brand-item a{cursor:pointer}@media (max-width: 991px){.brand-layout{flex-direction:column}.brand-left,.brand-right{width:100%}.brand-left .brand-item{aspect-ratio:2 / 1}.brand-right{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 576px){.brand-right{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.brand-left .brand-item{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/13/compiled_assets/styles.css.map */