/* EMG global header and search green volume v1 */
header.header,
header.topbar-wrapper,
div.catalog-bar {
  --color-primary: #30ba0e;
  --color-primary-hover: #237d10;
}
header.topbar-wrapper {
  border-bottom-color: #30ba0e !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5faf2 100%);
  box-shadow: 0 2px 7px rgba(28, 56, 18, .035);
}
header.topbar-wrapper .topbar-tagline {
  color: #2c3a24;
}
header.topbar-wrapper .topbar-contacts a,
header.topbar-wrapper .topbar-contacts a:visited {
  color: #34492a;
}
header.topbar-wrapper .topbar-contacts a:not(.topbar-login):hover {
  color: #237d10 !important;
}
header.topbar-wrapper .topbar-contacts a:focus-visible {
  outline-color: #237d10 !important;
}
header.topbar-wrapper .topbar-contacts .topbar-login {
  background: #30ba0e !important;
  color: #ffffff !important;
  box-shadow: 0 3px 9px rgba(38, 125, 16, .17), inset 0 1px 0 rgba(255, 255, 255, .28);
}
header.topbar-wrapper .topbar-contacts .topbar-login:hover {
  background: #2eae0e !important;
}
header.header {
  border-color: #dfe8da !important;
  background: linear-gradient(150deg, #ffffff 0%, #fcfefa 100%) !important;
  box-shadow: 0 9px 25px rgba(28, 56, 18, .085), 0 2px 5px rgba(28, 56, 18, .035), inset 0 1px 0 #ffffff !important;
}
header.header .logo-brand {
  color: #237d10;
}
header.header .logo-name {
  color: #24301e;
}
header.header .catalog-btn,
div.catalog-bar .catalog-toggle,
div.catalog-bar .search-btn {
  background: #30ba0e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border-color: #2bac0c !important;
  box-shadow: 0 5px 13px rgba(38, 125, 16, .20), inset 0 1px 0 rgba(255, 255, 255, .28);
}
header.header .catalog-btn:hover,
div.catalog-bar .catalog-toggle:hover,
div.catalog-bar .search-btn:hover {
  background: #2eae0e !important;
  color: #ffffff !important;
  border-color: #2ca60d !important;
  box-shadow: 0 7px 17px rgba(38, 125, 16, .24), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}
header.header .catalog-btn:active,
div.catalog-bar .search-btn:active {
  box-shadow: inset 0 2px 5px rgba(17, 66, 5, .15), 0 2px 5px rgba(38, 125, 16, .12) !important;
}
header.header .nav__link {
  color: #2d3827;
}
header.header .nav__row .nav__link:hover,
header.header .nav__row a:hover,
header.header [class*="nav__link"]:hover {
  color: #237d10 !important;
  text-shadow: none !important;
}
header.header .nav__row .nav__link::after,
header.header [class*="nav__link"]::after {
  background: #30ba0e !important;
}
header.header .nav__row .nav__link.active,
header.header .nav__row .nav__link[class*="active"],
header.header .nav__row .nav__link[class*="current"],
header.header .nav__row .nav__link[aria-current="page"],
header.header .nav__row [class*="active"] > a,
header.header .active-link {
  color: #237d10 !important;
}
header.header .nav__row .nav__link.active::after,
header.header .nav__row .nav__link[aria-current="page"]::after {
  background: #30ba0e !important;
}
header.header .cart__link {
  border-radius: 12px;
  background: linear-gradient(150deg, #ffffff 0%, #f0f8eb 100%);
  box-shadow: 0 3px 8px rgba(28, 56, 18, .06), inset 0 0 0 1px #e3eddc;
}
header.header .cart__link:hover {
  color: #237d10;
  box-shadow: 0 4px 11px rgba(28, 78, 16, .11), inset 0 0 0 1px #b7dca8;
}
header.header .cart__count {
  background: #30ba0e;
  color: #ffffff;
  border-color: #ffffff;
  box-shadow: 0 2px 5px rgba(38, 125, 16, .18);
}
header.header .nav__toggle-line {
  background: #237d10;
}
header.header .nav.open {
  border-color: #dfe8da;
  background: linear-gradient(150deg, #ffffff 0%, #f7fcf3 100%);
}
header.header :is(.nav__link,.catalog-btn,.cart__link,.nav__toggle):focus-visible,
div.catalog-bar :is(.catalog-toggle,.search-btn,.clear-search-btn):focus-visible {
  outline-color: #237d10 !important;
}
div.catalog-bar {
  border-color: #dfe8da !important;
  background: linear-gradient(150deg, #ffffff 0%, #fbfef8 100%) !important;
  box-shadow: 0 7px 20px rgba(28, 56, 18, .075), 0 2px 5px rgba(28, 56, 18, .03), inset 0 1px 0 #ffffff !important;
}
div.catalog-bar .search-wrap,
div.catalog-bar .search-input-wrapper {
  min-width: 0;
}
div.catalog-bar .search-input {
  box-sizing: border-box;
  min-width: 0;
  border-color: #dce6d6 !important;
  color: #2e3c25;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcf5 100%) !important;
  box-shadow: 0 3px 8px rgba(28, 56, 18, .045), inset 0 1px 2px rgba(28, 56, 18, .025);
}
div.catalog-bar .search-input::placeholder {
  color: #858f7e;
  opacity: 1;
}
div.catalog-bar .search-input:not(:placeholder-shown) {
  border-color: #a4d78f !important;
  background: #f5fcf0 !important;
}
div.catalog-bar .search-input:focus {
  outline: none;
  border-color: #30ba0e !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(48, 186, 14, .15), 0 4px 10px rgba(28, 56, 18, .055) !important;
}
div.catalog-bar .search-icon {
  color: #75916a;
}
div.catalog-bar .clear-search-btn {
  color: #74856b;
}
div.catalog-bar .clear-search-btn:hover {
  background: #edf8e7;
  color: #237d10;
}
@media (hover: none) {
  header.header .catalog-btn:hover,
  div.catalog-bar .catalog-toggle:hover {
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  header.header :is(.catalog-btn,.cart__link,.nav__link,.nav__toggle-line),
  header.topbar-wrapper .topbar-contacts a,
  div.catalog-bar :is(.search-input,.search-btn,.catalog-toggle,.clear-search-btn) {
    transition: none !important;
  }
}