/* EMG catalog green volume v1 */
:is(.catalog-page, .catalog-sections-page, .category-template-page, .electric-page) {
  --catalog-accent: #30ba0e;
  --catalog-dark: #237d10;
  --catalog-border: #e0e8dc;
}
.catalog-page .catalog-block-card,
.catalog-page .section-card,
.catalog-sections-page .catalog-section-card,
.category-template-page .category-template-card,
.electric-page .electric-section-card,
.electric-page .electric-products-panel {
  border-color: var(--catalog-border);
  background: linear-gradient(155deg, #ffffff 0%, #fcfefa 100%);
  box-shadow: 0 8px 23px rgba(28, 56, 18, .075), 0 2px 5px rgba(28, 56, 18, .035), inset 0 1px 0 #ffffff;
}
.catalog-page .section-card,
.catalog-sections-page .catalog-section-card {
  border-radius: 18px;
}
.category-template-page .category-template-card-header,
.electric-page .electric-section-header {
  border-bottom-color: #30ba0e;
}
.category-template-page .category-template-link::before,
.electric-page .electric-category-button::before {
  background: #30ba0e;
  box-shadow: 0 0 0 3px rgba(48, 186, 14, .065);
}
.category-template-page .category-template-link:hover {
  color: #237d10;
  text-decoration-color: #30ba0e;
}
.electric-page .electric-category-button {
  border-radius: 12px;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.electric-page .electric-category-button:hover,
.electric-page .electric-category-button.active {
  border-color: #30ba0e;
  color: #263b1f;
  background: linear-gradient(150deg, #ffffff 0%, #f0faeb 100%);
  box-shadow: 0 0 0 1px rgba(48, 186, 14, .10), 0 4px 10px rgba(32, 88, 17, .075), inset 0 1px 0 #ffffff;
}
.electric-page .electric-filters {
  border-color: #dfe8d9;
  border-radius: 16px;
  background: linear-gradient(155deg, #ffffff 0%, #f7fbf4 100%);
  box-shadow: 0 5px 15px rgba(28, 56, 18, .055), inset 0 1px 0 #ffffff;
}
.electric-page .electric-filter-group {
  border-bottom-color: #e3ecdd;
}
.electric-page .electric-filter-label,
.electric-page .electric-filters-title {
  color: #2e3b27;
}
.electric-page .electric-reset-button {
  color: #237d10;
}
.electric-page .electric-reset-button:hover {
  color: #185d09;
}
.electric-page .electric-input,
.electric-page .electric-select,
.electric-page .electric-sort-select,
.category-template-page .category-template-sort select {
  border-color: #dce6d7;
  background: linear-gradient(180deg, #ffffff 0%, #fcfefb 100%);
  color: #33412b;
  box-shadow: 0 3px 7px rgba(28, 56, 18, .045), inset 0 1px 0 #ffffff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.electric-page .electric-input:focus,
.electric-page .electric-select:focus,
.electric-page .electric-sort-select:focus,
.category-template-page .category-template-sort select:focus {
  outline: none;
  border-color: #30ba0e;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(48, 186, 14, .13), 0 3px 7px rgba(28, 56, 18, .045);
}
.electric-page input[type="checkbox"],
.electric-page input[type="radio"] {
  accent-color: #30ba0e;
}
.electric-page .electric-view-button {
  color: #6d7b64;
  transition: background .18s ease, box-shadow .18s ease;
}
.electric-page .electric-view-button:hover,
.electric-page .electric-view-button.active {
  background: #30ba0e;
  color: #ffffff;
  box-shadow: 0 3px 7px rgba(38, 125, 16, .18), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.electric-page .electric-product-card {
  border-color: #dfe8da;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdf9 100%);
  box-shadow: 0 6px 16px rgba(28, 56, 18, .075), 0 1px 3px rgba(28, 56, 18, .035), inset 0 1px 0 #ffffff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.electric-page .electric-product-image-wrap {
  border-bottom-color: #e7eee2;
  background: linear-gradient(145deg, #ffffff 0%, #f5f9f2 100%);
}
.electric-page .electric-product-card [class*="description"] {
  border-left-color: #b2db9f;
}
.electric-page .electric-product-card button:not(:disabled) {
  border-color: #2bac0c;
  background: #30ba0e;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  box-shadow: 0 4px 10px rgba(38, 125, 16, .19), inset 0 1px 0 rgba(255, 255, 255, .27);
  transition: background .18s ease, box-shadow .18s ease;
}
.electric-page .electric-product-card button:not(:disabled):hover {
  border-color: #2ca60d;
  background: #2eae0e;
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(38, 125, 16, .24);
}
.electric-page .electric-product-card button:not(:disabled):active {
  box-shadow: inset 0 2px 5px rgba(17, 66, 5, .15);
}
.electric-page .electric-page-button {
  border-color: #dce6d6;
  color: #3c5132;
  background: linear-gradient(180deg, #ffffff 0%, #f5faf1 100%);
  box-shadow: 0 2px 6px rgba(28, 56, 18, .055);
}
.electric-page .electric-page-button:not(:disabled):hover,
.electric-page .electric-page-button.active,
.electric-page .electric-page-button[aria-current="page"] {
  border-color: #30ba0e;
  background: #30ba0e;
  color: #ffffff;
  box-shadow: 0 3px 8px rgba(38, 125, 16, .16);
}
.electric-page .electric-page-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
:is(.catalog-page, .catalog-sections-page, .category-template-page, .electric-page) :is(a, button):focus-visible {
  outline: 2px solid #237d10;
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .catalog-page .catalog-block-card:hover,
  .catalog-page .section-card:hover,
  .catalog-sections-page .catalog-section-card:hover {
    border-color: #30ba0e;
    background: linear-gradient(155deg, #ffffff 0%, #f4fbef 100%);
    box-shadow: 0 12px 27px rgba(28, 65, 16, .12), 0 2px 5px rgba(28, 56, 18, .035), inset 0 1px 0 #ffffff;
  }
  .electric-page .electric-product-card:hover {
    border-color: #a8d895;
    box-shadow: 0 11px 24px rgba(28, 65, 16, .12), 0 2px 5px rgba(28, 56, 18, .04), inset 0 1px 0 #ffffff;
  }
}
@media (hover: none) {
  .electric-page .electric-product-card:hover,
  .catalog-page .catalog-block-card:hover,
  .catalog-page .section-card:hover,
  .catalog-sections-page .catalog-section-card:hover {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.catalog-page, .catalog-sections-page, .category-template-page, .electric-page) :is(a,button,input,select,.electric-product-card,.section-card,.catalog-block-card,.catalog-section-card) {
    transition: none;
  }
  :is(.electric-page .electric-product-card,.catalog-page .catalog-block-card,.catalog-page .section-card,.catalog-sections-page .catalog-section-card):hover {
    transform: none;
  }
}