.catalog-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:18px;background:#fff;padding:26px;border:1px solid var(--tp-line);border-top:3px solid var(--tp-orange)}.tp-body .catalog-filters label{margin:0;min-width:0}.catalog-reset{height:48px;border:1px solid #bccbd6;background:#fff;padding:0 18px;cursor:pointer;color:var(--tp-ink)}#catalog-status{font-size:14px;margin:25px 0;color:var(--tp-muted)}.catalog-empty{padding:45px;background:#eaf0f4;border-left:4px solid var(--tp-orange);max-width:880px}.catalog-empty h2{margin:10px 0 20px}.catalog-empty p{max-width:650px}.catalog-mark{font-size:32px;color:#bf4917}.catalog-secondary{display:inline-block;margin:20px 0 0 25px;font-size:14px}.catalog-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{background:white;border:1px solid var(--tp-line);padding:25px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column}.catalog-card h2{font-size:23px;margin:12px 0}.catalog-card p{font-size:14px}.catalog-card .catalog-brand{font-size:11px;letter-spacing:1px;color:#ac421a;font-weight:bold;margin:0}.catalog-card img{width:100%;height:160px;object-fit:contain;margin-bottom:20px}.catalog-card dl{font-size:13px;margin:0 0 20px}.catalog-card dt{font-weight:bold}.catalog-card dd{margin:0 0 8px}.catalog-card .tp-button{margin-top:auto}.catalog-card .catalog-datasheet{font-size:13px;margin-bottom:18px}@media(max-width:1000px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-filters{grid-template-columns:1fr;padding:20px;gap:15px}.catalog-results{grid-template-columns:1fr}.catalog-empty{padding:28px 23px}.catalog-empty h2{font-size:27px}.catalog-secondary{display:block;margin:20px 0 0}}
.catalog-card .catalog-demo{align-self:flex-start;background:#fff0df;color:#934300;padding:4px 9px;font-size:11px;margin:0 0 18px;border:1px solid #f4d1ab}

.catalog-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:28px 0}.catalog-pagination a{display:inline-block;border:1px solid #a4bac8;padding:10px 14px;border-radius:3px;color:#173448;background:#fff}.catalog-pagination a[aria-current=page]{background:#123b53;color:#fff}.catalog-pagination a:focus-visible{outline:2px solid #f58026;outline-offset:3px}#catalog-app[aria-busy=true] #catalog-results{opacity:.6}.catalog-filters{grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr)) auto auto}@media(max-width:850px){.catalog-filters{grid-template-columns:1fr 1fr}}@media(max-width:550px){.catalog-filters{grid-template-columns:1fr}}
/* Catalog listing photograph */
#content:has(#catalog-app) > .tp-hero { background:#f5f5f7; }
#content:has(#catalog-app) > .tp-hero > .tp-wrap {
  display:grid;
  grid-template-columns:minmax(0, 4fr) minmax(0, 6fr);
  align-content:center;
  column-gap:clamp(20px,3vw,44px);
  min-height:0;
  padding-block:clamp(24px,3vw,40px);
  padding-inline-end:0;
}
#content:has(#catalog-app) .tp-hero .tp-wrap > * { grid-column:1; }
#content:has(#catalog-app) .tp-hero h1 {font-size:clamp(36px,4vw,58px); margin-block:12px 8px;}
#content:has(#catalog-app) .tp-hero .tp-intro {margin:0;}
#content:has(#catalog-app) > .tp-hero > .tp-wrap::after,
#content > h1:has(+ #catalog-filters)::after {
  content:"";
  display:block;
  position:static;
  align-self:center;
  grid-column:2;
  grid-row:1 / span 3;
  width:100%;
  height:auto;
  margin:0;
  aspect-ratio:2050 / 950;
  background:#f5f5f7 url("/assets/catalog-power-modules.jpg") center/contain no-repeat;
  background-blend-mode:multiply;
}
#content > h1:has(+ #catalog-filters) {
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,6fr);
  align-items:center;
  gap:1rem;
}
#content > h1:has(+ #catalog-filters)::after {grid-row:auto;background-color:transparent;}
@media(max-width:680px) {
  #content:has(#catalog-app) > .tp-hero > .tp-wrap,
  #content > h1:has(+ #catalog-filters) { grid-template-columns:minmax(0,1fr); }
  #content:has(#catalog-app) > .tp-hero > .tp-wrap::after,
  #content > h1:has(+ #catalog-filters)::after {grid-column:1;grid-row:auto;margin-top:12px;}
  body:has(#catalog-app) .tp-nav:has(.tp-mobile) {
    display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;
    align-items:center;gap:6px;
  }
  body:has(#catalog-app) .tp-nav > .tp-desktop {display:none;}
  body:has(#catalog-app) .tp-nav .tp-logo small {font-size:7px;letter-spacing:.04em;}
  body:has(#catalog-app) .tp-nav .tp-nav-quote {margin:0;padding:9px 10px;font-size:12px;}
  body:has(#catalog-app) .tp-nav details {margin:0;}
  body:has(#catalog-app) .tp-mobile summary {font-size:0;border:0;padding:9px;list-style:none;}
  body:has(#catalog-app) .tp-mobile summary::after {content:"";display:block;width:18px;height:14px;background:linear-gradient(currentColor 0 2px,transparent 2px 6px,currentColor 6px 8px,transparent 8px 12px,currentColor 12px);}
}
