/* СТИЛИЗАЦИЯ HEADER: НАЧАЛО */
.header {
  position: relative;
  background-color: var(--main);
  box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);
  z-index: 20;
}

.header__wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}

.burger {
  display: none;
}

.header__logo {
  margin-right: auto;
  flex-direction: column;
  min-width: max-content;
  outline: none;
  transition:
    color,
    transform 0.35s ease-in-out;
}

.header__logo-top {
  align-self: center;
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: var(--white);
  margin-left: 20px;
}
.header__logo-bottom {
  align-self: center;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--yellow);
}

.header__panel {
  column-gap: 50px;
  align-items: center;
}

.header__list {
  column-gap: 30px;
}

.header__link {
  font-size: 20px;
  font-weight: 400;
  color: black !important;
  outline: none;
  transition: color 0.3s ease-in-out;
}

.header__tel {
  flex-direction: column;
  align-items: center;
  max-width: max-content;
  color: var(--white);
}

.header__tool {
  font-size: 12px;
  font-weight: 400;
}

.header__call {
  font-size: 18px;
  font-weight: 400;
  outline: none;
  transition: color 0.3s ease-in-out;
}

.header__logo:hover {
  transform: scale(1.05, 1.05);
}

.header__link:hover {
  color: var(--yellow);
}

.header__logo:focus:not(:hover),
.header__link:focus:not(:hover) {
  outline: 1px solid var(--yellow);
  outline-offset: 5px;
}

.header__call:hover {
  color: var(--dark);
}

.header__call:focus:not(:hover) {
  outline: 1px solid var(--white);
  outline-offset: 3px;
}
/* СТИЛИЗАЦИЯ HEADER: КОНЕЦ*/