/* Catalog v1.1: real brand marks and resilient product photography */
.brand-cloud div div{align-items:center}
.brand-cloud a{width:100px;height:38px;display:grid;place-items:center;padding:4px 10px;border-radius:9px;transition:.2s}
.brand-cloud a:hover{background:#f1f5f9;transform:translateY(-2px)}
.brand-cloud a img{width:100%;height:28px;object-fit:contain}
.card-media>.laptop,.card-media>img{grid-area:1/1}
.card-media>.image-fallback{z-index:0}
.card-media>img{z-index:1}
.card-brand,.product-brand{display:flex;align-items:center;gap:8px}
.card-brand img{width:27px;height:16px;object-fit:contain;flex:0 0 auto}
.product-brand img{width:48px;height:25px;object-fit:contain;flex:0 0 auto}
.main-image>*{grid-area:1/1}
.main-image>.image-fallback{z-index:0}
.main-image>img{z-index:1;background:#fff}
@media(max-width:760px){
  .brand-cloud .container{align-items:flex-start}
  .brand-cloud div div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .brand-cloud a{width:92px}
  .product-brand img{width:38px}
}