/* Shared catalogue and trade-price resources for all public brand pages. */
.brand-resource-grid {
  
  
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1px;
  width: min(100%, 700px);
  min-width: 0;
  margin: 0;
  border: 1px solid var(--color-border);
  background: var(--color-bg-subtle);
}
.brand-resource-card {
  min-width: 0;
  min-height: 188px;
  padding: 22px;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 20px;
  color: inherit;
  background: var(--color-bg-card);
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.brand-resource-card:hover,.brand-resource-card:focus-visible { transform: translateY(-3px); background: rgba(255, 255, 255, .12); }
.brand-resource-card:focus-visible { outline: 3px solid var(--resource-icon-colour, var(--color-highlight)); outline-offset: -3px; }
.brand-resource-icon {
  width: 72px;
  height: 72px;
  color: var(--color-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.brand-resource-copy { display: grid; align-content: end; gap: 7px; min-width: 0; }
.brand-resource-copy small,.brand-resource-copy em { font: 500 9px/1.45 var(--mono, monospace); letter-spacing: .05em; text-transform: uppercase; }
.brand-resource-copy strong { font: 800 19px/1.08 var(--sans, sans-serif); letter-spacing: -.045em; }
.brand-resource-copy em { font-style: normal; opacity: .76; }
.brand-resource-card--price {  }
.range-head > .brand-resource-grid,.range-top > .brand-resource-grid { flex: 0 1 700px; }
.supplier-resource-actions.brand-resource-grid { width: 100%; max-width: none; margin: 28px 0 44px; }
.catalogue-hub .brand-resource-card {   color: var(--color-text-primary); }
.catalogue-hub .brand-resource-card:hover,.catalogue-hub .brand-resource-card:focus-visible { background: #fff; }
.brand-resource-card--standalone { width: min(100%, 390px); margin-top: 28px; border: 1px solid rgba(32, 36, 42, .22); }
.catalogue-grid.brand-resource-catalogue-grid {
  
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1px !important;
  min-width: 0;
  border: 1px solid var(--color-border) !important;
  background: var(--color-bg-subtle);
}
.catalogue-grid.brand-resource-catalogue-grid > a {
  min-width: 0;
  min-height: 184px;
  padding: 21px !important;
  display: grid !important;
  grid-template-columns: 68px minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  align-items: start !important;
  align-content: start;
  gap: 7px 16px !important;
  border: 0 !important;
  background: rgba(255, 255, 255, .52);
  color: var(--color-text-primary) !important;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease;
}
.catalogue-grid.brand-resource-catalogue-grid > a:hover,.catalogue-grid.brand-resource-catalogue-grid > a:focus-visible { transform: translateY(-3px); background: #fff; }
.catalogue-grid.brand-resource-catalogue-grid .brand-resource-icon { grid-column: 1; grid-row: 1 / 4; width: 58px; height: 58px; }
.catalogue-grid.brand-resource-catalogue-grid b,.catalogue-grid.brand-resource-catalogue-grid span,.catalogue-grid.brand-resource-catalogue-grid i { grid-column: 2 !important; }
.catalogue-grid.brand-resource-catalogue-grid b { grid-row: 1; font: 500 9px/1.3 var(--mono, monospace) !important; letter-spacing: .05em; color: var(--color-accent) !important; }
.catalogue-grid.brand-resource-catalogue-grid span { grid-row: 2; font: 800 18px/1.1 var(--sans, sans-serif) !important; letter-spacing: -.045em; }
.catalogue-grid.brand-resource-catalogue-grid i {
  grid-row: 3;
  align-self: end;
  width: max-content;
  max-width: 100%;
  margin: 12px 0 0 !important;
  padding: 0 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  font: 500 9px/1.35 var(--mono, monospace) !important;
  white-space: normal !important;
}
@media (max-width: 900px) {
  .range-head > .brand-resource-grid,.range-top > .brand-resource-grid { grid-template-columns: minmax(0, 1fr); flex-basis: 360px; }
}
@media (max-width: 700px) {
  .brand-resource-grid,.catalogue-grid.brand-resource-catalogue-grid { width: 100%; grid-template-columns: minmax(0, 1fr) !important; }
  .range-head > .brand-resource-grid,.range-top > .brand-resource-grid { margin-top: 28px; }
  .brand-resource-card { min-height: 164px; padding: 20px; }
  .brand-resource-icon { width: 62px; height: 62px; }
  .catalogue-grid.brand-resource-catalogue-grid > a { min-height: 164px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-resource-card,.catalogue-grid.brand-resource-catalogue-grid > a { transition: none; }
  .brand-resource-card:hover,.brand-resource-card:focus-visible,.catalogue-grid.brand-resource-catalogue-grid > a:hover,.catalogue-grid.brand-resource-catalogue-grid > a:focus-visible { transform: none; }
}