.header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  background-color: var(--color-content-white);
}
.header.semihide {
  transform: translate(0, -64px);
  transition: all 0.3s;
}
.header-top {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  font-size: 12px;
  line-height: 1.3;
  height: -moz-max-content;
  height: max-content;
  border-bottom: 1px solid var(--color-border-md, #D6D8D9);
}
.header-top__contacts, .header-top__links .list {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  width: -moz-max-content;
  width: max-content;
}
.header-top__contacts {
  gap: 48px;
}
.header-top__contacts > a {
  font-size: 16px;
}
.header-top__contacts > * {
  font-size: 14px;
}
@media (max-width: 1440px) {
  .header-top__contacts {
    gap: 24px;
  }
}
.header-top__links {
  align-self: center;
}
.header-top__links .list {
  justify-self: end;
  margin-left: auto;
}
.header-top__link {
  font-size: 14px;
  font-weight: 600;
  padding: 0 14px;
}
@media (max-width: 1440px) {
  .header-top__link {
    padding: 0 12px;
  }
}
.header-top__address {
  position: relative;
  display: grid;
  margin-left: 8px;
  margin-right: 16px;
  min-height: 27px;
  align-items: center;
}
.header-top__address-current {
  font-size: 14px;
  cursor: pointer;
  color: #727272;
}
.header-top__address-current:hover {
  color: #FFB21E;
}
.header-top__address-current:hover svg path {
  stroke: #FFB21E;
}
.header-top__address-current--active::after {
  transform: rotate(-90deg);
}
.header-top__address-current svg {
  transform: rotate(180deg);
  margin-left: 2px;
}
/* .header-top__cities {
  opacity: 0;
  visibility: hidden;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(250px, 300px);
  padding: 32px;
  position: absolute;
  left: 0;
  top: 27px;
  background-color: #ffffff;
  transition: 0.3s;
  z-index: 1;
  border-radius: 5px;
  border: solid 1px #E6E6E6;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  pointer-events: none;
}
.header-top__cities::after {
  border-bottom: unset;
  border-right: unset;
  background-image: url(/themes/vorotafedota/images/icons/down-arrow-two.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 7px;
  transform: unset;
}
.header-top__cities--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.header-top__cities-item a {
  position: relative;
  padding: 6px 0;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
  color: #727272;
}
.header-top__cities-item a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #E6E6E6;
  border-radius: 50%;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}
.header-top__cities-item:hover a::after {
  border-color: #FFB21E;
  background-color: #ffffff;
  background-image: url(/themes/vorotastav/images/icons/check-white.svg);
}
.header-top__cities-item--selected {
  order: -1;
  color: #f79521;
}
.header-top__cities-item--selected a {
  color: #474747;
  font-weight: 400;
}
.header-top__cities-item--selected a::after {
  border-color: #ff7e1e;
  background-color: #ff7e1e;
  background-image: url(/themes/vorotastav/images/icons/check-white.svg);
}
.header-top__cities-item--selected:hover a::after {
  border-color: #FFB21E;
  background-color: #ff7e1e;
  background-image: url(/themes/vorotastav/images/icons/check-white.svg);
}
.header-top__cities a {
  position: relative;
  padding: 6px 0;
  font-size: calc(14px + 2 * (100vw - 360px) / 1560);
  color: #727272;
} */
.header-bottom {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  justify-items: end;
  gap: 32px;
}
@media (min-width: 1251px) {
  .header-bottom__logo {
    padding: 16px 0;
  }
}
.header-bottom__menu {
  display: grid;
  height: 100%;
  align-items: center;
}
.header-bottom__links {
  display: grid;
  grid-auto-flow: column;
  width: -moz-max-content;
  width: max-content;
  justify-self: end;
  height: 100%;
  align-items: center;
}
.header-bottom__links > li {
  position: relative;
  padding: 16px 0;
}
@media (min-width: 851px) {
  .header-bottom__links > li {
    display: grid;
    height: 100%;
    align-items: center;
  }
}
.header-bottom__links > li:last-child .header-bottom__submenu {
  left: unset;
  right: 0;
}
.header-bottom__links a {
  padding: 10px 24px;
  font-weight: 600;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 8px;
}
.header-bottom__links a svg {
  transform: rotate(180deg);
}
.header-bottom__submenu {
  position: absolute;
  visibility: hidden;
  transform: translateX(300%);
  -moz-column-count: 1;
       column-count: 1;
  padding: 16px 0;
  left: 0;
  top: 100%;
  z-index: 3;
  background-color: var(--color-base-neutral-25);
  width: -moz-max-content;
  width: max-content;
}
.header-bottom__submenu_twice {
  -moz-column-count: 2;
       column-count: 2;
  width: 640px;
}
.header-bottom__subitem a {
  padding: 16px;
}
.header .menu {
  display: none;
}
.header .logo-min {
  display: none;
}

@media (min-width: 850px) {
  .header-bottom__links > li:hover {
    transition: all 0.3s;
  }
  .header-bottom__links > li:hover > a {
    color: var(--color-content-white);
    background-color: var(--color-content-accent);
  }
  .header-bottom__links > li:hover .header-bottom__submenu {
    visibility: visible;
    transition: all 0.3s;
    transform: translateX(0);
  }
  .header-bottom__subitem a:hover {
    background-color: var(--color-base-neutral-50);
  }
  .header-bottom__links > li:hover > a svg path {
    stroke: #fff;
  }
}
@media (max-width: 1440px) {
  .header.semihide {
    transform: translate(0, -48px);
  }
  .header .logo {
    max-width: 290px;
  }
  .header-top {
    padding: 10px 0;
  }
  .header-bottom__logo {
    padding: 10px 0;
  }
  .header-bottom__links > li {
    padding: 10px 0;
  }
}
@media (max-width: 1366px) {
  .header-top {
    padding: 8px 0;
  }
}
@media (max-width: 1350px) {
  .header-top__contacts {
    gap: 16px;
  }
  .header-top__link {
    padding: 0 8px;
  }
  .header.semihide {
    transform: translate(0, -44px);
  }
}
@media (min-width: 1251px) {
  .semihide .header-bottom__logo {
    padding: 10px 0;
  }
}
@media (min-width: 1150px) and (max-width: 1300px) {
  .header-top__schedule {
    display: none;
  }
}
@media (max-width: 1250px) {
  .header-top {
    padding: 8px 0;
  }
  .header-bottom__links > li > a {
    padding: 0 16px;
  }
  .header-bottom__subitem a {
    padding: 8px 16px;
  }
  .header .logo {
    max-width: 265px;
  }
}
@media (min-width: 1150px) {
  .header-top__links .list li:last-child .header-top__link {
    padding-right: 0;
  }
}
@media (max-width: 1150px) {
  .header .logo {
    display: none;
  }
  .header .logo-min {
    display: block;
  }
  .header .menu {
    display: grid;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    justify-self: end;
  }
  .header .menu-trigger {
    width: 18px;
    height: 16px;
    display: inline-block;
    position: relative;
    margin-left: auto;
    padding: 0;
  }
  .header .menu-trigger span {
    width: 18px;
    height: 2px;
    position: absolute;
    background-color: var(--color-base-neutral-600);
    transition: all 0.3s;
    top: 0;
    left: 0;
  }
  .header .menu-trigger span:nth-child(2) {
    top: 7px;
  }
  .header .menu-trigger span:nth-child(3) {
    bottom: 0;
    top: unset;
  }
  .header-top__links {
    position: absolute;
    left: unset;
    right: 0;
    top: 44px;
    width: -moz-max-content;
    width: max-content;
    background: #fff;
    padding: 24px 0;
    z-index: 100;
    transform: translateX(300%);
    display: grid;
    grid-auto-flow: row;
    transition: all 0.3s;
  }
  .header-top__links.header-top__links--active {
    overflow-x: hidden;
    transform: translateX(0);
    transition: all 0.3s;
  }
  .header-top__links .list {
    grid-auto-flow: row;
  }
  .header-top__link {
    padding: 8px 25px;
    font-size: 16px;
  }
}
@media (max-width: 1110px) {
  .header-bottom__links > li > a {
    padding: 0 12px;
  }
}
@media (max-width: 850px) {
  .header .container {
    display: grid;
    grid-template-columns: max-content 1fr;
  }
  .header-bottom {
    order: -1;
    grid-template-columns: 1fr;
    gap: 0;
    justify-items: start;
    border-bottom: 1px solid var(--color-border-md, #D6D8D9);
    padding-right: 16px;
  }
  .header-bottom nav {
    display: none;
  }
  .header-bottom__logo {
    padding: 0;
  }
  .header-bottom__links {
    grid-auto-flow: row;
    width: 100%;
    display: none;
  }
  .header-bottom__links a {
    font-size: 16px;
    justify-content: space-between;
  }
  .header-bottom__links.header-bottom__links--active {
    display: block;
  }
  .header-bottom__links.header-bottom__links--active .header-catalog__btn::after {
    transform: rotate(-90deg);
    transition: rotate 0.3s;
  }
  .header-top {
    grid-template-columns: max-content 1fr max-content;
  }
  .header-top__links--active {
    max-height: calc(100vh - 44px);
    overflow-y: auto;
    min-width: 350px;
  }
  .header-top__links .list {
    width: 100%;
    justify-content: unset;
  }
  .header-top__links .item--active .header-bottom__submenu {
    position: relative;
    width: 100%;
    transform: translateX(0);
    -moz-column-count: 1;
         column-count: 1;
    visibility: visible;
    background: transparent;
  }
  .header-top__links .item--active .header-bottom__submenu a {
    padding: 12px 24px;
  }
  .header-top__links .item--active svg {
    transform: rotate(0);
    transition: all 0.3s;
  }
  .header-top__contacts {
    padding: 12px;
  }
  .header-top > .header-top__contacts {
    padding: 0;
    height: 100%;
  }
  .header-top > .header-top__contacts .header-top__phone {
    font-size: 14px;
  }
  .header-top > .header-top__contacts .header-top__schedule {
    display: none;
  }
  .header-top__link {
    padding: 12px;
  }
  .header-catalog__btn {
    display: grid;
    width: -moz-max-content;
    width: max-content;
    order: -1;
    height: 44px;
    padding: 0 56px 0 32px;
    position: relative;
    font-size: 16px;
    align-items: center;
    color: #fff;
    background-color: var(--color-content-accent);
    margin: 0 0 16px 12px;
  }
  .header-catalog__btn::after {
    content: "";
    transform: rotate(90deg);
    transition: rotate 0.3s;
    width: 16px;
    height: 13px;
    position: absolute;
    right: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/themes/vorotastav/images/icons/arrow-white.svg");
  }
  .header.semihide {
    transform: translate(0, 0px);
  }
}
@media (max-width: 570px) {
  .header .logo-min {
    max-width: 55px;
  }
}
@media (max-width: 540px) {
  .header-top__street {
    display: none;
  }
  .header-top__build {
    display: none;
  }
  .comma {
    display: none;
  }
}
@media (max-width: 450px) {
  .footer .button {
    display: none;
  }
  .header-top__address-current {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
  }
  .header-top__address-current #header-top__city {
    display: inline-block;
    max-width: 75px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
@media (max-width: 400px) {
  .header-top__links--active {
    min-width: unset;
    width: 100%;
  }
  .header-top__address {
    margin-left: 0;
    margin-right: 0;
  }
  .header-top__address-current {
    font-size: 13px;
  }
  .header-top > .header-top__contacts .header-top__phone {
    font-size: 13px;
  }
}
.header.hide {
  transform: translate(0, -100%);
  transition: all 0.3s;
}/*# sourceMappingURL=header.css.map */