.header-right .geo-hint .close {
    display: none;
}

.section-znaczenie-prof .general-znaczenie-prof .right-block-procedure .right-block-courier-procedure-up.city-warszawa {
    background: url(https://prominpartner.com/wp-content/themes/promin/assets/images/img/holovna/warszawa-courier.webp) center center no-repeat;
    background-size: cover;
}

.section-znaczenie-prof .general-znaczenie-prof .right-block-procedure .right-block-courier-procedure-up.city-krakow {
    background: url(https://prominpartner.com/wp-content/themes/promin/assets/images/img/holovna/krakow-courier.webp) center center no-repeat;
    background-size: cover;
}

.section-znaczenie-prof .general-znaczenie-prof .right-block-procedure .right-block-courier-procedure-up.city-gdansk {
    background: url(https://prominpartner.com/wp-content/themes/promin/assets/images/img/holovna/gdansk-courier.webp) center center no-repeat;
    background-size: cover;
}
.section-znaczenie-prof .general-znaczenie-prof .right-block-procedure .right-block-courier-procedure-up.city-bialystok{
	background: url(https://prominpartner.com/wp-content/uploads/2026/06/gemini_generated_image_gyrt33gyrt33gyrt-1.webp) center center no-repeat;
    background-size: cover;
}

.header-preright {
    display: flex;
    align-items: center;
    position: relative;
}

.header-right {
    display: flex;
    gap: 0.5208333333vw;
    align-items: center;
    position: relative;
}

.header-right .city-list,
.header-right .lang-list {
    position: relative;
}

.header-right .phone-item,
.menu_burger-1 .phone-item {
    display: none;
}

.header-right .active-city,
.header-right .active-lang {
    border: 0.0520833333vw solid #d9d9d9;
    border-radius: 52.0833333333vw;
    padding: 0 0.9375vw;
    height: 3.125vw;
    display: flex;
    justify-content: space-between;
    ;
    align-items: center;
    width: fit-content;
    gap: 0.5208333333vw;
    cursor: pointer;
    transition: 0.3s;
    min-width: 10.4166666667vw;
    position: relative;
}

.header-right .active-lang {
    min-width: 0;
}

.header-right .active-city:before,
.header-right .active-lang:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 1.0416666667vw);
    /* background: red; */
    z-index: -1;
}

.header-right .active-city p,
.header-right .active-lang p {
    font-family: "Manrope", sans-serif;
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 100%;
    /* letter-spacing: -0.04em; */
    color: #000;
    user-select: none;
}

.header-right .active-city .i {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5208333333vw;
}

.header-right .active-city .i svg {
    width: 1.0416666667vw;
    height: 1.0416666667vw;
}

.header-right .active-city .arrow svg,
.header-right .active-lang .arrow svg {
    width: 1.25vw;
    height: 1.25vw;
    transition: 0.3s;
}

.header-right .active-city .i svg path,
.header-right .active-city .arrow svg path {
    transition: 0.3s;
}

.header-right .active-city:hover,
.header-right .active-lang:hover {
    background: #f5f5f5;
    border-color: #f5f5f5;
}

.header-right .full-city-list,
.header-right .full-lang-list,
.header-right .geo-hint {
    position: absolute;
    top: calc(100% + 0.5208333333vw);
    background: green;
    border-radius: 1.25vw;
    padding: 1.0416666667vw;
    width: 16.40625vw;
    max-height: 15vw;
    box-shadow: 0 0 2.6041666667vw 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.header-right .full-lang-list {
    width: 100%;
}

.header-right .full-lang-list a {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 0.8333333333vw;
    line-height: 120%;
    text-transform: uppercase;
    color: #1e1e1e;
    padding: 0.625vw 0;
    border-bottom: 0.0520833333vw solid rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}

.header-right .full-lang-list a:first-child {
    padding-top: 0;
}

.header-right .full-lang-list a:last-child {
    padding-bottom: 0;
    border: none;
}

.header-right .city-list.active .full-city-list,
.header-right .lang-list.active .full-lang-list,
.header-right .geo-hint.active {
    opacity: 1;
    visibility: visible;
}

.header-right .geo-hint .footer-link-wrapper {
    display: none;
}

.header-right .city-list.active .active-city .arrow svg,
.header-right .lang-list.active .active-lang .arrow svg {
    transform: rotate(180deg);
}

.header-right .city-list.active .active-city,
.header-right .lang-list.active .active-lang {
    background: #000;
}

.header-right .city-list.active .active-city p,
.header-right .lang-list.active .active-lang p {
    color: #fff;
}

.header-right .city-list.active .active-city .i svg path,
.header-right .lang-list.active .active-lang .i svg path {
    fill: #FBC707;
}

.header-right .city-list.active .active-city .arrow svg path,
.header-right .lang-list.active .active-lang .arrow svg path {
    stroke: #FBC707;
}

.header-right .check-geo {
    display: flex;
    align-items: center;
    gap: 0.5208333333vw;
    cursor: pointer;
    padding-bottom: 1.0416666667vw;
    border-bottom: 0.0520833333vw solid #e4e4e4;
}

.header-right .check-geo svg {
    width: 0.8333333333vw;
    height: auto;
}

.header-right .check-geo svg path {
    fill: #FBC707;
}

.header-right .check-geo p {
    transition: 0.3s;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 0.7291666667vw;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #000;
    user-select: none;
}

.header-right .check-geo:hover p {
    color: #FBC707;
}

.header-right .city-list .footer-link-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: auto;
    margin-top: 0.4166666667vw;
}

.header-right .city-list .footer-link-wrapper a {
    padding: 0.625vw 0;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 0.8333333333vw;
    line-height: 120%;
    color: #1e1e1e;
    max-width: 11.4583333333vw;
    border-top: 0.0520833333vw solid rgba(0, 0, 0, 0.05);
    transition: 0.3s;
    user-select: none;
}

.header-right .city-list .footer-link-wrapper a.active {
    padding-left: 1.3541666667vw;
    position: relative;
}

.header-right .city-list .footer-link-wrapper a.active:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.8333333333vw;
    height: 0.8333333333vw;
    background: red;
    transform: translate(0, -50%);
    background: url(https://dev.prominpartner.com/wp-content/themes/promin/assets/images/header/header-active-city-accent.svg) center center no-repeat;
    background-size: cover;
}

.header-right .city-list .footer-link-wrapper a:hover {
    color: #FBC707;
}

.header-right .city-list .footer-link-wrapper a:first-child {
    border: none;
    margin-top: 0.4166666667vw;
}

.header-right .city-list .footer-link-wrapper::-webkit-scrollbar {
    margin: 0vw;
    background: none;
    width: 0.2083333333vw;
}

.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-button {
    display: none;
}

.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0.5208333333vw;
}

.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0.5208333333vw;
}

