/* Wholesale brand art shares one light canvas, independent of the image's shape. */
.wholesale-catalogue .product-grid{gap:18px}
.wholesale-catalogue .product-card{display:flex;flex-direction:column;min-width:0}
.wholesale-catalogue .product-cover{
  display:flex;align-items:center;justify-content:center;
  flex:0 0 136px;height:136px;min-height:136px;max-height:136px;
  width:100%;padding:20px;border-right:0;border-bottom:1px solid var(--border);
  background:#F8FAFC;overflow:hidden;
}
.wholesale-catalogue .product-cover .brand-image{
  inset:20px;width:calc(100% - 40px);height:calc(100% - 40px);
  max-width:none;max-height:none;object-fit:contain;object-position:center;
}
.wholesale-catalogue .product-body{flex:1;padding:16px}
.wholesale-catalogue .card-actions{margin-top:auto;padding-top:14px}
.wholesale-detail .detail-logo{
  display:flex;align-items:center;justify-content:center;
  width:190px;max-width:190px;flex:0 0 190px;
  height:108px;min-height:108px;max-height:108px;
  padding:16px;background:#F8FAFC;border:1px solid var(--border);
}
.wholesale-detail .detail-logo .brand-image{
  inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);
  max-width:none;max-height:none;object-fit:contain;object-position:center;
}
:is(.wholesale-catalogue,.wholesale-detail) .brand-image.on-dark{
  background:transparent;padding:0;border-radius:0;
  filter:drop-shadow(1px 0 0 #475569) drop-shadow(-1px 0 0 #475569)
         drop-shadow(0 1px 0 #475569) drop-shadow(0 -1px 0 #475569);
}
.wholesale-wordmark{
  display:block;max-width:100%;color:#0F172A;text-align:center;
  font-size:clamp(20px,2.2vw,28px);font-weight:750;letter-spacing:.04em;
  line-height:1.3;text-wrap:balance;overflow-wrap:anywhere;
}
.wholesale-detail .wholesale-wordmark{font-size:23px}
@media(max-width:540px){
  .wholesale-catalogue .product-grid{gap:14px}
  .wholesale-catalogue .product-cover{flex-basis:120px;height:120px;min-height:120px;max-height:120px}
  .wholesale-detail .product-intro{align-items:flex-start}
  .wholesale-detail .detail-logo{width:132px;max-width:132px;flex-basis:132px;height:88px;min-height:88px;max-height:88px;padding:12px}
  .wholesale-detail .detail-logo .brand-image{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}
  .wholesale-detail .wholesale-wordmark{font-size:18px}
}