/* Category pages (Outdoor Displays, Fine Pitch Displays) — styles used only on this page type. */
.category-product-range__link {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  min-height: clamp(406px, 40.625vw, 520px);
  overflow: hidden;
  background: linear-gradient(150deg, var(--color-surface-raised) 0%, var(--color-surface) 58%, var(--color-surface-sunken) 100%);
  border: 1px solid var(--line-1);
  border-radius: 2px;
  transition: border-color 500ms ease;
}
.category-product-range__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5,5,5,0) 55%, rgba(8,8,10,0.85) 100%);
}
.category-product-range__stack {
  position: relative;
  padding: clamp(31px, 4.375vw, 56px) clamp(29px, 4.063vw, 52px) clamp(29px, 4.063vw, 52px) clamp(24px, 3.438vw, 44px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.category-product-range__subheading {
  margin: 16px 0 0;
  font-size: clamp(34px, 3.6vw, 50px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: var(--color-text-strong);
}
.category-product-range__text {
  margin-top: 12px;
  font-size: 17px;
  line-height: 1.35;
  letter-spacing: -0.012em;
  color: var(--color-text-2);
  font-weight: 400;
}
.category-product-range__text-2 {
  margin: 16px 0 0;
  max-width: 400px;
  font-size: 14.5px;
  line-height: 1.62;
  color: var(--color-text-muted);
  font-weight: 300;
}
.category-product-range__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
  margin-top: 22px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-text-faint);
}
.category-product-range__row-2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: clamp(27px, 2.969vw, 38px);
  padding-top: 0;
}
.category-product-range__link-2 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(150deg, var(--color-surface-raised) 0%, var(--color-surface) 58%, var(--color-surface-sunken) 100%);
  border: 1px solid var(--line-1);
  border-radius: 2px;
  transition: border-color 500ms ease;
}
.category-product-range__box {
  position: relative;
  overflow: hidden;
  height: clamp(224px, 25vw, 320px);
}
.category-product-range__overlay-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5,5,5,0) 50%, rgba(8,8,10,0.9) 100%);
}
.category-product-range__stack-2 {
  position: relative;
  padding: clamp(22px, 2.5vw, 32px) clamp(25px, 2.813vw, 36px) clamp(27px, 2.969vw, 38px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.category-product-range__subheading-2 {
  margin: 16px 0 0;
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.02;
  letter-spacing: -0.03em;
  font-weight: 500;
  color: var(--color-text-strong);
}
.category-product-range__row-3 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: clamp(20px, 2.188vw, 28px);
}

@media (max-width: 767px) {
  .category-product-range__link {
    grid-template-columns: minmax(0, 1fr);
    grid-column: 1 / -1;
  }
  .category-product-range__box {
    height: auto;
    min-height: clamp(224px, 25vw, 320px);
  }
}

/* Mobile legibility: text set below 11px on desktop is raised to 11px on phones. */
@media (max-width: 767px) {
  .category-product-range__row {
    font-size: 11px;
  }
}