.header-right .geo-hint {
    position: absolute;
    right: 0;
    padding-top: 1.5625vw;
}

.header-right .geo-hint p {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 1.0416666667vw;
    text-align: center;
    color: #999;
}

.header-right .geo-hint .mob,
.header-right .geo-hint .mob-desc {
    display: none;
}

.header-right .geo-hint p span {
    color: #000;
}

.header-right .geo-hint .btns {
    display: flex;
    width: 100%;
    margin-top: 1.5625vw;
    gap: 0.5208333333vw;
}

.header-right .geo-hint .btns div {
    border-radius: 520.8333333333vw;
    height: 3.125vw;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #f5f5f5;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 1.0416666667vw;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #1e1e1e;
}

.header-right .geo-hint .btns div:last-child {
    background: #fbc707;
    text-decoration: none;
}

.menu_burger-0 {
    display: none !important;
}

.city-numbers {
    margin-top: 5vw;
}

.city-numbers .mini-container-w {
    margin: auto;
}

.city-numbers .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    margin-top: 4.1666666667vw;
}

.city-numbers .list .item {
    padding: 0 2.0833333333vw;
    border-left: 0.0520833333vw solid #e4e4e4;
    display: flex;
    flex-direction: column;
    grid-gap: 1.0416666667vw;
}

.city-numbers .list .item:first-child {
    padding-left: 0;
    border: none;
}

.city-numbers .list .item:last-child {
    padding-right: 0;
}

.city-numbers .list .item .head {
    font-weight: 500;
    font-size: 3.3333333333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #000;
}

.city-numbers .list .item .desc {
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 140%;
    color: #999;
}

.city-numbers.centered h2,
.city-numbers.centered .list .item{
	text-align: center;
	width: 100%;
}
.city-numbers.centered .list .item:first-child{
	padding-left: 2.0833333333vw;
}
.city-numbers.centered .list .item:last-child{
	padding-right: 2.0833333333vw;
}

