.site-header{
  background:var(--white);
  border-bottom:1px solid var(--line);
  position:relative;
  z-index:50;
}
.site-header__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  min-height:68px;
}

/* Логотип */
.logo{ justify-self:start; display:flex; align-items:center; gap:8px; color:var(--dark-green); }
.logo__icon{ display:flex; flex:none; }
.logo__text{ font-size:8px; line-height:12px; font-weight:400; letter-spacing:.02em; white-space:nowrap; }

/* Меню */
.main-nav{ justify-self:center; }
.main-nav__list{ display:flex; align-items:center; gap:24px; }
.main-nav__list > li > a{ font-size:14px; font-weight:400; color:#000; line-height:1; transition:color .15s ease; }
.main-nav__list > li > a:hover{ color:var(--green); }

/* Телефон */
.header-phone-wrap{ justify-self:end; position:relative; }
.header-phone{ display:flex; align-items:center; gap:8px; color:var(--green); font-weight:600; font-size:16px; white-space:nowrap; }
.header-phone__caret{ display:block; flex:none; }

/* Випадаючі меню (спільне) */
.has-dropdown{ position:relative; }
.dropdown-wrap{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  padding-top:25px;            /* невидимий місток, щоб меню не закривалось */
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease;
  z-index:60;
}
.has-dropdown--right .dropdown-wrap{ left:auto; right:0; transform:none; }
.has-dropdown:hover .dropdown-wrap,
.has-dropdown:focus-within .dropdown-wrap{ opacity:1; visibility:visible; }

.dropdown{
  display:flex;
  gap:52px;
  padding:24px 44px;
  background:rgba(255,255,255,.8);
  border-radius:0 0 12px 12px;   /* верх прямий, низ заокруглений */
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.dropdown--phone{ gap:0; padding:24px 20px; }
.dropdown__col{ display:flex; flex-direction:column; }
.dropdown__col a{
  display:block;
  font-size:14px;
  font-weight:400;
  line-height:24px;
  color:var(--dark-green);
  white-space:nowrap;
  transition:color .15s ease;
}
.dropdown__col a:hover{ color:var(--green); }
/* Номери в телефонному списку — як у хедері */
.dropdown--phone .dropdown__col a{
  font-size:16px;
  font-weight:600;
  color:var(--green);
}