/* =============================================
   HEADER & NAVIGATION — Consolidated Styles
   All nav/menu CSS extracted from components.css,
   mobile.css, responsive.css, customizer.css,
   overrides.css
   ============================================= */
/* ==============================================
   1. HEADER CONTAINER & STATES
   Source: components.css
   ============================================== */
.header {
  height: 13.07708333333vw;
  padding-top: var(--s-10);
  position: relative;
  z-index: 30;
  margin-bottom: 3.0729166667vw
}
.header.md-bg-transparent {
  background-color: transparent;
  margin-bottom: 0
}
.header.md-bg-transparent .nav-wrap {
  background-color: var(--main-color);
  border-radius: 10px
}
.header.md-white-header {
  color: var(--color-white)
}
.header.md-white-header .header__nav.fixed .nav-wrap .nav .nav-item a {
  color: var(--text-main-color)
}
.header.md-white-header .header__nav.fixed .nav-wrap .nav .nav-item.dropdown-item::after {
  border-color: var(--text-main-color)
}
.header.md-white-header .nav-wrap {
  border-color: rgba(255,255,255,.3)
}
.header.md-white-header .nav-wrap .nav .nav-item a {
  color: var(--color-white)
}
.header.md-white-header .nav-wrap .nav .nav-item a:hover {
  color: var(--main-color)
}
.header.md-white-header .nav-wrap .nav .nav-item.dropdown-item::after {
  border-color: var(--color-white)
}
.header.md-white-header .nav-wrap .nav .nav-item.dropdown-item:hover::after {
  border-color: var(--main-color)
}
.header.md-white-header .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a {
  color: var(--text-main-color)
}
.header.md-white-header .nav-wrap .nav .nav-item:first-child svg {
  opacity: 1
}
.header.md-white-header .header__top .wrapper {
  border-color: rgba(255,255,255,.3)
}
.header.md-white-header .header__contacts a,
.header.md-white-header .header__download a,
.header.md-white-header .header__logo a {
  color: var(--color-white)
}
.header.md-white-header .header__contacts a:hover {
  color: var(--main-color)
}
/* ==============================================
   2. HAMBURGER BUTTON
   Source: components.css
   ============================================== */
.header__btn-wrap {
  display: none;
  align-items: center
}
.header__btn-wrap p {
  width: var(--s-17-5);
  font-size: var(--s-6);
  margin-right: .78125vw;
  letter-spacing: .03em
}
.header__btn {
  display: block;
  width: 2.7vw;
  height: 1.5vw;
  position: relative;
  cursor: pointer;
  z-index: 999
}
.header__btn span {
  width: 100%;
  height: .1771428571vw;
  border-radius: var(--brad-regular);
  position: absolute;
  left: 0;
  background-color: var(--main-color);
  transition: var(--transition-speed)
}
.header__btn span:first-child {
  top: 0
}
.header__btn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%)
}
.header__btn span:last-child {
  bottom: 0;
  width: 1.2vw
}
.header__btn.open span:first-child {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: center center
}
.header__btn.open span:nth-child(2) {
  opacity: 0
}
.header__btn.open span:last-child {
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
  transform-origin: center center;
  width: 2.7vw
}
/* Source: customizer.css */
.header__btn-wrap .header__btn {
  transform: scale(.95)!important
}
/* ==============================================
   3. HEADER TOP BAR
   Source: components.css
   ============================================== */
.header__top .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--s-12-5)
}
.header__logo a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-main-color)
}
.header__logo a img,
.header__logo a svg {
  width: 10.8645833333vw;
  fill: var(--main-color)
}
.header__logo a img path,
.header__logo a svg path {
  fill: var(--main-color)
}
.header__logo a p {
  font-size: var(--s-20);
  font-weight: 400;
  margin-left: 1vw
}
.header__logo a p b {
  font-weight: 700
}
.header__address {
  width: 18.28125vw;
  display: flex;
  align-items: center
}
.header__address img,
.header__address svg {
  width: var(--s-10);
  height: var(--s-12);
  margin-right: .78125vw;
  fill: var(--main-color)
}
.header__address img path,
.header__address svg path {
  fill: var(--main-color)
}
.header__address p {
  font-size: var(--s-8);
  line-height: var(--s-12-5);
  letter-spacing: .03em
}
.header__address p b {
  font-weight: 700
}
/* ==============================================
   4. HEADER DOWNLOAD BUTTON
   Source: components.css + customizer.css
   ============================================== */
