/* Branded logo framing on every viewport. */
.brand{
  padding:4px;
  border:1px solid rgba(243,107,19,.42);
  border-radius:11px;
  background:rgba(7,5,4,.82);
  box-shadow:0 0 0 1px rgba(230,167,47,.05),0 8px 24px rgba(243,107,19,.11);
}
.brand img{border-radius:7px}
.footer-brand img{
  padding:5px;
  border:1px solid rgba(243,107,19,.36);
  border-radius:12px;
  background:#080504;
  box-shadow:0 8px 28px rgba(243,107,19,.1);
}

@media(max-width:760px){
  /* Fill the entire catalogue frame without the side gutters caused by contain. */
  .product-image{
    width:100%;
    aspect-ratio:4/3;
    background:#100b08;
  }
  .product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background:transparent;
  }
  .brand{width:94px;height:62px}
  .brand img{width:100%;height:100%;object-fit:contain}
}