/* Authentic manufacturer marks use a consistent slot, separate from photographs. */
.product-brand{--brand-width:144px;--brand-height:40px;display:inline-flex;align-items:center;justify-content:flex-start;width:min(var(--brand-width),100%);height:var(--brand-height);min-width:0;flex:0 0 auto;gap:8px;vertical-align:middle;background:transparent;padding:0;line-height:1}
.product-brand img{display:block;width:auto;height:auto;max-width:100%;max-height:34px;object-fit:contain;object-position:left center}
.product-brand.detail{--brand-width:164px;--brand-height:48px}
.product-brand.detail img{max-height:40px}
.product-brand.compact{--brand-height:38px}
.product-brand.has-name{white-space:nowrap}
.product-brand.has-name img{width:68px;height:28px;max-width:68px;flex:0 0 auto}
.product-brand.has-name[title="Mellanox"] img{width:38px;height:38px;max-width:38px;max-height:38px}
.product-brand.has-name.detail[title="Mellanox"] img{width:46px;height:46px;max-width:46px;max-height:46px}
.product-brand .brand-name{display:inline;font-size:14px;line-height:1.3;font-weight:500;color:#33435d}
.product-brand.detail .brand-name{font-size:16px}

/* Separate rows prevent an article code from pushing its logo to a new position. */
.product-card .card-meta,.catalog-page .catalog-product .card-meta{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:40px minmax(20px,auto);align-items:center;justify-items:start;gap:6px;min-height:66px}
.product-card .card-meta>.product-brand{grid-row:1;grid-column:1}
.product-card .card-meta>span:first-child,.catalog-page .catalog-product .card-meta>span:first-child{display:block;grid-row:2;grid-column:1;min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.detail-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(20px,auto);justify-items:start;align-items:center;gap:6px}
.detail-top>.product-brand{grid-column:1;grid-row:1}
.detail-top>span:first-child{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}
.cart-product-meta{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:38px auto;justify-items:start;align-items:center;gap:4px;font-size:14px;line-height:1.5;color:#59677c}
.cart-product-meta>.product-brand{grid-column:1;grid-row:1}
.cart-product-meta .cart-sku{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}

/* Comparison brands share a baseline regardless of the product title length. */
.comparison-table thead th:not(:first-child){position:relative;padding-top:74px}
.comparison-table thead th>.product-brand{position:absolute;left:22px;top:18px;margin:0;justify-content:flex-start}
.search-suggestions .product-brand{display:flex;margin-top:6px}
.search-suggestions>a>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.detail-info .full-name,.spec-table dd{overflow-wrap:anywhere}
@media(max-width:600px){
 .comparison-table thead th>.product-brand{left:16px}
 .search-suggestions>a:not(.all-results){display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 10px;align-items:start}
 .search-suggestions>a:not(.all-results)>.suggest-image{grid-column:1;grid-row:1 / 3}
 .search-suggestions>a:not(.all-results)>span:nth-child(2){grid-column:2;grid-row:1}
 .search-suggestions>a:not(.all-results)>strong{grid-column:2;grid-row:2;margin-left:0}
}