/* Sodrinta desktop header — modernus, savitas katalogo stilius */
@media (min-width: 850px) {
  #header { background: #fff !important; }

  #header .header-top {
    min-height: 28px !important;
    height: 28px !important;
    background: #f5f8f6 !important;
    color: #34453b !important;
    border-bottom: 1px solid #e5ebe7 !important;
  }

  #header .header-top .header-inner { min-height: 28px !important; }

  #header .header-top,
  #header .header-top a,
  #header .header-top span {
    color: #34453b !important;
    opacity: 1 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: .01em !important;
  }

  #header .header-top .nav-left { flex: 1 1 auto !important; }
  #header .header-top .nav-right { margin-left: auto !important; }

  #header .header-main {
    height: 86px !important;
    min-height: 86px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #header .header-main .header-inner {
    min-height: 86px !important;
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #header #logo,
  #header .header-main .logo {
    width: 220px !important;
    min-width: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  #header #logo a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }

  #header #logo img.header_logo,
  #header .header-main .logo img.header_logo {
    display: block !important;
    width: auto !important;
    max-width: 210px !important;
    max-height: 64px !important;
    margin: 0 !important;
    object-fit: contain !important;
  }

  #header #logo img.header-logo-dark,
  #header .header-main .logo img.header-logo-dark { display: none !important; }

  #header .sodrinta-wide-search {
    display: flex !important;
    flex: 1 1 560px !important;
    min-width: 280px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .sodrinta-wide-search > *,
  #header .sodrinta-wide-search form,
  #header .sodrinta-wide-search .searchform,
  #header .sodrinta-wide-search .flex-row {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #header .sodrinta-wide-search .searchform {
    height: 52px !important;
    display: flex !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #cfd8d2 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 14px rgba(23, 73, 43, .07) !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
  }

  #header .sodrinta-wide-search .searchform:focus-within {
    border-color: #16834a !important;
    box-shadow: 0 0 0 3px rgba(22, 131, 74, .11) !important;
  }

  #header .sodrinta-wide-search input[type="search"],
  #header .sodrinta-wide-search input[type="text"] {
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #26342c !important;
    font-size: 15px !important;
    font-weight: 450 !important;
  }

  #header .sodrinta-wide-search input::placeholder {
    color: #7d8981 !important;
    opacity: 1 !important;
  }

  #header .sodrinta-wide-search button,
  #header .sodrinta-wide-search input[type="submit"] {
    width: 58px !important;
    min-width: 58px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e2e8e4 !important;
    border-radius: 0 !important;
    background: #f7faf8 !important;
    color: #147540 !important;
  }

  #header .sodrinta-wide-search button:hover {
    background: #16834a !important;
    color: #fff !important;
  }

  #header .header-main .header-nav-main {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  #header .header-main .account-item > a,
  #header .header-main .cart-item > a {
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    transition: all .18s ease !important;
  }

  #header .header-main .account-item > a {
    color: #263b2f !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }

  #header .header-main .account-item > a:hover {
    color: #147540 !important;
    background: #f1f7f3 !important;
  }

  #header .header-main .cart-item > a {
    color: #fff !important;
    border: 1px solid #147540 !important;
    background: linear-gradient(135deg, #16864b, #0f6d3b) !important;
    box-shadow: 0 5px 14px rgba(17, 112, 61, .18) !important;
  }

  #header .header-main .cart-item > a:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 7px 18px rgba(17, 112, 61, .24) !important;
  }

  #header .header-main .account-item i,
  #header .header-main .cart-item i { font-size: 20px !important; }

  #header .header-bottom {
    min-height: 52px !important;
    height: 52px !important;
    background: #fff !important;
    border-top: 1px solid #e8ede9 !important;
    border-bottom: 1px solid #dfe6e1 !important;
    box-shadow: 0 4px 14px rgba(25, 55, 35, .05) !important;
  }

  #header .header-bottom .header-inner { min-height: 52px !important; }

  #header .header-bottom .nav {
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }

  #header .header-bottom .nav > li {
    flex: 1 1 0 !important;
    margin: 0 !important;
    border-right: 1px solid #e7ece8 !important;
  }

  #header .header-bottom .nav > li:first-child {
    border-left: 1px solid #e7ece8 !important;
  }

  #header .header-bottom .nav > li > a {
    min-height: 51px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    color: #29382f !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
  }

  #header .header-bottom .nav > li:first-child > a,
  #header .header-bottom .nav > li.current-menu-item > a {
    color: #fff !important;
    background: linear-gradient(135deg, #18874d, #116f3d) !important;
  }

  #header .header-bottom .nav > li:not(:first-child) > a:hover {
    color: #147540 !important;
    background: #f4f8f5 !important;
  }
}

@media (min-width: 850px) and (max-width: 1180px) {
  #header .header-main .header-inner { gap: 10px !important; }

  #header #logo,
  #header .header-main .logo {
    width: 170px !important;
    min-width: 170px !important;
  }

  #header #logo img.header_logo,
  #header .header-main .logo img.header_logo { max-width: 165px !important; }

  #header .header-main .account-item > a,
  #header .header-main .cart-item > a {
    width: 48px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  #header .header-main .account-item i,
  #header .header-main .cart-item i {
    font-size: 20px !important;
    margin: 0 !important;
  }

  #header .header-bottom .nav > li > a {
    padding: 0 8px !important;
    font-size: 11px !important;
  }
}