/* Brand logos on Product List pages. Loaded after product-beautify.css. */

#rows li[data-row]::before,
.entry-list li::before,
.product-list li::before {
  content: "" !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}

#rows li[data-row]:has(a[href*="/honeywell/"])::before,
.entry-list li:has(a[href*="brand-0002"])::before,
.entry-list li:has(a[href*="honeywell.html"])::before {
  background-color: #e4002b;
  background-image: url("../images/brands/honeywell.svg");
}
#rows li[data-row]:has(a[href*="/bw/"])::before,
.entry-list li:has(a[href*="brand-0010"])::before,
.entry-list li:has(a[href*="bw.html"])::before {
  background-color: #f5c400;
  background-image: url("../images/brands/honeywell-bw.svg");
}
#rows li[data-row]:has(a[href*="/drager/"])::before,
.entry-list li:has(a[href*="brand-0003"])::before,
.entry-list li:has(a[href*="drager.html"])::before {
  background-color: #003da5;
  background-image: url("../images/brands/drager.svg");
}
#rows li[data-row]:has(a[href*="/rae/"])::before,
#rows li[data-row]:has(a[href*="/huarui/"])::before,
.entry-list li:has(a[href*="brand-0014"])::before,
.entry-list li:has(a[href*="rae.html"])::before,
.entry-list li:has(a[href*="huarui.html"])::before {
  background-color: #f2a900;
  background-image: url("../images/brands/rae.svg");
}
#rows li[data-row]:has(a[href*="/yingsike/"])::before,
.entry-list li:has(a[href*="brand-0005"])::before,
.entry-list li:has(a[href*="yingsike.html"])::before {
  background-color: #c8102e;
  background-image: url("../images/brands/indsci.svg");
}
#rows li[data-row]:has(a[href*="/riken/"])::before,
.entry-list li:has(a[href*="brand-0001"])::before,
.entry-list li:has(a[href*="riken.html"])::before {
  background-color: #0b3d91;
  background-image: url("../images/brands/riken.svg");
}
#rows li[data-row]:has(a[href*="/dfht/"])::before,
.entry-list li:has(a[href*="brand-1019"])::before {
  background-color: #1e5a9c;
  background-image: url("../images/brands/dfht.svg");
}
#rows li[data-row]:has(a[href*="/mpower/"])::before,
.entry-list li:has(a[href*="brand-2019"])::before {
  background-color: #0f766e;
  background-image: url("../images/brands/mpower.svg");
}
#rows li[data-row]:has(a[href*="/oldham/"])::before,
.entry-list li:has(a[href*="oldham.html"])::before {
  background-color: #334155;
  background-image: url("../images/brands/oldham.svg");
}
#rows li[data-row]:has(a[href*="/sensit/"])::before,
.entry-list li:has(a[href*="sensit.html"])::before {
  background-color: #b45309;
  background-image: url("../images/brands/sensit.svg");
}
#rows li[data-row]:has(a[href*="/ati/"])::before,
.entry-list li:has(a[href*="ati.html"])::before {
  background-color: #0369a1;
  background-image: url("../images/brands/ati.svg");
}

h1.pl-h1 {
  display: flex;
  align-items: center;
  gap: 12px;
}
h1.pl-h1::before {
  content: "";
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 12px;
  background: #e8f0ff center / contain no-repeat;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}
h1.pl-h1--list::before {
  background-color: #1d4ed8;
  background-image: url("../images/brands/list.svg");
}
h1.pl-h1--honeywell::before { background-color: #e4002b; background-image: url("../images/brands/honeywell.svg"); }
h1.pl-h1--bw::before { background-color: #f5c400; background-image: url("../images/brands/honeywell-bw.svg"); }
h1.pl-h1--drager::before { background-color: #003da5; background-image: url("../images/brands/drager.svg"); }
h1.pl-h1--rae::before,
h1.pl-h1--huarui::before { background-color: #f2a900; background-image: url("../images/brands/rae.svg"); }
h1.pl-h1--indsci::before,
h1.pl-h1--yingsike::before { background-color: #c8102e; background-image: url("../images/brands/indsci.svg"); }
h1.pl-h1--riken::before { background-color: #0b3d91; background-image: url("../images/brands/riken.svg"); }
h1.pl-h1--dfht::before { background-color: #1e5a9c; background-image: url("../images/brands/dfht.svg"); }
h1.pl-h1--mpower::before { background-color: #0f766e; background-image: url("../images/brands/mpower.svg"); }
h1.pl-h1--oldham::before { background-color: #334155; background-image: url("../images/brands/oldham.svg"); }
h1.pl-h1--sensit::before { background-color: #b45309; background-image: url("../images/brands/sensit.svg"); }
h1.pl-h1--ati::before { background-color: #0369a1; background-image: url("../images/brands/ati.svg"); }