/* =========================================================
   UNIVERSAL SITE HEADER
   Одна шапка для всех разделов сайта
   ========================================================= */

.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
  height:77px !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #e4ebe6 !important;
  box-sizing:border-box !important;
}

.site-header > .wrap.header-row{
  width:min(1360px, calc(100% - 48px)) !important;
  height:76px !important;
  min-height:76px !important;
  margin:0 auto !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  flex-wrap:nowrap !important;

  gap:0 !important;
  padding:0 !important;
}

/* ---------- ЛОГО ---------- */

.site-header .my-home-logo{
  width:242px !important;
  min-width:242px !important;
  max-width:242px !important;
  height:52px !important;

  flex:0 0 242px !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;

  gap:12px !important;
  margin:0 !important;
  padding:0 !important;

  color:#12261c !important;
  text-decoration:none !important;
}

.site-header .my-home-logo-image{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;

  flex:0 0 52px !important;

  object-fit:contain !important;
  display:block !important;

  margin:0 !important;
  padding:0 !important;
}

.site-header .my-home-logo-wordmark{
  width:135px !important;
  min-width:135px !important;
  max-width:135px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  gap:2px !important;
  margin:0 !important;
  padding:0 !important;

  white-space:nowrap !important;
}

.site-header .my-home-logo-wordmark b{
  display:block !important;
  margin:0 !important;
  padding:0 !important;

  font-size:15px !important;
  line-height:18px !important;
  font-weight:700 !important;

  color:#12261c !important;
}

.site-header .my-home-logo-wordmark small{
  display:block !important;
  margin:0 !important;
  padding:0 !important;

  font-size:12px !important;
  line-height:15px !important;
  font-weight:500 !important;

  color:#5f6f67 !important;
}

/* ---------- МЕНЮ ---------- */

.site-header .nav{
  width:auto !important;
  min-width:0 !important;

  flex:0 0 auto !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;

  gap:30px !important;
  margin:0 !important;
  padding:0 !important;

  font-size:14px !important;
  font-weight:500 !important;

  white-space:nowrap !important;
}

.site-header .nav a{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  font-size:14px !important;
  line-height:20px !important;
  font-weight:500 !important;

  color:#12261c !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.site-header .nav a:hover{
  color:#1f6e48 !important;
}

/* ---------- ПРАВАЯ ЧАСТЬ ---------- */

.site-header .header-actions{
  margin-left:auto !important;

  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;

  gap:12px !important;

  flex:0 0 auto !important;
}

.site-header .search-btn{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;

  padding:0 !important;
  margin:0 !important;

  border-radius:50% !important;
  border:1px solid #e4ebe6 !important;
  background:#fff !important;

  display:grid !important;
  place-items:center !important;

  color:#12261c !important;
}

.site-header .search-btn .icon{
  width:20px !important;
  height:20px !important;
}

.site-header .header-actions .btn{
  height:44px !important;

  padding:0 20px !important;
  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:14px !important;
  line-height:20px !important;

  white-space:nowrap !important;
}

/* ---------- BURGER ---------- */

.site-header .burger{
  display:none !important;
}

/* ---------- TABLET ---------- */

@media (max-width:1100px){
  .site-header > .wrap.header-row{
    width:calc(100% - 32px) !important;
  }

  .site-header .my-home-logo{
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
    flex-basis:220px !important;
  }

  .site-header .nav{
    gap:18px !important;
  }
}

/* ---------- MOBILE ---------- */

@media (max-width:900px){
  .site-header{
    height:67px !important;
  }

  .site-header > .wrap.header-row{
    height:66px !important;
    min-height:66px !important;
  }

  .site-header .nav,
  .site-header .search-btn{
    display:none !important;
  }

  .site-header .header-actions .btn-ghost{
    display:none !important;
  }

  .site-header .my-home-logo{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:0 1 auto !important;
  }

  .site-header .burger{
    display:flex !important;
    margin-left:auto !important;
  }
}

/* =========================================================
   HEADER SCROLL EFFECT
   ========================================================= */

.site-header{
  transition:
    background-color .25s ease,
    box-shadow .25s ease,
    backdrop-filter .25s ease,
    border-color .25s ease;
}

.site-header.scrolled{
  background:rgba(255,255,255,.88) !important;
  border-bottom-color:rgba(228,235,230,.9) !important;
  box-shadow:0 4px 18px rgba(18,38,28,.06) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}


/* =========================================================
   HEADER SCROLL EFFECT
   ========================================================= */

.site-header{
  transition:
    background-color .25s ease,
    box-shadow .25s ease,
    backdrop-filter .25s ease,
    border-color .25s ease;
}

.site-header.scrolled{
  background:rgba(255,255,255,.88) !important;
  border-bottom-color:rgba(228,235,230,.9) !important;
  box-shadow:0 4px 18px rgba(18,38,28,.06) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}


/* Более прозрачный glass-эффект при прокрутке */
.site-header.scrolled{
  background:rgba(255,255,255,.55) !important;
  border-bottom-color:rgba(228,235,230,.65) !important;
  box-shadow:0 4px 20px rgba(18,38,28,.07) !important;
  -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
  backdrop-filter:blur(16px) saturate(140%) !important;
}


/* Лупа — универсально для всех страниц */
.site-header .search-btn{
  position:relative !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#193a28 !important;
}

.site-header .search-btn .icon{
  display:none !important;
}

.site-header .search-btn::before{
  content:"" !important;
  display:block !important;
  width:15px !important;
  height:15px !important;
  border:2px solid #193a28 !important;
  border-radius:50% !important;
  position:absolute !important;
  top:13px !important;
  left:13px !important;
  box-sizing:border-box !important;
}

.site-header .search-btn::after{
  content:"" !important;
  display:block !important;
  width:9px !important;
  height:2px !important;
  background:#193a28 !important;
  border-radius:2px !important;
  position:absolute !important;
  top:28px !important;
  left:27px !important;
  transform:rotate(45deg) !important;
  transform-origin:left center !important;
}

@media(max-width:960px){
  .site-header .search-btn{
    display:none !important;
  }
}