.header__download {
  width: 16.1458333333vw;
  display: flex;
  align-items: center
}
.header__download a {
  width: 100%;
  height: 3.90625vw;
  border-radius: 100rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--s-15);
  transition: var(--transition-speed);
  cursor: pointer;
  color: #fff!important;
  border: none!important;
  position: relative!important;
  overflow: hidden!important
}
.header__download a img,
.header__download a svg {
  width: 2.5416666667vw;
  margin-right: -1vw;
  fill: var(--main-color);
  transition: var(--transition-speed)
}
.header__download a img path,
.header__download a svg path {
  fill: var(--main-color);
  transition: var(--transition-speed)
}
.header__download a span {
  font-size: var(--s-8);
  line-height: .9895833333vw;
  letter-spacing: .03em;
  font-weight: 600;
  transition: var(--transition-speed);
  color: #fff!important;
  position: relative!important;
  z-index: 2!important
}
/* Gold gradient override — customizer.css */
.header__download a img {
  filter: none!important;
  position: relative!important;
  z-index: 2!important;
  opacity: 1!important;
  visibility: visible!important;
  width: 3vw!important;
  margin-right: -1vw!important
}
.header__download a svg {
  fill: #fff!important;
  position: relative!important;
  z-index: 2!important;
  opacity: 1!important;
  visibility: visible!important
}
.header__download a svg path {
  fill: #fff!important
}
.header__download a:hover {
  background: linear-gradient(45deg,#c0852f,#da9735)!important
}

.header__download a::after {
  content: ""!important;
  position: absolute!important;
  top: 0!important;
  left: -80%!important;
  width: 1.8645833333vw!important;
  height: 300%!important;
  transition: .3s!important;
  background-color: rgba(255,255,255,.21)!important;
  -webkit-animation: 3s linear infinite blick!important;
  animation: 3s linear infinite blick!important;
  -webkit-transform: rotate(45deg) translateY(-50%)!important;
  transform: rotate(45deg) translateY(-50%)!important;
  z-index: 1!important;
  pointer-events: none!important
}
.header__download a:hover::after {
  opacity: 0!important
}
/* ==============================================
   5. HEADER CONTACTS
   Source: components.css
   ============================================== */
.header__contacts,
.header__social {
  width: 16.7604166667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 1vw
}
.header__contacts p,
.header__social p {
  font-size: 1vw;
  line-height: .9895833333vw;
  letter-spacing: .03em;
  margin-bottom: .78125vw;
  position: relative
}
.header__contacts p b,
.header__social p b {
  font-weight: 600
}
.header__contacts p {
  margin-bottom: var(--s-5)
}
.header__contacts a {
  font-weight: 700;
  font-size: 1.416666667vw;
  line-height: 1.3541666667vw;
  color: var(--text-main-color);
  margin-bottom: .15625vw;
  transition: var(--transition-speed)
}
.header__contacts a:hover {
  color: var(--main-color)
}
.header__contacts .call-back {
  color: var(--sp-cost-accent);
  font-size: .98333333333vw;
  line-height: 1.29895833333vw;
  letter-spacing: .05em;
  font-weight: 500
}
.header__contacts .call-back.md-line-dashed::after {
  border-bottom-color: var(--sp-cost-accent);
}
/* ==============================================
   6. NAVIGATION PANEL — .header__nav
   Source: components.css
   ============================================== */
.header__nav {
  transition: var(--transition-speed)
}
.header__nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--main-color)
}
.header__nav.fixed .nav-wrap {
  border-bottom: none
}
.header__nav .search-form {
  display: none
}
/* ==============================================
   7. NAVIGATION BAR — Desktop Base
   Source: components.css
   ============================================== */
