.all-brands-wrap{margin-top:50px}.all-brands .all-brands-inner{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}@media screen and (max-width: 1199px){.all-brands .all-brands-inner{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 767px){.all-brands .all-brands-inner{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 480px){.all-brands .all-brands-inner{grid-template-columns:repeat(2,1fr)}}.all-brands .brand-image{position:relative;display:block;margin-bottom:20px;padding-bottom:70%;border:1px solid var(--pet-text-alpha-10);border-radius:var(--radius-default);overflow:hidden;transition:var(--transition-150)}.all-brands .brand-image:hover{border-color:var(--terracotta-text)}.all-brands .brand-image:hover>img{transform:translate(-50%,-50%) scale(1.1)}.all-brands .brand-image>img{position:absolute;left:50%;top:50%;max-height:100%;max-width:100%;transform:translate(-50%,-50%) scale(1);transition:var(--transition-150)}.all-brands .brand-image .image-placeholder{height:65px;width:65px}.all-brands .empty-message{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:40px 0}.all-brands .empty-message svg{height:100px;width:100px;margin-bottom:22px}.all-brands .empty-message svg path{stroke:#fff;stroke-miterlimit:10;stroke-width:5px;fill:var(--terracotta)}