#header{position:sticky;top:0;z-index:100;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:linear-gradient(90deg,#22801f 0%,#3aa935 45%,#1fa8c9 100%);
  box-shadow:0 3px 14px rgba(27,79,140,.25)}
#header::after{content:"";display:block;height:4px;
  background:linear-gradient(90deg,#9ed86a,#1fa8c9,#1b4f8c)}
#header .container{max-width:1200px;margin:0 auto;padding:0 16px}
#header .wrapper{display:flex;align-items:center;justify-content:space-between;min-height:80px}
#header .clear{display:none}

/* Лого */
#logo{display:flex;align-items:center;justify-content:space-between;gap:12px}
#logo h1{margin:0;line-height:0}
#logo img{height:64px;width:64px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;
  box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .3s}
#logo a:hover img{transform:scale(1.06) rotate(-4deg)}
#menu-switch{display:none;cursor:pointer;font-size:24px;padding:8px 12px;border-radius:8px;
  background:rgba(255,255,255,.18)}
#menu-switch:hover{background:rgba(255,255,255,.32)}

/* Меню – бял шрифт, бял фон при посочване */
#menu ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;align-items:center}
#menu a{display:block;color:#fff !important;background:transparent !important;text-decoration:none;font-weight:600;font-size:16px;
  padding:10px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.6);
  transition:background .2s,color .2s,border-color .2s}
#menu a:hover,#menu a.active{background:#fff !important;color:#1b4f8c !important}

/* Бутон „Обади се“ – откроява се */
#menu li:last-child a{background:#fff !important;color:#1b4f8c !important;border-color:#fff;font-weight:700;
  margin-left:6px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
#menu li:last-child a::before{content:"\f095";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:8px}
#menu li:last-child a:hover{background:#1b4f8c !important;color:#fff !important;border-color:#1b4f8c}

/* Телефон */
@media(max-width:860px){
  #header .wrapper{flex-direction:column;align-items:stretch;min-height:0;padding:10px 0}
  #logo{width:100%}
  #logo img{height:54px;width:54px}
  #menu-switch{display:block}
  #menu{max-height:0;overflow:hidden;transition:max-height .35s ease}
  #menu.open{max-height:400px}
  #menu ul{flex-direction:column;align-items:stretch;gap:4px;padding:10px 0}
  #menu a{border-radius:8px}
  #menu li:last-child a{margin:6px 0 0;text-align:center}
}