.nav-wrap ul {
  list-style: none
}
.nav-wrap .nav {
  display: flex;
  justify-content: space-between
}
.nav-wrap .nav .nav-item {
  padding: 1.3441666667vw 1.34375vw;
  transition: var(--transition-speed);
  display: flex;
  align-items: center;
  min-width: max-content
}
.nav-wrap .nav .nav-item:first-child img,
.nav-wrap .nav .nav-item:first-child svg {
  width: 1.1979166667vw;
  height: 1.1458333333vw;
  fill: var(--main-color);
  transition: var(--transition-speed)
}
.nav-wrap .nav-item--home a {
  font-size: 0px!important
}
.nav-wrap .nav-item--home a img,
.nav-wrap .nav-item--home a svg {
  width: 1.1979166667vw;
  height: 1.1458333333vw;
  fill: var(--main-color);
  transition: var(--transition-speed)
}
.nav-wrap .nav .nav-item:first-child img path,
.nav-wrap .nav .nav-item:first-child svg path {
  fill: var(--main-color)
}
.nav-wrap .nav .nav-item:first-child img:hover,
.nav-wrap .nav .nav-item:first-child svg:hover {
  opacity: 1
}
.nav-wrap .nav .nav-item:last-child {
  padding-right: 1.3vw
}
.nav-wrap .nav .nav-item a {
  text-transform: uppercase;
  font-size: var(--s-9);
  color: var(--color-white);
  font-weight: 600;
  transition: var(--transition-speed)
}
.nav-wrap .nav .nav-item a:hover {
  color: var(--bg-gray);
  text-decoration: underline solid var(--color-white);
  text-underline-offset: 20px
}
/* ==============================================
   8. DESKTOP DROPDOWNS
   Source: components.css + customizer.css + overrides.css
   ============================================== */
