/* Unified FECOR category filters: power supplies and energy storage. */
.power-catalog-filter,
.energy-catalog-filter {
  margin-top: 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* FECOR ENERGY advertising sections */
.energy-section-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.energy-section-nav a { min-height:42px; display:inline-flex; align-items:center; padding:9px 16px; color:#313947; background:#fff; border:1px solid #d7dde5; border-radius:4px; font-size:14px; font-weight:700; text-decoration:none; transition:border-color .2s ease,color .2s ease,background .2s ease; }
.energy-section-nav a:hover { border-color:#c79219; color:#8a620b; }
.energy-section-nav a.is-active { color:#fff; background:#111820; border-color:#111820; }
.energy-section-intro { max-width:920px; margin:0 0 24px; color:#687283; font-size:16px; line-height:1.55; }
@media (max-width:720px) {
  .energy-section-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .energy-section-nav a { justify-content:center; padding-inline:8px; text-align:center; }
}
@media (max-width:430px) { .energy-section-nav { grid-template-columns:1fr; } }
.power-catalog-filter { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px 14px; }
.energy-catalog-filter { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.power-type-filter,
.energy-use-filter {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  overflow: hidden;
  border: 1px solid #d7dde5;
  border-radius: 5px;
  background: #f7f8fa;
}
.power-type-filter button,
.energy-use-filter button {
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid #d7dde5;
  border-radius: 0;
  background: transparent;
  color: #3e4651;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
  transition: color .16s ease, background-color .16s ease;
}
.power-type-filter button:last-child,
.energy-use-filter button:last-child { border-right: 0; }
.power-type-filter button:hover,
.energy-use-filter button:hover { color: #805a08; background: #fff7e5; }
.power-type-filter button.is-active,
.energy-use-filter button.is-active {
  color: #fff;
  background: #121820;
  box-shadow: inset 0 -2px 0 #d9a11e;
}
.power-parameter-filter { flex: 1 1 620px; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 8px; margin: 0; }
.power-parameter-filter label:not(.power-stock-filter),
.energy-power-filter {
  min-width: 125px;
  display: grid;
  gap: 4px;
  color: #737d8b;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.power-parameter-filter label:not(.power-stock-filter) { flex: 1 1 125px; }
.energy-power-filter { min-width: 180px; }
.power-parameter-filter select,
.energy-power-filter select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  height: 38px;
  padding: 0 32px 0 11px;
  border: 1px solid #d7dde5;
  border-radius: 5px;
  background: #fff;
  color: #242a32;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
}
.power-parameter-filter select:hover,
.power-parameter-filter select:focus,
.energy-power-filter select:hover,
.energy-power-filter select:focus { border-color: #c99a28; box-shadow: 0 0 0 2px rgba(201,154,40,.10); }
.power-stock-filter,
.power-filter-reset { min-height: 38px; border-radius: 5px; font-size: 12px; }
.power-stock-filter { padding: 0 11px; }
.power-filter-reset { padding: 0 12px; }
.power-parameter-filter output { padding: 0 2px 11px; font-size: 11px; }
html[data-theme="dark"] .power-catalog-filter,
html[data-theme="dark"] .energy-catalog-filter { background: transparent; }
html[data-theme="dark"] .power-type-filter,
html[data-theme="dark"] .energy-use-filter { border-color: #34404d; background: #171e28; }
html[data-theme="dark"] .power-type-filter button,
html[data-theme="dark"] .energy-use-filter button { border-color: #34404d; color: #c2cad5; }
html[data-theme="dark"] .power-type-filter button.is-active,
html[data-theme="dark"] .energy-use-filter button.is-active { color: #fff; background: #080c11; }
html[data-theme="dark"] .power-parameter-filter select,
html[data-theme="dark"] .energy-power-filter select,
html[data-theme="dark"] .power-stock-filter { border-color: #34404d; background: #171e28; color: #dfe5ed; }
@media (max-width: 1320px) {
  .power-catalog-filter,
  .energy-catalog-filter { align-items: stretch; flex-direction: column; }
  .power-type-filter,
  .energy-use-filter { width: 100%; }
  .power-type-filter button,
  .energy-use-filter button { flex: 1 1 auto; }
  .energy-power-filter { width: 100%; }
}
@media (max-width: 820px) {
  .power-catalog-filter,
  .energy-catalog-filter { display: block; margin-top: 16px; }
  .power-type-filter,
  .energy-use-filter { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .power-type-filter button,
  .energy-use-filter button { min-height: 40px; padding: 0 7px; border-right: 1px solid #d7dde5; border-bottom: 1px solid #d7dde5; font-size: 11px; }
  .power-type-filter button:nth-child(2n),
  .energy-use-filter button:nth-child(2n) { border-right: 0; }
  .power-type-filter button:nth-last-child(-n+2),
  .energy-use-filter button:nth-last-child(-n+2) { border-bottom: 0; }
  .power-parameter-filter { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 9px; }
  .energy-power-filter { margin-top: 9px; }
  .power-parameter-filter output { grid-column: 1/-1; padding: 1px 2px 0; text-align: left; }
}