@media (max-width:1660px) {
	.header-right{
	    display: flex;
	    gap: 10px;
	    align-items: center;
	}
	.header-right .city-list,
	.header-right .lang-list,
	.menu_burger-1 .lang-list{
	    position: relative;
	}
	.header-right .active-city,
	.header-right .active-lang,
	.menu_burger-1 .active-lang{
	    border: 1px solid #d9d9d9;
	    border-radius: 1000px;
	    padding: 0 18px;
	    height: 48px;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    width: fit-content;
	    gap: 10px;
	    cursor: pointer;
	    transition: 0.3s;
	    min-width: 200px;
	    position: relative;
	}
	.header-right .active-lang,
	.menu_burger-1 .active-lang{
		min-width: 0;
	}
	.header-right .active-city:before,
	.header-right .active-lang:before,
	.menu_burger-1 .active-lang:before{
	    content: '';
	    position:absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: calc(100% + 20px);
	    /* background: red; */
	    z-index: -1;
	}
	.header-right .active-city p,
	.header-right .active-lang p,
	.menu_burger-1 .active-lang p{
	    font-family: "Manrope", sans-serif;
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 100%;
	    /* letter-spacing: -0.04em; */
	    color: #000;
	    user-select: none;
	}
	.header-right .active-city .i{
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    gap: 10px;
	}
	.header-right .active-city .i svg{
	    width: 20px;
	    height: 20px;
	}
	.header-right .active-city .arrow svg,
	.header-right .active-lang .arrow svg{
	    width: 24px;
	    height: 24px;
		transition: 0.3s;
	}
	.header-right .active-city .i svg path,
	.header-right .active-city .arrow svg path{
		transition: 0.3s;
	}
	.header-right .active-city:hover,
	.header-right .active-lang:hover,
	.menu_burger-1 .active-lang:hover{
	    background: #f5f5f5;
	    border-color: #f5f5f5;
	}
	.header-right .full-city-list,
	.header-right .full-lang-list,
	.menu_burger-1 .full-lang-list{
	    position: absolute;
	    top: calc(100% + 10px);
	    background: green;
	    border-radius: 24px;
	    padding: 20px;
	    width: 300px;
	    max-height: 288px;
	    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
	    background: #fff;
	    display: flex;
	    flex-direction: column;
	    visibility: hidden;
	    opacity: 0;
	    transition: 0.3s;
	}
	.header-right .full-lang-list,
	.menu_burger-1 .full-lang-list{
		min-width: 100%;
		width: fit-content;
	}
	.header-right .full-lang-list a,
	.menu_burger-1 .full-lang-list a{
		font-family: "Manrope", sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 120%;
		text-transform: uppercase;
		color: #1e1e1e;
		padding: 12px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		transition: 0.3s;
	}
	.header-right .full-lang-list a:first-child,
	.menu_burger-1 .full-lang-list a:first-child{
		padding-top: 0;
	}
	.header-right .full-lang-list a:last-child,
	.menu_burger-1 .full-lang-list a:last-child{
		padding-bottom: 0;
		border: none;
	}
	.header-right .city-list.active .full-city-list,
	.header-right .lang-list.active .full-lang-list,
	.menu_burger-1 .lang-list.active .full-lang-list{
		opacity: 1;
		visibility: visible;
	}
	.header-right .city-list.active .active-city .arrow svg,
	.header-right .lang-list.active .active-lang .arrow svg,
	.menu_burger-1 .lang-list.active .active-lang .arrow svg{
		transform: rotate(180deg);
	}
	.header-right .city-list.active .active-city,
	.header-right .lang-list.active .active-lang,
	.menu_burger-1 .lang-list.active .active-lang{
		background: #000;
	}
	.header-right .city-list.active .active-city p,
	.header-right .lang-list.active .active-lang p,
	.menu_burger-1 .lang-list.active .active-lang p{
		color: #fff;
	}
	.header-right .city-list.active .active-city .i svg path,
	.header-right .lang-list.active .active-lang .i svg path,
	.menu_burger-1 .lang-list.active .active-lang .i svg path{
		fill: #FBC707;
	}
	.header-right .city-list.active .active-city .arrow svg path,
	.header-right .lang-list.active .active-lang .arrow svg path,
	.menu_burger-1 .lang-list.active .active-lang .arrow svg path{
		stroke: #FBC707;
	}
	
	.header-right .check-geo{
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    cursor: pointer;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #e4e4e4;
	}
	.header-right .check-geo svg{
	    width: 16px;
	    height: auto;
	}
	.header-right .check-geo svg path{
	    fill: #FBC707;
	}
	.header-right .check-geo p{
	    transition: 0.3s;
	    font-family: "Manrope", sans-serif;
	    font-weight: 400;
	    font-size: 14px;
	    line-height: 120%;
	    letter-spacing: -0.02em;
	    text-decoration: underline;
	    text-decoration-skip-ink: none;
	    color: #000;
	    user-select: none;
	}
	.header-right .check-geo:hover p{
	    color: #FBC707;
	}
	.header-right .city-list .footer-link-wrapper{
	    display: flex;
	    flex-direction: column;
	    flex-grow: 1;
	    height: 100%;
	    overflow: auto;
	    margin-top: 8px;
	}
	.header-right .city-list .footer-link-wrapper a{
	    padding: 12px 0;
	    font-family: "Manrope", sans-serif;
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 120%;
	    color: #1e1e1e;
	    max-width: 220px;
	    border-top: 1px solid rgba(0, 0, 0, 0.05);
	    transition: 0.3s;
	    user-select: none;
	}
	.header-right .city-list .footer-link-wrapper a.active{
		padding-left: 26px;
		position: relative;
	}
	.header-right .city-list .footer-link-wrapper a.active:before{
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 16px;
		height: 16px;
		background: red;
		transform: translate(0, -50%);
		background: url(https://dev.prominpartner.com/wp-content/themes/promin/assets/images/header/header-active-city-accent.svg) center center no-repeat;
		background-size: cover;
	}
	.header-right .city-list .footer-link-wrapper a:hover{
		color: #FBC707;
	}
	.header-right .city-list .footer-link-wrapper a:first-child{
	    border: none;
	    margin-top: 8px;
	}
	
	.header-right .city-list .footer-link-wrapper::-webkit-scrollbar{
				margin: 0px;
				background: none;
				width: 4px;
			}
	.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-button{
				display: none;
			}
	.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-track-piece{
				background: rgba(0, 0, 0, 0.05);
				border-radius: 10px;
			}
	.header-right .city-list .footer-link-wrapper::-webkit-scrollbar-thumb{
				background: #000;
				border-radius: 10px;
			}

	.header-right .geo-hint{
		position: absolute;
		right: 0;
		padding: 20px;
		padding-top: 30px;
		border-radius: 24px;
	}
	
	.header-right .geo-hint p{
		font-family: "Manrope", sans-serif;
		font-weight: 500;
		font-size: 16px;
		text-align: center;
		color: #999;
	}
	.header-right .geo-hint p span{
		color: #000;
	}
	.header-right .geo-hint .btns{
		display: flex;
		width: 100%;
		margin-top: 30px;
		gap: 10px;
	}
	.header-right .geo-hint .btns div{
		border-radius: 10000px;
		height: 48px;
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		background: #f5f5f5;
		font-family: "Manrope", sans-serif;
		font-weight: 600;
		font-size: 16px;
		line-height: 100%;
		text-decoration: underline;
		text-decoration-skip-ink: none;
		color: #1e1e1e;
	}
	.header-right .geo-hint .btns div:last-child{
		background: #fbc707;
		text-decoration: none;
	}

	.city-numbers{
		margin-top: 200px;
	}
	.city-numbers .mini-container-w{
		margin: auto;
	}
	.city-numbers .list{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 0;
		margin-top: 80px;
	}
	.city-numbers .list .item{
		padding: 0 40px;
		border-left: 1px solid #e4e4e4;
		display: flex;
		flex-direction: column;
		grid-gap: 20px;
	}
	.city-numbers.centered .list .item:first-child{
		padding-left: 40px;
	}
	.city-numbers.centered .list .item:last-child{
		padding-right: 40px;
	}
	.city-numbers .list .item:first-child{
		padding-left: 0;
		border: none;
	}
	.city-numbers .list .item:last-child{
		padding-right: 0;
	}
	.city-numbers .list .item .head{
		font-weight: 500;
		font-size: 64px;
		line-height: 100%;
		letter-spacing: -0.04em;
		color: #000;
	}
	.city-numbers .list .item .desc{
		font-weight: 400;
		font-size: 20px;
		line-height: 140%;
		color: #999;
	}


	
}

@media (max-width:1440px) {
	.header-right .active-city{
		min-width: 160px;
	}
	.header-right .geo-hint{
		width: 306px;
		right: 0;
		width: 100%;
		max-height: none;
	}
	.header-right .phone-item{
		display: flex;
		width: 48px;
		height: 48px;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		transition: 0.3s;
		cursor: pointer;
	}

	.city-numbers .list{
		grid-template-columns: 1fr 1fr;
	}
	.city-numbers .list .item:nth-child(1),
	.city-numbers .list .item:nth-child(3){
		padding-left: 0;
		border-left: none;
	}
	.city-numbers .list .item:nth-child(1),
	.city-numbers .list .item:nth-child(2){
		padding-bottom: 30px;
	}
	.city-numbers .list .item:nth-child(4),
	.city-numbers .list .item:nth-child(3){
		padding-top: 30px;
		border-top: 1px solid #e4e4e4;
	}
	.city-numbers .list .item .head{
		font-size: 64px;
		line-height: 100%;
		letter-spacing: -0.04em;
		color: #000;
	}
	.city-numbers .list .item .desc{
		font-size: 20px;
		line-height: 140%;
		color: #999;
	}
}

@media (max-width:768px) {
	.header-right .active-lang .arrow{
		display: none;
	}
	.header-right .active-city, 
	.header-right .active-lang,
	.menu_burger-1 .active-lang,
	.menu_burger-1 .phone-item,
	.header-right .phone-item{
		display: flex;
		width: 40px;
		height: 40px;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		transition: 0.3s;
		cursor: pointer;
	}
	.header-right .geo-hint{
		top: 60px;
	}
	.menu_burger-1 .active-lang,
	.menu_burger-1 .phone-item{
		border: 1px solid #353535;
	}
	.header-right .phone-item:hover,
	.menu_burger-1 .phone-item:hover{
		background: #f5f5f5
	}
	.header-right .active-lang p,
	.menu_burger-1 .active-lang p{
		font-weight: 600;
	}
	.header-right .city-list{
		display: none;
	}
	.header-right .full-lang-list,
	.menu_burger-1 .full-lang-list{
		min-width: 90px;
	}
	.header-right .phone-item svg,
	.menu_burger-1 .phone-item svg{
		width: 20px;
		height: 20px;
	}
	.header-right,
	.menu_burger-1 .menu-right {
		gap: 4px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.menu_burger-1 .active-lang p{
		color: #fff;
	}
	.menu_burger-1 .phone-item svg path{
		fill: #fff;
	}
	.menu_burger-1 .active-lang:hover,
	.menu_burger-1 .phone-item:hover,
	.menu_burger-1 .lang-list.active .active-lang{
		background: rgba(255,255,255,0.1);
		border-color: rgba(255,255,255,0.25);
	}
	.menu_burger-1 .full-lang-list{
		background: #141414;
		border: 1px solid #353535;
	}
	.menu_burger-1 .full-lang-list a{
		color: #fff;
	}
	.menu_burger-1 .full-lang-list a{
		border-bottom: 1px solid #353535;
	}
	.header-right .geo-hint{
		/* display: none; */
	}


	.menu_burger-0{
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}

	.menu_burger-0 .city-head{
		font-weight: 600;
		font-size: 14px;
		letter-spacing: -0.04em;
		color: #999;
		margin-top: 10px;
	}

	.menu_burger-0 .city-list{
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		border: 1px solid #353535;
		border-radius: 16px;
		width: 100%;
		padding: 0 20px;
		max-height: 46px;
		overflow: hidden;
		transition: 0.3s;
	}

	.menu_burger-0 .city-list.active{
		max-height: 400px;
	}

	.menu_burger-0 .city-list .active-city{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		gap: 10px;
		margin: 15px 0;
	}

	.menu_burger-0 .check-geo{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		gap: 10px;
		margin-top: 10px;
	}

	.menu_burger-0 .active-city svg,
	.menu_burger-0 .check-geo svg{
		width: 16px;
		height: auto;
	}

	.menu_burger-0 .active-city svg path,
	.menu_burger-0 .check-geo svg path{
		fill: #FBC707;
	}

	.menu_burger-0 .city-list.active .active-city svg path{
		fill: rgba(153, 153, 153, 0.5);
	}
	.menu_burger-0 .city-list.active .active-city p{
		color: rgba(153, 153, 153, 0.5);
	}

	.menu_burger-0 .geo-hint{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.menu_burger-0 .geo-hint p{
		font-weight: 500;
		font-size: 16px;
		color: #999;
	}
	.menu_burger-0 .geo-hint p span{
		color: #fff;
	}
	.menu_burger-0 .geo-hint .btns{
		display: flex;
		gap: 10px;
	}

	.menu_burger-0 .geo-hint .btns div{
		background: #f5f5f5;
		border-radius: 10000px;
		padding: 16px 0px;
		width: 60px;
		height: 48px;
		font-weight: 600;
		font-size: 16px;
		line-height: 100%;
		color: #1e1e1e;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.menu_burger-0 .geo-hint .btns div:last-child{
		background: #fbc707;
	}

	.menu_burger-0 .full-city-list{
		width: 100%;
	}

	.menu_burger-0 .check-geo p{
		font-weight: 500;
		font-size: 16px;
		line-height: 120%;
		text-decoration: underline;
		text-decoration-skip-ink: none;
		color: #fff;
	}

	.menu_burger-0 .footer-link-wrapper{
		display: flex;
		flex-direction: column;
		margin-top: 20px;
		width: 100%;
		max-height: 200px;
		overflow: auto;
	}
	.menu_burger-0 .footer-link-wrapper a{
		font-weight: 500;
		font-size: 16px;
		line-height: 120%;
		color: #fff;
		padding: 12px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.05);
		margin-right: 10px !important;
	}

	.menu_burger-0 .footer-link-wrapper::-webkit-scrollbar{
			margin: 0px;
			background: none;
			width: 4px;
		}
.menu_burger-0 .footer-link-wrapper::-webkit-scrollbar-button{
			display: none;
		}
.menu_burger-0 .footer-link-wrapper::-webkit-scrollbar-track-piece{
			background: rgba(255, 255, 255, 0.05);
			border-radius: 10px;
		}
.menu_burger-0 .footer-link-wrapper::-webkit-scrollbar-thumb{
			background: #fff;
			border-radius: 10px;
		}

	
	
	.header-right .geo-hint{
		width: calc(100vw  - 20px);
		right: -54px;
		height: fit-content;
		max-height: none;
		align-items: flex-start;
	}

	.move-to-down .header-right .geo-hint{
		right: -64px;
		top: calc(100% + 5px);
	}
	
	.header-right .geo-hint .footer-link-wrapper{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 30px;
		width: 100%;
	}

	.header-right .geo-hint .footer-link-wrapper a{
		border-radius: 16px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		background: #f5f5f5;
		font-weight: 500;
		font-size: 20px;
		line-height: 120%;
		text-align: center;
		color: #000;
		margin: 0 !important;
	}
	.header-right .geo-hint .footer-link-wrapper a:focus{
		background: #fbc707 !important;
	}
	.header-right .geo-hint .footer-link-wrapper a.active{
		color: #fff;
		background: #000;
	}

	.header-right .geo-hint .desc{
		display: none;
	}
	
	.header-right .geo-hint .mob-desc{
		display: block;
		font-weight: 600;
		font-size: 16px;
		color: #000;
		margin-top: 20px;
		text-align: left;
	}

	.header-right .geo-hint .mob{
		display: block;
		text-align: left;
		font-weight: 600;
		font-size: 24px;
		line-height: 100%;
		letter-spacing: -0.02em;
		color: #999;
		padding-right: 40px;
	}
	.header-right .geo-hint .mob br{
	    display: none;
	}
	.header-right .geo-hint .mob span{
		color: #000;
	}
	.header-right .geo-hint .btns{
		display: none;
	}

	.header-right .geo-hint .close{
		position: absolute;
		right: 10px;
		top: 10px;
		cursor: pointer;
		display: block;
	}

	.menu_burger-0{
		display: flex !important;
	}

	.city-numbers{
		margin-top: 100px;
	}

	.city-numbers .list{
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	.city-numbers .list .item:nth-child(1),
	.city-numbers .list .item:nth-child(2),
	.city-numbers .list .item:nth-child(3),
	.city-numbers .list .item:nth-child(4){
		padding: 22px 0;
		border-left: none;
		border-top: 1px solid #e4e4e4;
	}
	.city-numbers.centered .list .item{
		text-align: left;
	}
	.city-numbers.centered .list .item:first-child{
		padding-left: 0;
	}
	.city-numbers .list .item{
		flex-direction: row;
	}
	.city-numbers .list .item .head{
		font-size: 36px;
		line-height: 100%;
		letter-spacing: -0.04em;
		color: #000;
		width: 150px;
	}
	.city-numbers .list .item .desc{
		font-size: 12px;
		line-height: 140%;
		color: #999;
	}

}
/* ==========================================================================
   Кнопки мобильных приложений в шапке
   Размеры десктопа заданы в vw от макета 1920 (px / 1920 * 100),
   как и остальная шапка. С 1440 и ниже — фиксированные px.
   ========================================================================== */

.header-apps {
	display: flex;
	align-items: center;
	gap: 0.5208333333vw; /* 10px */
}

.header-apps__item {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 3.125vw; /* 60px */
	padding: 0 1.3020833333vw; /* 25px */
	border: 0.0520833333vw solid #d9d9d9; /* 1px */
	border-radius: 52.0833333333vw; /* 1000px */
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.header-apps__item:hover {
	background: #353535;
}

.header-apps__badge {
	display: flex;
	align-items: center;
}

.header-apps__badge svg {
	display: block;
	width: auto;
	height: 100%;
}

/* Глиф — только для узких экранов, полный бейдж — для широких. */
.header-apps__badge--glyph {
	display: none;
}

.header-apps__item--ios .header-apps__badge--full {
	width: 5.7291666667vw;  /* 110px */
	height: 1.4575vw;       /* 27.98px */
}

.header-apps__item--android .header-apps__badge--full {
	width: 6.5430vw;        /* 125.63px — в макете отступ между иконкой и текстом увеличен */
	height: 1.4787vw;       /* 28.39px */
}

/* Соседние элементы шапки (город, язык, телефон) переходят на 48px именно
   здесь, а не на 1440 — держим кнопки с ними в одной высоте. */
@media (max-width: 1660px) {
	.header-apps {
		gap: 8px;
	}

	.header-apps__item {
		height: 48px;
		padding: 0 20px;
		border-width: 1px;
		border-radius: 1000px;
	}

	.header-apps__item--ios .header-apps__badge--full {
		width: 88px;
		height: 22.35px;
	}

	.header-apps__item--android .header-apps__badge--full {
		width: 96px;
		height: 22.7px;
	}
}

/* Круглый вид включаем с 1400: полные бейджи (276px) перестают помещаться
   раньше всего на русском — у него самое длинное меню. */
@media (max-width: 1400px) {
	.header-apps {
		gap: 10px;
	}

	.header-apps__item {
		width: 40px;
		height: 40px;
		padding: 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		background: #fff;
		color: #000;
	}

	.header-apps__item:hover {
		background: #f5f5f5;
	}

	.header-apps__badge--full {
		display: none;
	}

	.header-apps__badge--glyph {
		display: flex;
	}

	.header-apps__item--ios .header-apps__badge--glyph svg {
		height: 21px;
	}

	.header-apps__item--android .header-apps__badge--glyph svg {
		height: 21px;
	}
}

/* ==========================================================================
   Приведение шапки к макетам Figma (1920 / 1440 / 768 / 360)
   Переопределения собраны здесь, а не правкой блоков выше, — так изменения
   видно одним куском и легко откатить, вернув dop_style_14.css.
   ========================================================================== */

/* --- Порядок: телефон и кнопки идут перед городом и языком ---------------- */
.header-right .phone-item  { order: 1; }
.header-right .header-apps { order: 2; }
.header-right .city-list   { order: 3; }
.header-right .lang-list   { order: 4; }

/* С 1660 и ниже макет ставит кнопки первыми, перед телефоном. */
@media (max-width: 1660px) {
	.header-right .header-apps { order: 1; }
	.header-right .phone-item  { order: 2; }
}

/* --- Планшет: по макету 768 вся шапка 48px, город виден -------------------- */
@media (max-width: 768px) {
	.header-right .active-city,
	.header-right .active-lang,
	.header-right .phone-item {
		width: auto;
		height: 48px;
		min-width: 0;
		border-radius: 1000px;
	}

	/* Телефон и кнопки — круглые, город и язык — пилюли с текстом. */
	.header-right .phone-item {
		width: 48px;
		padding: 0;
	}

	.header-right .active-city {
		padding: 0 12px 0 14px;
		gap: 8px;
	}

	.header-right .active-lang {
		padding: 0 12px 0 20px;
		gap: 12px;
	}

	.header-right .active-lang p,
	.header-right .active-city .i p {
		font-size: 16px;
	}

	/* В макете 768 город на месте — его скрывает только мобильный брейкпоинт. */
	.header-right .city-list {
		display: block;
	}

	.header-right {
		gap: 8px;
	}

	.header-apps__item {
		width: 48px;
		height: 48px;
	}

	.header-apps__item--ios .header-apps__badge--glyph svg,
	.header-apps__item--android .header-apps__badge--glyph svg {
		height: 26px;
	}
}

/* Город скрываем раньше остального: на 500-620px он вместе с телефоном,
   языком и бургером перестаёт помещаться и рвёт шапку. */
@media (max-width: 620px) {
	.header-right .city-list {
		display: none;
	}
}

/* --- Мобильный: по макету 360 всё уменьшается до 33px, город скрыт --------- */
@media (max-width: 480px) {
	.header-right {
		gap: 10px;
	}

	.header-right .active-lang,
	.header-right .phone-item {
		width: 33px;
		height: 33px;
		padding: 0;
		border-radius: 50%;
	}

	.header-right .active-lang p {
		font-size: 13.4px;
	}

	/* На 360 в макете города нет — остаются язык и бургер. */
	.header-right .city-list {
		display: none;
	}

	/* Копия телефона в блоке настроек тут не нужна: ниже 480 он снова
	   стоит рядом с кнопками магазинов. */
	.header-right .phone-item--prefs {
		display: none;
	}

	.header-right .phone-item svg {
		width: 20px;
		height: 20px;
	}

	.header-apps {
		gap: 10px;
	}

	.header-apps__item {
		width: 33px;
		height: 33px;
	}

	.header-apps__item--ios .header-apps__badge--glyph svg,
	.header-apps__item--android .header-apps__badge--glyph svg {
		height: 18px;
	}
}

/* --- Меню: зазоры по макету -----------------------------------------------
   Было 48px между всеми элементами левой части, включая пункты меню.
   В макете между пунктами 20px (1920) и 12px (1440), а увеличенный отступ
   только после логотипа. Из-за прежних 48px шапка не вмещала кнопки:
   на русском (самое длинное меню) не хватало 146px.
   -------------------------------------------------------------------------- */
nav .General-project-menu .general-project-menu_header-left.general-project-menu_header-left {
	gap: 1.0416666667vw; /* 20px */
}

nav .General-project-menu .general-project-menu_header-left .logolab.logolab {
	margin-right: 2.0833333333vw; /* +40px → 60px после логотипа, как в макете */
}

@media (max-width: 1660px) {
	nav .General-project-menu .general-project-menu_header-left.general-project-menu_header-left {
		gap: 12px;
	}

	nav .General-project-menu .general-project-menu_header-left .logolab.logolab {
		margin-right: 23px; /* → 35px после логотипа */
	}
}

/* На планшете и мобильном меню сворачивается в бургер — отступ не нужен. */
@media (max-width: 768px) {
	nav .General-project-menu .general-project-menu_header-left .logolab.logolab {
		margin-right: 0;
	}
}

/* --- Ширина шапки по макету -----------------------------------------------
   Было width: 77.08vw (1480px при 1920) — контент начинался с 260px.
   В макете шапка шире: контент стартует с 73px, то есть nav ≈ 96.5vw.
   Из-за узкого контейнера кнопкам не хватало места и они вставали
   вплотную к пункту «Калькулятор».
   -------------------------------------------------------------------------- */
@media (min-width: 1661px) {
	nav.border-x {
		width: 96.5625vw; /* 1854px при 1920 → контент с 73px с учётом padding 40px */
	}
}

/* --- Телефон на широком экране --------------------------------------------
   В прежней вёрстке .phone-item был скрыт выше 1440px и появлялся только
   круглой иконкой ниже. Макет 1920 показывает его пилюлей с номером,
   поэтому возвращаем на широких экранах и добавляем текст номера.
   -------------------------------------------------------------------------- */
.phone-item__number {
	display: none; /* номер нужен только на широком экране */
}

@media (min-width: 1661px) {
	.header-right .phone-item {
		display: flex;
		align-items: center;
		gap: 0.46875vw; /* 9px */
		height: 3.125vw; /* 60px */
		padding: 0 0.8333333333vw; /* 16px */
		border: 0.0520833333vw solid #d9d9d9; /* 1px */
		border-radius: 52.0833333333vw;
		background: #fff;
		box-sizing: border-box;
		transition: 0.3s;
	}

	.header-right .phone-item:hover {
		background: #f5f5f5;
	}

	.header-right .phone-item svg {
		width: 1.0416666667vw; /* 20px */
		height: 1.0416666667vw;
		flex-shrink: 0;
	}

	.header-right .phone-item__number {
		display: block;
		font-weight: 500;
		font-size: 1.1898vw; /* 22.84px */
		letter-spacing: -0.0475937vw; /* -0.91px */
		line-height: 1;
		color: #000;
		white-space: nowrap;
	}
}

/* Промежуток 1441–1660: телефон скрывался совсем (старое правило прятало его
   выше 1440, а пилюля появляется только выше 1660). Показываем круглой
   иконкой — так же, как на 1440. */
@media (min-width: 1441px) and (max-width: 1660px) {
	.header-right .phone-item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		padding: 0;
		border: 1px solid #d9d9d9;
		border-radius: 50%;
		background: #fff;
		transition: 0.3s;
	}

	.header-right .phone-item:hover {
		background: #f5f5f5;
	}

	.header-right .phone-item svg {
		width: 20px;
		height: 20px;
	}
}

/* --- Фокус ----------------------------------------------------------------
   В теме есть глобальное `:focus { background: 0 0 !important }` — при клике
   оно обнуляет фон, и чёрная пилюля становилась прозрачной. Возвращаем фон
   и даём аккуратную обводку с клавиатуры (:focus-visible), не трогая
   глобальное правило, чтобы не задеть остальной сайт.
   -------------------------------------------------------------------------- */
/* Фон при фокусе — по виду кнопки на текущей ширине, а не всегда чёрный:
   ниже 1400 кнопка белая, и чёрный фон здесь давал заметное потемнение
   после тапа на мобильном. */
@media (min-width: 1401px) {
	.header-apps__item:focus,
	.header-apps__item:focus-visible {
		background: #000 !important;
	}
}

@media (max-width: 1400px) {
	.header-apps__item:focus,
	.header-apps__item:focus-visible {
		background: #fff !important;
	}
}

.header-right .phone-item:focus,
.header-right .phone-item:focus-visible {
	background: #fff !important;
}

/* На узких экранах кнопки белые — фон при фокусе тоже белый. */
@media (max-width: 768px) {
	.header-apps__item:focus,
	.header-apps__item:focus-visible {
		background: #fff !important;
	}
}

/* --- Блок «телефон + приложения» как отдельная группа ----------------------
   Телефон и кнопки магазинов образуют один блок, город и язык — другой.
   Обёртки .header-preright и .header-right получают display: contents, чтобы
   обе группы стали прямыми детьми шапки: тогда её justify-content:space-between
   сам разводит меню, блок контактов и блок настроек с равными промежутками.
   Раньше блок был прижат к городу: слева 82px, справа 10px.
   -------------------------------------------------------------------------- */
.header-preright,
.header-right {
	display: contents;
}

.header-right__contacts,
.header-right__prefs {
	display: flex;
	align-items: center;
	position: relative; /* geo-hint позиционируется относительно блока настроек */
	gap: 0.5208333333vw; /* 10px */
}

@media (max-width: 1660px) {
	.header-right__contacts,
	.header-right__prefs {
		gap: 8px;
	}
}

@media (max-width: 768px) {
	.header-right__contacts,
	.header-right__prefs {
		gap: 10px;
	}
}

/* Выпадающие списки города и языка прижимаем к правому краю: блок настроек
   теперь ближе к краю экрана, и список в 300px вылезал за границу на 1440. */
.header-right .full-city-list,
.header-right .full-lang-list {
	right: 0;
	left: auto;
}

/* Бейдж Google Play оптически сидел выше центра — опускаем на 2px.
   Расстояние между иконкой и текстом задано внутри самого SVG,
   правится заменой файла, а не отсюда. */
.header-apps__item--android .header-apps__badge--full,
.header-apps__item--android .header-apps__badge--glyph {
	transform: translateY(1px);
}

/* --- Ширина города и языка по макету --------------------------------------
   В макете блоки уже, чем получалось по контенту: город 170px, язык 79px
   при 1920. Дизайнер сузил их намеренно, чтобы в шапке было больше воздуха.
   -------------------------------------------------------------------------- */
/* Только десктоп: ниже 1660px действуют свои размеры, а vw-ширина
   на мобильном схлопывала бы кнопки (4.11vw = 15px при 360). */
@media (min-width: 1661px) {
	.header-right .active-city {
		width: 8.8541666667vw;      /* 170px */
		min-width: 8.8541666667vw;  /* прежние 10.42vw (200px) не давали сузиться */
		justify-content: space-between;
	}

	.header-right .active-lang {
		width: 4.1145833333vw;  /* 79px */
		justify-content: space-between;
	}
}

/* Нижняя граница обязательна: иначе эти ширины перебивают круглые
   33px на мобильном и 48px на планшете. */
@media (min-width: 769px) and (max-width: 1660px) {
	.header-right .active-city {
		width: 136px;
		min-width: 136px;
	}

	.header-right .active-lang {
		width: 63px;
	}
}

/* На планшете ширина по контенту. Нижняя граница обязательна: без неё это
   правило перебивало круглые 33px на мобильном, и язык сплющивался до 20px. */
@media (min-width: 481px) and (max-width: 768px) {
	.header-right .active-city,
	.header-right .active-lang {
		width: auto;
		min-width: 0;
	}
}

/* Обёртка кнопки бургера выше 1279px пуста (0×0), но остаётся элементом
   флекса и забирает один промежуток у space-between — из-за неё отступы
   вокруг блока контактов получались меньше макетных. Ниже 1279px внутри
   появляется бургер, там блок нужен. */
@media (min-width: 1279px) {
	nav .General-project-menu .wrapper-nav-btn.wrapper-nav-btn {
		display: none;
	}
}

/* Бургер переехал внутрь блока настроек (в макете он в одной группе с языком).
   У города и языка проставлен order, поэтому бургеру нужен свой — иначе
   order:0 выносит его в начало группы. */
.header-right__prefs .wrapper-nav-btn {
	order: 5;
}

/* На 360 в макете язык и бургер стоят вплотную, без разделителя —
   он появляется только на 768. Убираем отступ и полоску на мобильном,
   иначе иконка бургера визуально отъезжает от языка на 20px. */
@media (max-width: 480px) {
	nav .General-project-menu .wrapper-nav-btn .header_buttons.header_buttons span {
		width: auto;
		padding-left: 0;
		border-left: 0;
	}
}

/* --- Стрелки города и языка ------------------------------------------------
   Размеры задавались только внутреннему svg, а сам блок .arrow тянулся по
   line-height (24×26) и вылезал за скруглённую кнопку: на 1440 язык на 11px,
   город на 6px. Фиксируем размеры самого блока по макету:
   24px на десктопе и планшете, 19.2px в диапазоне 769–1660.
   -------------------------------------------------------------------------- */
.header-right .active-city .arrow,
.header-right .active-lang .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	line-height: 0;
}

@media (min-width: 1661px) {
	.header-right .active-city .arrow,
	.header-right .active-lang .arrow {
		width: 1.25vw;   /* 24px */
		height: 1.25vw;
	}

	.header-right .active-city .arrow svg,
	.header-right .active-lang .arrow svg {
		width: 100%;
		height: 100%;
	}
}

@media (min-width: 769px) and (max-width: 1660px) {
	.header-right .active-city .arrow,
	.header-right .active-lang .arrow {
		width: 19.2px;
		height: 19.2px;
	}

	.header-right .active-city .arrow svg,
	.header-right .active-lang .arrow svg {
		width: 19.2px;
		height: 19.2px;
	}
}

/* На 768 у языка в макете есть стрелка — прежняя вёрстка её скрывала. */
@media (min-width: 481px) and (max-width: 768px) {
	.header-right .active-lang .arrow {
		display: flex;
	}

	.header-right .active-city .arrow svg,
	.header-right .active-lang .arrow svg {
		width: 24px;
		height: 24px;
	}
}

/* На 360 стрелки у языка нет — только текст. */
@media (max-width: 480px) {
	.header-right .active-lang .arrow {
		display: none;
	}
}

/* Паддинги под фиксированную ширину: при 18px (1920) и 14.4px (1440)
   сумма «текст + стрелка + отступы» превышала ширину кнопки, и стрелка
   вылезала за скругление. Подобрано так, чтобы содержимое помещалось. */
@media (min-width: 1661px) {
	.header-right .active-lang {
		padding: 0 0.7291666667vw; /* 14px */
	}
}

@media (min-width: 769px) and (max-width: 1660px) {
	.header-right .active-lang {
		padding: 0 10px;
	}

	.header-right .active-city {
		padding: 0 10px 0 14px;
	}
}

/* --- Телефон: в какой группе он стоит, зависит от ширины -------------------
   Макет: выше 1660 и ниже 480 телефон идёт вместе с кнопками магазинов,
   а между — в группе с городом и языком. Переносить элемент между флекс-
   контейнерами силами CSS нельзя, поэтому в разметке есть вторая копия,
   и на каждой ширине показывается ровно одна.
   -------------------------------------------------------------------------- */
.header-right .phone-item--prefs {
	display: none;
	order: 0; /* перед городом (order: 3) и языком (order: 4) */
}

@media (min-width: 481px) and (max-width: 1660px) {
	.header-right__contacts .phone-item {
		display: none;
	}

	.header-right .phone-item--prefs {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* --- Больше воздуха в кнопках города и языка -------------------------------
   По макету 170/79 (1920) и 136/63 (1440) стрелка почти упиралась в край.
   Расширяем и увеличиваем правый отступ, чтобы стрелка не липла к границе.
   -------------------------------------------------------------------------- */
@media (min-width: 1661px) {
	.header-right .active-city {
		width: 9.6875vw;      /* 186px */
		min-width: 9.6875vw;
		padding: 0 0.9375vw;  /* 18px */
	}

	.header-right .active-lang {
		width: 4.7916666667vw; /* 92px */
		padding: 0 0.9375vw;
	}
}

@media (min-width: 769px) and (max-width: 1660px) {
	.header-right .active-city {
		width: 152px;
		min-width: 152px;
		padding: 0 14px;
	}

	.header-right .active-lang {
		width: 76px;
		padding: 0 14px;
	}
}

/* --- Оптическая центровка глифов в круглых кнопках -------------------------
   В макете глифы стоят не в геометрическом центре: у Apple «надкус» сверху,
   поэтому иконка поднята, а треугольник Google Play визуально тянет влево,
   поэтому он сдвинут вправо. Считано с макета: Apple выше центра на 3.3%
   высоты кнопки (1.6px при 48, 1.1px при 33), Google Play правее на 4.9%
   ширины (2.4px при 48, 1.6px при 33).
   -------------------------------------------------------------------------- */
@media (max-width: 1400px) {
	.header-apps__item--ios .header-apps__badge--glyph {
		transform: translateY(-1.6px);
	}

	.header-apps__item--android .header-apps__badge--glyph {
		transform: translateX(2.4px);
	}
}

@media (max-width: 480px) {
	.header-apps__item--ios .header-apps__badge--glyph {
		transform: translateY(-1.1px);
	}

	.header-apps__item--android .header-apps__badge--glyph {
		transform: translateX(1.6px);
	}
}



/* --- Тач-устройства: кнопки без состояний ----------------------------------
   На тач-экране :hover залипает после тапа, а :focus остаётся висеть после
   возврата из App Store — кнопка стояла подсвеченной до касания экрана.
   Гасим все визуальные состояния: вид кнопки в :hover/:focus/:active
   совпадает с обычным. Десктопа не касается — там (hover: hover).
   -------------------------------------------------------------------------- */
@media (hover: none) {
	.header-apps__item,
	.header-apps__item:hover,
	.header-apps__item:focus,
	.header-apps__item:focus-visible,
	.header-apps__item:active,
	.header-apps__item:visited {
		background: #000 !important;   /* вид полной кнопки — чёрная пилюля */
		color: #fff;
		outline: none !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-tap-highlight-color: transparent;
	}

	.header-right .phone-item,
	.header-right .phone-item:hover,
	.header-right .phone-item:focus,
	.header-right .phone-item:focus-visible,
	.header-right .phone-item:active,
	.header-right .phone-item:visited {
		outline: none !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-tap-highlight-color: transparent;
	}
}

/* Ниже 1400 кнопки белые круглые — там и состояния должны быть белыми. */
@media (hover: none) and (max-width: 1400px) {
	.header-apps__item,
	.header-apps__item:hover,
	.header-apps__item:focus,
	.header-apps__item:focus-visible,
	.header-apps__item:active,
	.header-apps__item:visited {
		background: #fff !important;
		color: #000;
	}

	.header-right .phone-item,
	.header-right .phone-item:hover,
	.header-right .phone-item:focus,
	.header-right .phone-item:active {
		background: transparent !important;
	}
}

/* --- Иконка телефона крупнее ----------------------------------------------
   В круглых кнопках 48px глифы Apple и Google Play — 26px, а телефон был
   20px и смотрелся мельче соседей. Поднят до 25px. На 360, где кнопка
   33px, телефон и так крупнее соседей (20 против 18) — там не трогаем.
   -------------------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 1660px) {
	.header-right .phone-item svg {
		width: 25px;
		height: 25px;
	}
}

/* На широком экране телефон — пилюля с номером, иконка была 20px против
   28px у бейджей магазинов рядом. Поднята до 25px. */
@media (min-width: 1661px) {
	.header-right .phone-item svg {
		width: 1.3020833333vw;  /* 25px */
		height: 1.3020833333vw;
	}
}

/* --- Кнопки магазинов не подхватывают жёлтый цвет ссылок шапки -------------
   В теме есть правило с селектором (0,2,2):
       nav .General-project-menu a:hover { color: #fbc707 }
   Оно красит любую ссылку в шапке, а глифы наследуют цвет через
   currentColor. На тач-экране :hover залипает после тапа — иконка
   оставалась жёлтой до касания в другом месте.
   Перебиваем более высокой специфичностью для своих кнопок.
   -------------------------------------------------------------------------- */
nav .General-project-menu .header-apps__item,
nav .General-project-menu .header-apps__item:hover,
nav .General-project-menu .header-apps__item:focus,
nav .General-project-menu .header-apps__item:focus-visible,
nav .General-project-menu .header-apps__item:active,
nav .General-project-menu .header-apps__item:visited {
	color: #fff !important;
}

nav .General-project-menu .header-right .phone-item,
nav .General-project-menu .header-right .phone-item:hover,
nav .General-project-menu .header-right .phone-item:focus,
nav .General-project-menu .header-right .phone-item:active,
nav .General-project-menu .header-right .phone-item:visited {
	color: #000 !important;
}

/* Ниже 1400 кнопки магазинов белые — глиф в них чёрный. */
@media (max-width: 1400px) {
	nav .General-project-menu .header-apps__item,
	nav .General-project-menu .header-apps__item:hover,
	nav .General-project-menu .header-apps__item:focus,
	nav .General-project-menu .header-apps__item:focus-visible,
	nav .General-project-menu .header-apps__item:active,
	nav .General-project-menu .header-apps__item:visited {
		color: #000 !important;
	}
}

/* --- Жёлтая подсветка: только на реальное взаимодействие -------------------
   На мыши подсвечиваем и наведение, и нажатие. На тач-экране — только
   :active, то есть пока палец на кнопке: :hover там залипает после тапа,
   а :focus держится после возврата из магазина, и кнопка оставалась бы
   жёлтой. Правила идут после фиксации цвета выше, поэтому перебивают её.
   -------------------------------------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
	nav .General-project-menu .header-apps__item:hover,
	nav .General-project-menu .header-apps__item:active {
		color: #fbc707 !important;
	}

	nav .General-project-menu .header-right .phone-item:hover,
	nav .General-project-menu .header-right .phone-item:active {
		color: #fbc707 !important;
	}
}

@media (hover: none) {
	nav .General-project-menu .header-apps__item:active {
		color: #fbc707 !important;
	}

	nav .General-project-menu .header-right .phone-item:active {
		color: #fbc707 !important;
	}
}

/* --- Подсказка геолокации ---------------------------------------------------
   Точкой отсчёта должна быть сама шапка (nav.border-x), а не блок настроек:
   тогда подсказка встаёт под шапкой во всю её ширину и не съезжает при
   скролле. Блоку настроек снимаем position: relative — из-за display:contents
   у .header-right и .header-preright ближайшим относительным предком
   становится именно nav.
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	.header-right__prefs {
		position: static;
	}

	.header-right .geo-hint {
		position: absolute;
		top: calc(100% + 5px);
		width: auto;
		max-width: none;
		min-width: 0;
		box-sizing: border-box;
		transform: none;
	}

	/* Размер подсказки не должен меняться при прокрутке. Эталон — вид при
	   скролле, когда шапка получает move-to-down: до 767px она сужается
	   на 10px с каждой стороны, поэтому вверху компенсируем отступом. */
	.header-right .geo-hint {
		left: 10px;
		right: 10px;
	}

	nav.move-to-down .header-right .geo-hint {
		left: 0;
		right: 0;
	}
}

/* На 768 шапка ведёт себя наоборот: при скролле расширяется на 14px
   с каждой стороны — вверху выносим подсказку на столько же. */
@media (min-width: 768px) and (max-width: 768px) {
	.header-right .geo-hint {
		left: -14px;
		right: -14px;
	}

	nav.move-to-down .header-right .geo-hint {
		left: 0;
		right: 0;
	}
}

/* --- Футер: жёлтый только на реальное нажатие -------------------------------
   Та же история, что и с кнопками в шапке: в теме есть правила
       footer … .footer-link-wrapper a:hover { color: #fbc707 }
       footer .footer-smm-block svg:hover path { fill: #FBC707 }
   На тач-экране :hover залипает после тапа, и ссылка оставалась жёлтой.
   Гасим залипание и оставляем подсветку только на :active — пока палец
   на элементе. На мыши поведение прежнее.
   -------------------------------------------------------------------------- */
@media (hover: none) {
	footer .mini-container-w .footer-top-part > div .footer-link-wrapper a:hover {
		color: #fff !important;
	}

	footer .footer-smm-block svg:hover path {
		fill: #fff !important;
	}

	.header-right .city-list .footer-link-wrapper a:hover {
		color: #1e1e1e !important;
	}

	/* нажатие — подсвечиваем */
	footer .mini-container-w .footer-top-part > div .footer-link-wrapper a:active {
		color: #fbc707 !important;
	}

	footer .footer-smm-block svg:active path,
	footer .footer-smm-block a:active svg path {
		fill: #fbc707 !important;
	}

	.header-right .city-list .footer-link-wrapper a:active {
		color: #fbc707 !important;
	}
}