.nav-wrap .nav .nav-item.dropdown-item {
  position: relative
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--bg-subtle);
  pointer-events: none;
  opacity: 0;
  transition: var(--transition-speed);
  border-top: .0520833333vw solid rgba(28,28,28,.07);
  padding: 15px!important;
  box-shadow: 0 10px 20px rgba(0,0,0,.15)!important
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-menu--level-2 {
  top: -100%;
  left: 100%;
  border-top: 0
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item {
  padding: 0 0 .78125vw
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item:last-child {
  padding-bottom: 0
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a {
  font-weight: 400;
  white-space: nowrap;
  font-size: var(--s-8);
  line-height: var(--s-8);
  text-transform: none;
  color: var(--main-color)
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a.active {
  font-weight: 700;
  text-decoration: none!important
}
.nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a:hover {
  color: var(--text-main-color);
  text-decoration: underline
}
.nav-wrap .nav .nav-item.dropdown-item::after {
  content: "";
  display: inline-flex;
  width: .46875vw;
  height: .46875vw;
  margin-left: .6770833333vw;
  border-left: .0520833333vw solid var(--color-white);
  border-bottom: .0520833333vw solid var(--color-white);
  transform: translateY(-33%) rotate(-45deg);
  transition: var(--transition-speed)
}
.nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after {
  transform: translateY(0) rotate(-135deg)
}
.nav-wrap .nav .nav-item.dropdown-item:hover {
  background-color: var(--bg-subtle)
}
.nav-wrap .nav .nav-item.dropdown-item:hover > .nav-menu {
  pointer-events: all;
  opacity: 1
}
.nav-wrap .nav .nav-item.dropdown-item:hover > a {
  color: var(--main-color)
}
.nav-wrap .nav .nav-item.dropdown-item:hover::after {
  border-color: var(--main-color)
}
/* Submenu improvements — overrides.css */
.nav-wrap .nav .nav-menu--level-1 .nav-item {
  margin-bottom: 8px!important;
  padding: 4px 8px!important
}
.nav-wrap .nav .nav-menu--level-1 .nav-item a:hover {
  text-decoration: underline!important;
  text-underline-offset: 4px!important;
  background-color: rgba(255,255,255,.1)!important;
  border-radius: 4px
}
/* Hide rogue spans in sub-menu */
.nav-menu--level-1 .nav-item span:not(.nav-link) {
  display: none!important
}
/* ==============================================
   9. SOCIAL LINKS (header context)
   Source: components.css
   ============================================== */
.social-links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.social-links a {
  width: 2.2916666667vw;
  height: 2.2916666667vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  margin: 0 .2604166667vw;
  transition: var(--transition-speed)
}
.social-links a:hover {
  transform: scale(1.2)
}
.social-links a img {
  width: 100%;
  height: 100%;
  object-fit: contain
}
/* ==============================================
   10. GLOBAL OVERRIDES (no media query)
   ============================================== */
/* Header text width override (from customizer.css) */
.header__text {
  font-size: 1vw;
  letter-spacing: .03em;
  width: 1.4166666667vw!important
}
/* Header download button gradient (from overrides.css) */
body .header__download a {
  background: linear-gradient(45deg,#ebb15d,#f1b863)!important
}
/* ==============================================
   11. DESKTOP — @media (min-width: 769px)
   Source: customizer.css
   ============================================== */
@media (min-width:769px) {
  /* --- Desktop dropdown hover --- */
  .nav-wrap .nav .nav-item.dropdown-item:hover {
    background-color: transparent!important
  }
  .nav-wrap .nav .nav-item.dropdown-item:hover > a {
    color: #fff!important;
    text-decoration: underline solid #fff!important;
    text-underline-offset: 20px!important
  }
  .nav-wrap .nav .nav-item.dropdown-item:hover::after {
    border-color: #fff!important
  }
  .nav-wrap .nav .nav-item.dropdown-item .nav-menu {
    background-color: var(--main-color,#a9b995)!important;
    border-top: none!important;
    border-radius: 0 0 10px 10px!important
  }
  .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a {
    color: #fff!important
  }
  .nav-wrap .nav .nav-item.dropdown-item .nav-menu .nav-item a:hover {
    color: #fff!important;
    text-decoration: underline!important
  }
}
/* ==============================================
   17. MOBILE — @media (max-width: 768px)
   ============================================== */
@media (max-width:768px) {
  .header {
    height: 17vw;
    padding-bottom: var(--m-gap-xs);
    margin: 0;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    transition: var(--transition-speed)
  }
  .header.fixed {
    background-color: var(--bg-subtle)
  }
  .header.fixed .header__contacts a,
  .header.fixed .header__contacts p,
  .header.fixed .header__logo p,
  .header.fixed .nav-wrap .nav .nav-item a {
    color: var(--text-main-color)
  }
  .header.fixed .nav-wrap .nav .nav-item.dropdown-item::after {
    border-color: var(--text-main-color)
  }
  .header.open {
    z-index: 100
  }
  .header.open .header__top {
    position: absolute!important;
    top: 0;
    width: 100%;
    height: 74px;
    display: flex!important;
    align-items: flex-start!important;
    padding-top: 15px!important; /* 10px (lost header padding) + 5px (original padding) — prevents jump */
    z-index: 100001!important;
    background: var(--bg-light)!important
  }
  .header.open .header__nav {
    display: flex!important;
    background: var(--bg-light)!important;
    padding-top: 74px!important;
    padding-bottom: 80px!important;
    overflow-x: hidden!important;
    overflow-y: auto!important;
    opacity: 1;
    pointer-events: all
  }
  .header.open .header__contacts a,
  .header.open .header__contacts p,
  .header.open .header__logo p,
  .header.open .nav-wrap .nav .nav-item a {
    color: var(--text-main-color)
  }
  .header.open .nav-wrap .nav .nav-item.dropdown-item::after {
    border-color: var(--text-main-color)
  }
  .header__top {
    position: relative;
    z-index: 3
  }
  .header__top .wrapper {
    border-bottom: none
  }
  .header__btn-wrap p,
  .header__top .search-form {
    display: none
  }
  .header__btn {
    display: block;
    width: var(--m-gap-md);
    height: 5.6875vw;
    position: relative
  }
  .header__btn span {
    width: var(--m-gap-md);
    height: var(--s-6);
    border-radius: var(--brad-regular);
    position: absolute;
    left: 0;
    transition: var(--transition-speed)
  }
  .header__btn span:first-child {
    top: 0
  }
  .header__btn span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
  }
  .header__btn span:last-child {
    bottom: 0;
    width: var(--m-gap-md)
  }
  .header__btn.open span:first-child {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center center
  }
  .header__btn.open span:nth-child(2) {
    opacity: 0
  }
  .header__btn.open span:last-child {
    width: var(--m-gap-md);
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
    transform-origin: center center
  }
  .header__btn span {
    background-color: var(--text-main-color)!important
  }
  .header__address,
  .header__download,
  .header__social,
  .header__text {
    display: none
  }
  .header__logo a p {
    font-size: 5.3125vw;
    line-height: 1
  }
  .header__contacts {
    flex: 1 1 auto!important;
    width: auto!important;
    min-width: 0!important;
    align-items: flex-end!important;
    padding-right: 0!important
  }
  .header.md-bg-transparent {
    background-color: var(--bg-light)
  }
  .header.md-bg-transparent .nav-wrap {
    background-color: #019e7e00;
    border-radius: 10px
  }
  .header__contacts p {
    width: auto;
    font-size: 3.01875vw;
    line-height: 3.5vw
  }
  .header__contacts a {
    font-size: 3.825vw;
    line-height: 4.9625vw;
    white-space: nowrap!important
  }
  .header__contacts .call-back {
    font-size: 2.5125vw;
    line-height: 3.4375vw;
    padding-bottom: .3125vw;
    display: none
  }
  .header__nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding-top: 25vw;
    background-color: var(--bg-subtle);
    z-index: 2;
    padding-bottom: var(--m-gap-md);
    flex-direction: column;
    opacity: 0;
    pointer-events: none
  }
  .header__nav .wrapper {
    overflow-x: hidden;
    overflow-y: auto
  }
  .header__nav .nav-wrap {
    width: 100%;
    height: 100%;
    border-bottom: none!important
  }
  .header__nav .nav-wrap .nav {
    display: flex;
    flex-direction: column
  }
  .header__nav .nav-wrap .nav > .nav-item {
    padding: 0;
    margin: 0;
    margin-bottom: var(--m-gap-sm)
  }
  .header__nav .nav-wrap .nav > .nav-item:last-child {
    margin-bottom: 0
  }
  .header__nav .nav-wrap .nav > .nav-item:first-child {
    display: none
  }
  .header__nav .nav-wrap .nav > .nav-item a {
    font-size: var(--m-fs-md);
    line-height: var(--m-gap-md)
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item::after {
    position: absolute;
    top: 1.875vw;
    right: var(--m-gap-sm);
    transform: rotate(-45deg);
    width: var(--s-15);
    height: var(--s-15)
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu {
    position: static;
    padding: 0;
    opacity: 1;
    pointer-events: all;
    border-top: none;
    background-color: transparent;
    padding-top: var(--m-gap-xs);
    display: none
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.open {
    display: block
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.nav-menu--level-2.open {
    padding-left: 2vw
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item {
    margin: 0;
    padding-bottom: var(--m-gap-xs)
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item:last-child {
    padding-bottom: 0
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item a {
    font-size: var(--m-fs-md);
    line-height: 1
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.nav-menu--level-2 .nav-item a {
    font-size: 3.5vw;
    line-height: 1
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item:hover > a {
    color: var(--text-main-color)
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item:hover::after {
    border-color: var(--text-main-color)
  }
  .nav-wrap .nav .nav-menu--level-1 .nav-item.dropdown-item::after {
    content: none
  }
  .header__nav .search-form {
    display: block
  }
  /* --- Nav-link padding + mobile-dropdown-toggle --- */
  .header__nav .nav-link {
    padding: 18px 0 18px 20px!important;
    flex-grow: 1!important;
    width: auto!important
  }
  .header__nav .nav-item {
    display: flex!important;
    flex-direction: row!important;
    align-items: center!important;
    justify-content: flex-start!important;
    width: 100%!important
  }
  .header__nav .nav-item.dropdown-item {
    flex-wrap: wrap!important;
    align-items: center!important;
    justify-content: space-between!important
  }
  .header__nav .nav-item.dropdown-item > .nav-link {
    flex: 1!important;
    padding-right: 60px!important
  }
  .header__nav .nav-item.dropdown-item > .nav-link::after,
  .header__nav .nav-item.dropdown-item > .nav-link::before,
  .header__nav .nav-item.dropdown-item::after,
  .header__nav .nav-item.dropdown-item::before {
    display: none!important;
    content: none!important
  }
  .mobile-dropdown-toggle {
    display: flex!important;
    position: static!important;
    height: 44px!important;
    width: 44px!important;
    min-width: 36px!important;
    background: transparent!important;
    border-radius: 50%!important;
    border: none!important;
    box-shadow: none!important;
    margin: 0 20px 0 auto!important;
    padding: 0!important;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer!important;
    transition: .25s!important;
    z-index: 15!important
  }
  .mobile-dropdown-toggle::before {
    content: ""!important;
    display: block!important;
    width: 10px!important;
    height: 10px!important;
    border-right: 2px solid var(--color-sage)!important;
    border-bottom: 2px solid var(--color-sage)!important;
    transform: rotate(45deg) translateY(-2px)!important;
    transition: transform var(--transition-speed) ease!important
  }
  .dropdown-item.open .mobile-dropdown-toggle,
  .nav-item.menu-item-has-children.open .mobile-dropdown-toggle {
    background: var(--color-sage-dark)!important
  }
  .dropdown-item.open .mobile-dropdown-toggle::before,
  .nav-item.menu-item-has-children.open .mobile-dropdown-toggle::before {
    transform: rotate(-135deg) translateY(2px)!important
  }
  /* --- Submenu panel --- */
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu {
    flex-basis: 100%!important;
    box-shadow: none!important;
    display: none!important
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu.open,
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item.open .nav-menu {
    display: block!important;
    background-color: #f9faf7!important;
    padding: 10px 20px 15px 35px!important;
    border-left: 3px solid #a9b995!important;
    overflow: hidden!important;
    margin: 5px 0!important
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item {
    padding: 8px 0!important;
    margin: 0!important;
    border-bottom: 1px solid rgba(169,185,149,0.2)!important
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item:last-child {
    border-bottom: none!important;
    padding-bottom: 0!important
  }
  .header__nav .nav-wrap .nav > .nav-item.dropdown-item .nav-menu .nav-item a {
    color: var(--text-main-color)!important;
    font-size: 14px!important;
    line-height: 1.4!important
  }
  /* --- Former max-width: 767px content (responsive.css + customizer.css) --- */
  .header__nav {
    display: none
  }
  .header__top {
    display: flex!important;
    align-items: center!important
  }
  .header__top .wrapper {
    display: flex!important;
    align-items: center!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    margin-left: 0!important;
    margin-right: 0!important;
    position: relative!important;
    width: 100%!important;
    box-sizing: border-box!important;
    gap: 7px!important;
    justify-content: space-between!important
  }
  .header__logo {
    display: flex!important;
    align-items: center!important;
    flex: 1.3 1 0%!important;
    width: auto!important;
    box-sizing: border-box!important
  }
  .header__btn-wrap {
    display: flex!important;
    flex: 0 0 auto!important;
    justify-content: center!important;
    z-index: 100002!important;
    margin-left: 5px!important
  }
  .header__btn-wrap .header__btn {
    transform: none!important
  }
  .header {
    padding: 10px 0
  }
  .header__top {
    padding: 5px 0
  }
  .header__logo a img,
  .header__logo a svg {
    width: 100%!important
  }
  /* remove this - use regular flex properties without this hardcode*/
  .header__logo img {
    transform: scale(1.4)!important;
    transform-origin: left center!important
  }
  /* --- Extra small (≤ 400px) font overrides --- */
  .header__contacts a {
    font-size: 13px!important
  }
  .header__contacts p {
    font-size: 8px!important
  }
  /* ======================================
     MOBILE CONTACT CARD IN BURGER MENU
     ====================================== */
  /* Hide old pseudo-element address block */
  .header__nav .nav::after,
  .header__nav::after {
    display: none!important;
    content: none!important
  }
  /* Show the new contact card */
  .mobile-contact-card {
    display: flex!important;
    flex-direction: column;
    background: var(--color-white);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
    padding: 24px 20px;
    margin: 20px 0 10px
  }
  .mobile-contact-card__header {
    display: none
  }
  .mobile-contact-card__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--bg-gray)
  }
  .mobile-contact-card__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
  }
  .mobile-contact-card__icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(169,185,149,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    color: var(--color-sage)
  }
  .mobile-contact-card__icon svg {
    width: 18px;
    height: 18px
  }
  .mobile-contact-card__content {
    display: flex;
    flex-direction: column
  }
  .mobile-contact-card__label {
    font-size: 11px;
    color: #888;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 500
  }
  .mobile-contact-card__value {
    font-size: 15px;
    color: #1e293b;
    font-weight: 500;
    line-height: 1.3
  }
  .mobile-contact-card__value a {
    text-decoration: none;
    color: inherit
  }
  .mobile-contact-card__value a:hover {
    color: var(--color-sage)
  }
}