/* Products catalogue card treatment, scoped to migrated category pages. */
/* Matte catalogue panels keep the photography and product hierarchy prominent. */
.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .blueprint-card {
  background: #2c3943 !important;
  border: 1px solid #82939e !important;
  border-radius: 0.4rem !important;
  box-shadow: inset 0 0 0 1px rgba(226, 237, 243, 0.12), 0 1px 0 rgba(235, 244, 249, 0.24), 0 8px 20px rgba(0, 0, 0, 0.18) !important;
  color: #cbd2d6;
  overflow: hidden;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .blueprint-card:is(:hover, :focus-within) {
  border-color: #d5e4ec !important;
  box-shadow: inset 0 0 0 1px rgba(226, 237, 243, 0.2), 0 0 0 1px rgba(186, 212, 225, 0.16), 0 12px 28px rgba(0, 0, 0, 0.24) !important;
  transform: none;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-content {
  padding: 1.2rem !important;
  gap: 0.7rem !important;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-content h3,
.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-content h3 a {
  color: #f5f5f1;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-content :is(p, .mono-text, .product-tags, .product-tags span, .product-specs, .product-specs span, .product-specs strong) {
  color: #cbd2d6;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-content .mono-text {
  color: #a9bec6;
  letter-spacing: 0.12em;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .product-tags {
  gap: 0.4rem 0.65rem;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .product-tags span {
  background: transparent;
  border: 0;
  padding: 0;
  letter-spacing: 0.07em;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .product-specs {
  border-top-color: #46535b;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .blueprint-card[data-product-href] {
  cursor: pointer;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-graphic {
  background: transparent !important;
  border-bottom: 0 !important;
  padding: 0 !important;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-image-shell,
.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-graphic img {
  border-radius: 0 !important;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-image-shell {
  background: rgba(255, 255, 255, 0.018) !important;
  padding: 0 !important;
}

.category-catalogue-template :is(#category-products, #emergency-products) .products-grid .card-graphic::after {
  display: none !important;
}


.category-catalogue-template :is(#category-products, #emergency-products) .products-grid { gap:1.1rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.category-catalogue-template :is(#category-products, #emergency-products) .card-graphic { aspect-ratio:1 / .82; }
.category-catalogue-template :is(#category-products, #emergency-products) .card-graphic img { width:100%; height:100%; object-fit:cover; object-position:var(--product-image-position,50% center); }
.category-catalogue-template :is(#category-products, #emergency-products) .card-content h3 { font-size:1.34rem!important; line-height:.98; }
.category-catalogue-template :is(#category-products, #emergency-products) .product-summary { font-size:.9rem!important; line-height:1.58!important; min-height:7.1rem!important; display:block!important; -webkit-line-clamp:unset!important; overflow:visible!important; }
.category-catalogue-template :is(#category-products, #emergency-products) .product-overlay { display:none!important; }
.category-catalogue-template :is(#category-products, #emergency-products) .hover-img { display:block!important; opacity:0!important; }
.category-catalogue-template :is(#category-products, #emergency-products) .blueprint-card:is(:hover,:focus-within) .primary-img { opacity:0!important; }
.category-catalogue-template :is(#category-products, #emergency-products) .blueprint-card:is(:hover,:focus-within) .hover-img { opacity:1!important; }
.category-catalogue-template :is(#category-products, #emergency-products) .spec-row { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr); }
.category-catalogue-template :is(#category-products, #emergency-products) .spec-row > * { min-width:0; overflow-wrap:anywhere; }
@media(min-width:1400px) { .category-catalogue-template :is(#category-products, #emergency-products) .products-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) {
 .category-catalogue-template :is(#category-products, #emergency-products) .products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.95rem .65rem; }
 .category-catalogue-template :is(#category-products, #emergency-products) .blueprint-card { min-width:0; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-graphic { aspect-ratio:1 / .92; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-image-shell { display:block; height:100%; position:relative; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-content { padding:.65rem .7rem .35rem!important; gap:.28rem!important; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-content .mono-text { font-size:.48rem; letter-spacing:.1em; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-content h3 { font-size:clamp(.98rem,4.4vw,1.14rem)!important; line-height:1.08; }
 .category-catalogue-template :is(#category-products, #emergency-products) .product-title-link { display:block; min-height:2.75rem; }
 .category-catalogue-template :is(#category-products, #emergency-products) .card-content :is(.product-summary,.product-tags,.product-specs) { display:none!important; }
 .category-catalogue-template :is(#category-products, #emergency-products) .blueprint-card:is(:hover,:focus-within) .primary-img { opacity:1!important; }
 .category-catalogue-template :is(#category-products, #emergency-products) .blueprint-card:is(:hover,:focus-within) .hover-img { opacity:0!important; }
}