header ._showOnMobile {
  display: none;
}
header [class*=__container] {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 15px
}

.header__top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 15px
}
.header__phone {
  margin-left: auto;
  position: relative;
  z-index: 1
}
.header__phone-link {
  display: block
}
.header__phone-image {
  color: var(--color-header-phone-icon)
}
.header__bottom {
  padding: 20px 0
}
.header__bottom-wrapper {
  display: flex;
  justify-content: space-between;
	align-items: center;
  grid-gap: 15px
}
.header__right{
	display: flex;
	align-items: center;
	gap: 15px;
}
.header__logo,
.header__logo-placeholder {
  height: var(--height-logo);
  min-height: calc(var(--height-logo) * .6666);
  flex: 0 1 auto;
  position: relative;
  z-index: 1
}
.header__logo-img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
	width: auto;
	min-width: 200px;
}
.header__info {
  position: relative;
  line-height: 1.2;
	display: flex;
	align-items: center;
}
.header__info-icon {
  color: var(--color-header-info-icon);
	margin-right: 5px;
}
.header__info-title {
  margin-bottom: 5px;
  font-size: var(--fontSize-header-info-title);
  color: var(--color-header-info-title)
}
.header__info-link {
  display: block;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--color-header-info-link);
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.mobileInfo {
  margin-bottom: 30px
}
.mobileInfo__title {
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-mobileInfo-title);
  margin-bottom: 10px
}
.mobileInfo__wrapper {
  display: flex;
  gap: 10px;
  justify-content: center
}
.mobileInfo__link {
  color: var(--color-mobileInfo-link);
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin: 20px 0;
}
.menu__list {
  display: flex;
  gap: var(--gap-header-menu-list)
}
.menu__item {
  position: relative;
}
.menu__span {
  color: var(--color-header-menu-link-active);
  pointer-events: none
}
/* Стили для колонок */
.sub-menu__col {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 8px;
}
.previewPostV4__image:hover{
	background-color: var(--color-accent);
}
@media (min-width: 1081px) {
	.header__menu{
		display: flex;
		align-items: center;
		margin-right: 15px;
	}
	.menu-item{
		display: flex;
		align-items: center;
		position: relative;
	}
	.menu-item:not(.current-menu-item):hover .menu__link{
		border-radius: 35px;
		background-color: var(--background-button);
		color: #fff;
	}
	.current-menu-item .menu__span{
		border-radius: 35px;
		background-color: var(--background-button);
		color: #fff;
	}
	.menu__link, .menu__span{
		transition: all 0.5s ease-in-out;
		white-space: nowrap;
		padding: 10px;
	}
	.sub-menu__wrapper{
		padding-top: 5px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 100%;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}
	.menu-item:hover .sub-menu__wrapper{
		visibility: visible;
		opacity: 1;
	}
	.sub-menu{
		display: flex;
		flex-direction: row;
		gap: 40px;
		padding: 20px;
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);
	}
	.sub-menu .menu__link{
		background: none !important;
		color: var(--color-header-menu-link) !important;
		border-radius: 0 !important;
		display: block;
	}
	.sub-menu .menu-item:hover .menu__link{
		color: #fff !important;
		background-color: var(--background-button) !important;
		border-radius: 35px !important;
	}
}
@media (max-width: 1080px) {
	.header__top {
		background: var(--color-header-top-background);
		padding: 13px 0
	}
	header ._showOnMobile {
		display: block;
	}
  .menu__list {
    padding: 4rem 1.25rem 1.875rem 1.25rem;
    flex-direction: column;
    gap: var(--gap-header-menu-list)
  }
  .menu__item:not(:last-child)::after {
    display: none
  }
  .menu__link,
  .menu__span {
    font-weight: 500;
    font-size: 27px;
		padding-bottom: 5px;
		display: block;
  }
  ._showOnDesktop {
    display: none
  }
  .hero .swiper-button-next,
  .hero .swiper-button-prev {
    display: none
  }
  .header__menu {
    order: 1
  }
  .header__logo,
  .header__logo-placeholder {
    height: calc(var(--height-logo) * .6666)
  }
  .header__bottom {
    display: none
  }
  .header__cta {
    width: 100%;
    height: 54px;
    margin-bottom: 30px;
		margin-left: 0;
  }
	.header__info{
		margin-right: 0;
	}

	.menu__list{
		padding-left: 0;
		padding-right: 0;
	}
	.sub-menu__wrapper{
		padding-left: 10px;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.6s cubic-bezier(0.5, 0, 0.3, 1);
    background-color: var(--color-background);
    border-radius: var(--border-radius);
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--tw-shadow);
	}
	.sub-menu__wrapper .menu__link{
		font-size: 17px;
	}
	.sub-menu__col{
		margin-bottom: 8px;
	}
	._active .sub-menu__wrapper{
		max-height: 500px;
	}
	.sub-menu__wrapper .sub-menu{
		padding: 12px 10px 0;
	}
	.sub-menu .menu__span{
		font-size: 17px;
		text-decoration: underline;
		color: var(--color-header-menu-link);
	}
	.menu-item-has-children::before {
		content: "";
		position: absolute;
		right: 0;
		top: 9px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 4px 0 4px;
		border-color: var(--color-header-menu-link) transparent transparent transparent;
		transition: border-color .3s, transform .5s;
	}
	.menu-item-has-children._active::before {
		transform: rotate(180deg);
	}
	.post__header-content .breadcrumb{
		padding-bottom: 8px;
	}
}