@charset "UTF-8";
.head1 {
		display: none;
}
.header-panel {
		position: relative;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform: translate3d(0, 0, 0);
		z-index: 100;
}
html:not(.page-product) .header-panel {
		position: sticky;
		top: 0;
		bottom: auto;
}
html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header-panel {
		transform: translate3d(0, -100%, 0);
}
/*html.open-menu, html.open-menu body {margin: 0; height: 100%; overflow: hidden}*/
.header {
		position: relative;
		width: 100%;
		z-index: 100;
}
.header:before {
		content: '';
		background: var(--white);
		box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
		transform: translate3d(0, 0, 0);
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		transition-property: height, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header .container {
		padding: 0 8px;
		display: flex;
		align-items: center;
		position: relative;
}
.head-wrap, .head-link {
		flex: 0 0 auto;
}
.head-popup {
		display: none;
		visibility: hidden;
}
.head-link {
		display: block;
		user-select: none;
		width: 56px;
		height: 68px;
		position: relative;
		text-decoration: none;
		text-align: left;
		text-indent: -100vw;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-link svg, .head-link.bg-logined:after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 24px;
		transform: translate3d(-50%, 0, 0);
		margin: -12px 0;
		fill: var(--grey800);
		transition-property: fill, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-link .pic-desktop, .head-link .close-desktop {
		display: none;
}
.head-link .close {
		opacity: 0;
		fill: var(--darker);
}
.head-link.bg-menu, .head-link.bg-search {
		cursor: pointer;
}
@media only screen and (max-width: 767px) {
		.head-link.bg-personal, .head-link.bg-logined {
				display: none;
		}
}
html.open-menu .head-link.bg-menu svg:not(.close) {
		opacity: 0;
}
html.open-menu .head-link.bg-menu svg.close {
		opacity: 1;
}
@media only screen and (max-width: 767px) {
		html.open-search .head-link.bg-search svg:not(.close) {
				opacity: 0;
		}
		html.open-search .head-link.bg-search svg.close {
				opacity: 1;
		}
		.head-link.bg-back + .head-link.bg-menu {
				display: none;
		}
		.head-wrap.wrap-fav, .head-wrap.wrap-cart {
				display: none;
		}
}
.head-link.bg-back .text {
		display: none;
}
.head-link .dot {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 8px;
		height: 8px;
		background: var(--orange);
		border-radius: 50%;
		box-shadow: 0 0 0 2px var(--white);
		margin: -16px 8px;
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		z-index: 2;
}
.head-popup {
		display: none;
		position: absolute;
		top: 100%;
		right: 10px;
		width: 760px;
		background: var(--white);
		border: 0.5px solid #E7E7EC;
		box-shadow: 0px 0.5px 1px rgba(12, 26, 75, 0.1), 0px 25px 45px rgba(20, 37, 63, 0.08);
		border-radius: 7px;
		margin: -14px 0;
		z-index: 115;
		transform: translate3d(0, 10px, 0);
		opacity: 0;
		pointer-events: none;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transition-delay: 0s;
}
.head-popup .popup-arr {
		position: absolute;
		bottom: 100%;
		width: 11px;
		height: 6px;
		overflow: hidden;
		transform: translate3d(50%, 0, 0);
}
.wrap-cart .head-popup .popup-arr {
		right: 44px;
}
@media only screen and (min-width: 1280px) {
		.wrap-cart .head-popup .popup-arr {
				right: 77px;
		}
}
.head-popup .popup-arr:before {
		content: '';
		position: absolute;
		top: 0;
		right: 50%;
		transform-origin: 100% 0;
		border-radius: 0.5px;
		background: var(--white);
		border: 0.5px solid #E7E7EC;
		width: 13px;
		height: 13px;
		transform: rotate(-45deg);
}
@media (pointer:fine) {
		html:not(.hide-header) .head-wrap:hover .head-popup {
				transform: translate3d(0, 0, 0);
				opacity: 1;
				pointer-events: all;
				transition-delay: 0.5s;
		}
}
.head-wrap.wrap-fav .head-popup {
		display: none;
}
.head-wrap.wrap-cart .head-popup {
		width: 400px;
}
.head-popup-title {
		position: sticky;
		top: 0;
		z-index: 5;
		background: var(--white);
		padding: 30px 43px 25px 40px;
		border-bottom: 0.5px solid #E1EAEF;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
}
.head-popup-title .label {
		font: 900 24px/40px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
}
.head-popup-title .clear {
		cursor: pointer;
		user-select: none;
		flex: 0 0 auto;
		font-weight: normal;
		font-size: 15px;
		line-height: 21px;
		gap: 12px;
		display: flex;
		align-items: center;
		letter-spacing: -0.02em;
		color: var(--grey500);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
}
.head-popup-title .clear svg {
		flex: 0 0 auto;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.head-popup-title .clear:hover {
				color: var(--orange);
		}
		.head-popup-title .clear:hover svg {
				fill: var(--orange);
		}
}
.head-popup-scroll {
		overflow: hidden;
		overflow-y: auto;
		max-height: calc(70vh - 200px);
}
.head-popup-total {
		position: sticky;
		bottom: 0;
		z-index: 5;
		background: var(--white);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		font: bold 12px/16px var(--fontg);
		letter-spacing: 0.025em;
		text-transform: uppercase;
		color: var(--grey500);
		margin: 0 20px;
		padding: 25px 5px 33px 5px;
		border-top: 0.5px solid #E1EAEF;
}
.head-popup-total strong {
		display: block;
		color: var(--grey900);
		font-weight: bold;
		font-size: 24px;
		line-height: 30px;
		letter-spacing: normal;
		margin-top: 2px;
}
.head-popup-total .btn {
		font-weight: bold;
		height: 50px;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		padding: 0 25px;
}
.head-cart-item {
		display: flex;
		align-items: center;
		border-style: solid;
		border-width: 0;
		border-color: #DAE5F3;
		text-align: left;
		text-decoration: none;
		text-transform: none;
		font: normal 12px/16px var(--fonti);
		letter-spacing: -0.015em;
		color: var(--grey800);
		padding: 12px 0 15px 0;
		position: relative;
		gap: 10px;
		margin: 0 20px;
}
.head-cart-item:first-child {
		margin-top: 20px;
}
.head-cart-item:not(:first-child) {
		border-top-width: 0.5px;
}
.head-cart-item .photo {
		position: relative;
		flex: 0 0 auto;
		width: 100px;
		min-height: 80px;
		max-height: 100px;
		align-self: stretch;
		margin: auto 0;
}
.head-cart-item .photo img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.head-cart-item .photo .num {
		position: absolute;
		top: -13px;
		left: -8px;
		text-align: center;
		min-width: 48px;
		border-radius: 18px;
		border: 3px solid var(--white);
		color: var(--white);
		padding: 0 10px;
		font: bold 15px/30px var(--fontg);
		letter-spacing: -0.03em;
		background: var(--orange);
		box-shadow: 0px 3px 8px rgba(255, 67, 0, 0.2);
}
.head-cart-item .photo .num:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		background: url(../img/cross-mini.svg) no-repeat 50% 50%;
		width: 7px;
		height: 7px;
		background-size: contain;
		margin: 0 2px 0 0;
}
.head-cart-item a {
		color: inherit;
}
.head-cart-item .info a {
		color: var(--blue);
}
@media (pointer:fine) {
		.head-cart-item a:hover {
				color: var(--blue);
		}
		.head-cart-item .info a:hover {
				color: var(--hover);
		}
}
.head-cart-item .text {
		flex: 0 0 auto;
		width: calc(100% - 110px);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 9px;
}
.head-cart-item .name {
		flex: 0 0 auto;
		width: 100%;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		font-weight: 500;
}
.head-cart-item .price {
		flex: 0 0 auto;
		text-align: right;
		font: 600 13px/18px var(--fontg);
		color: var(--grey900);
		letter-spacing: 0.01em;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 5px;
}
.head-cart-item .price > * {
		flex: 0 0 auto;
}
.head-cart-item .price .cross {
		width: 10px;
		height: 10px;
		position: relative;
		color: transparent;
		overflow: hidden;
		transform: rotate(45deg);
		margin: 0 2px;
}
.head-cart-item .price .cross:before, .head-cart-item .price .cross:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 100%;
		height: 1px;
		border-radius: 0.5px;
		background: var(--sec-dark);
}
.head-cart-item .price .cross:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
.head-cart-item .price .red {
		color: var(--pink);
}
.head-cart-item .price .status {
		margin-right: 5px;
}
.head-cart-item .delete {
		flex: 0 0 auto;
		cursor: pointer;
		user-select: none;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		position: absolute;
		bottom: 15px;
		right: 5px;
		z-index: 2;
		transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-cart-item .delete:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: var(--sec-dark);
		opacity: 0.15;
		transition-property: opacity, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-cart-item .delete svg {
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
@media (pointer:fine) {
		.head-cart-item .delete:hover {
				box-shadow: 0px 0px 15px 3px #F20E0E26;
		}
		.head-cart-item .delete:hover:before {
				opacity: 0.8;
				background-color: var(--danger);
		}
		.head-cart-item .delete:hover svg {
				fill: var(--white);
		}
}
.head-cart-item .color {
		display: flex;
		align-items: center;
		font-weight: normal;
		font-size: 12px;
		line-height: 18px;
		color: var(--grey600);
		gap: 10px;
}
.head-cart-item .color .rounded {
		flex: 0 0 auto;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		width: 18px;
		height: 18px;
}
.head-fav {
		display: flex;
		flex-wrap: wrap;
		margin: 15px 30px 30px 30px;
}
.head-fav .el {
		flex: 0 0 auto;
		width: 50%;
		border-style: solid;
		border-width: 0 0 0.5px 0;
		border-color: #E1EAEF;
		text-decoration: none;
		transition-property: color, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		text-align: left;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		color: var(--grey600);
		display: flex;
		align-items: center;
		gap: 20px;
		padding: 20px;
}
@media (pointer:fine) {
		.head-fav .el:hover {
				color: var(--blue);
		}
}
.head-fav .el:not(:nth-child(odd)) {
		border-left-width: 0.5px;
		padding-left: 50px;
}
.head-fav .photo {
		flex: 0 0 auto;
		margin: 0 0 0 -10px;
		width: 101px;
		height: 80px;
}
.head-fav .photo img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
.head-fav .price {
		display: flex;
		align-items: center;
		gap: 5px;
		font: 600 16px/25px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey500);
		margin: 10px 0 0 0;
}
.head-fav .price strong {
		white-space: nowrap;
		font-weight: inherit;
		color: var(--grey800);
}
.head-fav .price .red {
		color: var(--pink);
}
.head-fav .price .status {
		margin-right: 5px;
}
.head-fav .more {
		background: rgba(235, 242, 250, 0.15);
		padding: 20px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.head-fav .more > * {
		flex: 0 0 auto;
		width: 60px;
		height: 60px;
		border: 1px dashed var(--sec-dark);
		border-radius: 50%;
		position: relative;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-fav .more > *:before, .head-fav .more > *:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 17px;
		height: 1.5px;
		border-radius: 0.75px;
		background: var(--sec-dark);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-fav .more > *:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.head-fav .more:hover {
				background: transparent;
		}
		.head-fav .more:hover > * {
				border-color: var(--blue);
		}
		.head-fav .more:hover > *:before, .head-fav .more:hover > *:after {
				background: var(--blue);
		}
}
.header .logo {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		flex: 0 0 auto;
		margin: 0 auto;
		width: 120px;
		height: 26px;
		background: url(../img/logo/mobile.svg) no-repeat 50% 50%;
		background-size: contain;
		position: relative;
		top: 2px;
}
.head-search {
		position: fixed;
		z-index: 90;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		padding: 97px 24px 0 24px;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-search-input {
		position: relative;
}
.head-search-input .btn {
		display: none;
}
.head-search-fader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 89;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.5s, 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, 0, 0);
}
html:not(.open-search) .head-search {
		pointer-events: none;
		opacity: 0;
}
.head-search-results {
		overflow: hidden;
		overflow-y: auto;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		text-align: left;
}
.head-search-results .link-small, .head-search-results .link-big, .head-search-results .link-all {
		text-decoration: none;
		position: relative;
		display: flex;
}
.head-search-results strong {
		font-weight: bold;
}
.head-search-results .link-small {
		align-items: center;
		font-weight: 500;
}
.head-search-results .link-big .image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
}
@media only screen and (max-width: 767px) {
		html.open-search {
				overflow: hidden;
		}
		.head-search-input input, .head-search-input .label {
				border-radius: 0;
				border: 0;
				border-bottom: 1px solid var(--sec-dark);
				box-shadow: none;
				padding: 0 28px 0 5px;
				color: var(--white);
				font: 600 24px var(--fontg);
				background: none;
				height: 61px;
				letter-spacing: normal;
		}
		.open-results .head-search-input input {
				border-bottom-color: var(--yellow);
		}
		.head-search-input .label {
				line-height: 60px;
				letter-spacing: 0.025em;
				position: absolute;
				top: 0;
				left: 0;
				color: var(--grey500);
				transform-origin: 10px -18px;
				transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				transform: scale(1);
				backface-visibility: hidden;
				border-color: transparent;
				pointer-events: none;
		}
		.head-search-input input:not(:placeholder-shown) ~ .label {
				transform: scale(0.5);
		}
		.head-search-fader {
				background: rgba(6, 21, 35, 0.92);
				-webkit-backdrop-filter: blur(18px);
				backdrop-filter: blur(18px);
		}
		html.open-search .head-search-fader {
				opacity: 1;
				pointer-events: all;
		}
		html.hide-header .head-search-results, html.hide-header .head-search-fader {
				opacity: 0 !important;
				pointer-events: none !important;
		}
		.head-search-results {
				position: fixed;
				z-index: 90;
				top: 158px;
				left: 0;
				height: calc(100vh - 258px);
				width: 100%;
		}
		@media (pointer:coarse) {
				.focus .head-search-results {
						height: calc(50vh - 140px);
				}
		}
		html.open-search .open-results .head-search-results {
				opacity: 1;
				pointer-events: all;
		}
		.head-search-results .link-small, .head-search-results .link-big, .head-search-results .label-title {
				border-bottom: 0.5px solid rgba(228, 236, 247, 0.25);
		}
		.head-search-results .link-small, .head-search-results .link-big, .head-search-results .link-all, .head-search-results .label-title {
				margin: 0 24px;
		}
		.head-search-results strong {
				color: var(--yellow);
		}
		.head-search-results .link-small {
				font-size: 15px;
				line-height: 20px;
				letter-spacing: -0.01em;
				color: var(--white);
				padding: 10px 40px 10px 7px;
				min-height: 60px;
		}
		.head-search-results .link-small:before {
				content: '';
				position: absolute;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				right: 16px;
				background: url("../img/search/mobile.svg") no-repeat 50% 50%;
				background-size: contain;
				width: 8px;
				height: 14px;
		}
		.head-search-results .label-title {
				padding: 14px 5px;
				margin-top: 15px;
				font-weight: bold;
				font-size: 12px;
				line-height: 22px;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				color: rgba(141, 160, 193, 0.6);
		}
		.head-search-results .link-big {
				flex-direction: column;
				align-items: flex-start;
				gap: 8px;
				padding: 6px 0 9px 90px;
				min-height: 94px;
				font-weight: normal;
				font-size: 14px;
				line-height: 24px;
				letter-spacing: -0.01em;
				color: rgba(255, 255, 255, 0.75);
		}
		.head-search-results .link-big .image {
				position: absolute;
				top: 12px;
				left: 5px;
				width: 70px;
				height: 70px;
				padding: 5px;
				background: var(--white);
		}
		.head-search-results .link-big .text {
				min-height: 28px;
		}
		.head-search-results .link-big .price {
				color: var(--white);
				font-weight: 600;
				font-size: 15px;
				letter-spacing: -0.03em;
		}
		.head-search-results .link-all {
				font-weight: bold;
				font-size: 15px;
				line-height: 20px;
				color: #253859;
				background-color: #FFD750;
				background-image: linear-gradient(to bottom, #FFD750 0%, #FFDD4F 66.666%, #FFB800 100%);
				background-size: 100% 300%;
				background-position: 0 100%;
				background-repeat: no-repeat;
				box-shadow: 0px 8px 26px rgba(255, 196, 0, 0.25), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
				align-items: center;
				justify-content: center;
				text-align: center;
				height: 60px;
				border-radius: 30px;
				margin-top: 30px;
				margin-bottom: 30px;
				transition-property: box-shadow, border, color, background;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				outline: none;
				border: 0;
				cursor: pointer;
				user-select: none;
		}
		@media (pointer:fine) {
				.head-search-results .link-all:hover {
						box-shadow: none;
						color: #253859;
						background-position: 0 0;
				}
		}
}
.head-search-input .clear {
		cursor: pointer;
		user-select: none;
		position: absolute;
		top: 50%;
		right: 0;
		width: 28px;
		height: 28px;
		margin: -15px 4px;
		outline: none;
		background: none;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.head-search-input input:placeholder-shown ~ .clear {
		opacity: 0;
		pointer-events: none;
}
.head-search-input .clear svg {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 16px;
		margin: -8px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--sec-default);
}
@media (pointer:fine) {
		.head-search-input .clear:hover svg {
				fill: var(--white);
		}
}
.head-search-input .pic {
		display: none;
}
.panel-mob {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 70;
		flex: 0 0 auto;
		background: var(--white);
		display: flex;
		backface-visibility: hidden;
		transform: translate3d(0, 0, 0);
		box-shadow: 0px 5px 24px rgba(0, 0, 0, 0.1);
}
.panel-mob > * {
		flex: 1;
		text-align: center;
		font: 600 11px/12px var(--fonti);
		letter-spacing: -0.01em;
		color: var(--grey500);
		text-decoration: none;
		padding: 15px 0 0 0;
		height: 85px;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		position: relative;
}
@media (pointer:fine) {
		.panel-mob > a:hover {
				color: var(--grey800);
		}
}
.panel-mob > .active {
		color: var(--grey800);
}
.panel-mob svg {
		display: block;
		width: 24px;
		height: 24px;
		fill: currentColor;
		margin: 0 auto 9px auto;
}
.panel-mob > *:has(.num) svg {
		fill: var(--grey800);
}
.panel-mob .num {
		position: absolute;
		top: 15px;
		left: 50%;
		text-align: center;
		min-width: 18px;
		height: 18px;
		line-height: 18px;
		white-space: nowrap;
		color: var(--white);
		border-radius: 100px;
		box-shadow: 0 0 0 2px var(--white);
		background: var(--orange);
		padding: 0 4px;
		margin: 0 3px;
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		html.min-header .mainwrap:not(.page-order) .header-panel {
				transform: translate3d(0, -52px, 0);
		}
		.head1 {
				display: block;
				background: #101225;
		}
		.head1 .container {
				display: flex;
		}
		.head1-city {
				position: relative;
				flex: 0 0 auto;
				display: flex;
				align-items: center;
		}
		.head1-city .link {
				flex: 0 0 auto;
				padding-left: 32px;
				line-height: 51px;
				height: 51px;
				white-space: nowrap;
				background: url(../img/icons/header/direct-up.svg) no-repeat 0 50%;
				background-size: auto 20px;
				color: var(--white);
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				cursor: pointer;
				user-select: none;
				font-size: 13px;
				font-weight: normal;
				text-decoration: none;
		}
		@media (pointer:fine) {
				.head1-city .link:hover {
						color: var(--yellow);
				}
		}
		.head1-menu {
				height: 51px;
				flex: 1 1 auto;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				flex-direction: row-reverse;
				overflow: hidden;
				padding: 0 16px;
		}
		.head1-menu > * {
				flex: 0 0 auto;
				text-align: center;
				text-decoration: none;
				color: var(--white);
				line-height: 51px;
				font-size: 14px;
				font-weight: normal;
				padding: 0 16px;
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head1-menu > a:hover {
						color: var(--yellow);
				}
		}
		.head1-menu .accent {
				color: var(--yellow);
				font-weight: 500;
		}
		.head1-contact {
				flex: 0 0 auto;
				display: flex;
				align-items: center;
				gap: 20px;
		}
		.head1-contact .wrap {
				display: flex;
				align-items: center;
				position: relative;
				gap: 20px;
				padding-left: 32px;
				background: url(../img/icons/header/call-calling.svg) no-repeat 0 50%;
				background-size: auto 21px;
		}
		.head1-contact .wrap > *:not(.popup), .head1-contact .time {
				flex: 0 0 auto;
				font-size: 13px;
				line-height: 51px;
				color: var(--gray500);
				text-decoration: none;
				letter-spacing: -0.03em;
		}
		.head1-contact .wrap > *:not(.popup) strong {
				font-weight: 500;
				letter-spacing: -0.01em;
				color: var(--white);
		}
		.head1-contact .time {
				display: none;
		}
		.head1-contact .arr {
				width: 8px;
				height: 8px;
				flex: 0 0 auto;
				backface-visibility: hidden;
				fill: var(--grey500);
				transform: rotate(0deg);
				transition-property: transform, fill;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head1-contact .popup {
				position: absolute;
				top: 100%;
				right: -32px;
				width: 402px;
				z-index: 120;
				background: var(--white);
				box-shadow: 0px 25px 45px rgba(20, 37, 63, 0.08);
				border-radius: 0px 0px 7px 7px;
				text-align: left;
				color: var(--grey800);
				font-weight: normal;
				font-size: 15px;
				line-height: 30px;
				letter-spacing: -0.02em;
				padding: 30px 32px 32px 33px;
				pointer-events: none;
				opacity: 0;
				transform: translate3d(0, 10px, 0);
				transition-property: transform, opacity;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				transition-delay: 0s;
		}
		@media (pointer:fine) {
				.head1-contact .wrap:hover .popup {
						pointer-events: all;
						opacity: 1;
						transform: translate3d(0, 0, 0);
						transition-delay: 0.5s;
				}
				.head1-contact .wrap:hover .arr {
						transform: rotate(-180deg);
						transition-delay: 0.5s;
						fill: var(--grey300);
				}
		}
		.head1-contact .popup-arr {
				content: '';
				position: absolute;
				bottom: 100%;
				right: 36.5px;
				width: 11px;
				height: 5px;
				overflow: hidden;
				transform: translate3d(50%, 0, 0);
		}
		.head1-contact .popup-arr:before {
				content: '';
				position: absolute;
				top: 0;
				right: 50%;
				transform-origin: 100% 0;
				border-radius: 0.5px;
				background: var(--white);
				width: 20px;
				height: 20px;
				transform: rotate(-45deg);
		}
		.head1-contact .popup p {
				margin: 0 0 20px 0;
		}
		.head1-contact .popup p:last-child {
				margin-bottom: 0;
		}
		.head1-contact .popup .accent {
				font-weight: 500;
		}
		.head1-contact .popup a:not(.btn) {
				font-weight: 500;
				letter-spacing: -0.01em;
		}
		.head1-contact .popup a[href^=mailto] {
				text-decoration: none;
		}
		@media (pointer:fine) {
				.head1-contact .popup a[href^=mailto]:hover {
						text-decoration: underline;
				}
		}
		.head1-contact .popup .btn {
				height: 48px;
				padding: 0 30px;
		}
		.header:before {
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.45), 0px 10px 15px rgba(20, 37, 63, 0.05);
		}
		html.open-menu .header:before {
				box-shadow: none;
		}
		.header .container {
				padding: 0 10px 0 32px;
		}
		.header .container > * {
				order: 3;
		}
		.head-link {
				width: 90px;
				height: 90px;
		}
		.head-link svg, .head-link.bg-logined:after {
				height: 28px;
				margin: -14px 0;
				fill: #B8C5DD;
		}
		.head-link.active svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				a.head-link:hover svg, .head-wrap:hover .head-link:not(:only-child) svg {
						fill: var(--grey800);
				}
				a.head-link.active:hover svg, .head-wrap:hover .head-link.active:not(:only-child) svg {
						fill: var(--grey800);
				}
		}
		.head-link.bg-back {
				display: none;
		}
		.head-link .pic-mob, .head-link .close-mob {
				display: none;
		}
		.head-link .pic-desktop, .head-link .close-desktop {
				display: block;
		}
		.head-link.bg-logined:after {
				display: block;
				content: '';
				pointer-events: none;
				width: 100%;
				background: url(../img/logined-check.svg) no-repeat 50% 50%;
				background-size: contain;
		}
		.head-link.bg-menu {
				width: 58px;
				height: 56px;
				box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07), 0px 0.5px 1px rgba(0, 0, 0, 0.15), inset 0px -0.5px 0px rgba(186, 143, 0, 0.5);
				border-radius: 4px;
				background: var(--grad-yellow);
				order: 1;
				margin-right: 32px;
				transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head-link.bg-menu .pic-desktop {
				fill: var(--dark-dark);
		}
		.head-link.bg-menu .close {
				fill: var(--white);
		}
		.head-link.bg-location, .head-link.bg-tel {
				display: none;
		}
		@media (pointer:fine) {
				.head-link.bg-menu:hover {
						box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
				}
				.head-link.bg-menu:hover .pic-desktop {
						fill: var(--dark-dark);
				}
				.head-link.bg-menu:hover .close {
						fill: var(--white);
				}
		}
		.head-link.bg-menu:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				background-color: #263349;
				border-radius: inherit;
				opacity: 0;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		html.open-menu .head-link.bg-menu:before {
				opacity: 1;
		}
		.head-link .dot {
				font-weight: bold;
				font-size: 15px;
				line-height: 28px;
				height: 28px;
				min-width: 28px;
				width: auto;
				text-align: center;
				padding: 0 5px;
				letter-spacing: -0.03em;
				color: var(--white);
				text-indent: 0;
				box-shadow: none;
				margin: -30px 2px;
		}
		@media (pointer:fine) {
				.head-popup {
						display: block;
						visibility: visible;
				}
		}
		.header .logo {
				width: 180px;
				height: 30px;
				background-image: url(../img/logo/orgmebel_logo_fin.png);
				background-position: 0 50%;
				order: 2;
				margin-right: auto;
				margin-left: 0;
		}
		.head-search-wrap {
				position: relative;
				height: 0;
				z-index: 110;
				margin: 0 auto;
				width: 100%;
		}
		.head-search {
				position: absolute;
				bottom: 100%;
				top: auto;
				left: 0;
				right: 0;
				width: auto;
				background: none;
				height: 90px;
				overflow: visible;
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				padding: 15px 0;
				margin: 0 279px 0 122px;
		}
		.head-search-input {
				background: var(--white);
				border-radius: 4px;
				z-index: 2;
				position: relative;
		}
		.head-search-input .btn {
				display: flex;
				border-radius: 0 4px 4px 0;
				border: 0.5px solid var(--yellow);
				width: 125px;
				padding: 0;
				position: absolute;
				top: 0;
				right: 0;
				box-shadow: none;
		}
		.head-search-input input {
				color: var(--grey800);
				font-weight: 500;
				font-size: 15px;
		}
		.open-results .head-search-input input {
				box-shadow: none;
				border-color: transparent;
		}
		.head-search-input input:placeholder-shown ~ .btn {
				color: var(--sec-dark);
				background: linear-gradient(180deg, #FFFFFF 23.96%, #EFF4F9 89.37%);
				border-color: rgba(0, 0, 0, 0.07);
				box-shadow: none;
				cursor: default;
				pointer-events: none;
		}
		@media (pointer:fine) {
				.head-search-input input:hover ~ .btn {
						border-top-color: var(--hover-input);
						border-right-color: var(--hover-input);
						border-bottom-color: var(--hover-input);
				}
		}
		.head-search-input input:focus ~ .btn {
				border-top-color: var(--yellow);
				border-right-color: var(--yellow);
				border-bottom-color: var(--yellow);
		}
		.head-search-input input, .head-search-input .label {
				font: 600 15px var(--fonti);
				letter-spacing: -0.01em;
				padding: 0 185px 0 60px;
		}
		.head-search-input:after {
				content: '';
				pointer-events: none;
				z-index: 2;
				position: absolute;
				bottom: 0;
				left: 25px;
				right: 125px;
				height: 1px;
				border-radius: 0.5px 0 0 0.5px;
				background: var(--yellow);
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				opacity: 0;
		}
		.open-results .head-search-input:after {
				opacity: 1;
		}
		.open-results .head-search-input input {
				border-color: transparent;
				background-color: var(--white);
		}
		.head-search-input .label {
				line-height: 60px;
				position: absolute;
				top: 0;
				left: 0.5px;
				font-weight: 300;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				pointer-events: none;
				color: var(--grey500);
		}
		.head-search-input input:not(:placeholder-shown) ~ .label {
				opacity: 0;
		}
		.head-search-input .clear {
				right: 155px;
				margin: -15px -14px;
		}
		.head-search-input .clear svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				.head-search-input .clear:hover svg {
						fill: var(--hover);
				}
		}
		.head-search-input .pic {
				display: block;
				pointer-events: none;
				position: absolute;
				top: 50%;
				left: 30px;
				width: 24px;
				height: 24px;
				margin: -12px;
				fill: var(--grey500);
				transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		.head-search-input input:not(:placeholder-shown) ~ .pic {
				fill: var(--grey800);
		}
		.head-search-fader {
				background: rgba(41, 45, 50, 0.5);
				transform: translate3d(0, 0, 0);
		}
		@media only screen and (max-width: 1279px) {
				.open-search .open-results .head-search-fader {
						opacity: 1;
						pointer-events: all;
				}
		}
		html.min-header .mainwrap:not(.page-order) .head-search-fader {
				transform: translate3d(0, -52px, 0);
				transform: translate3d(0, 52px, 0);
		}
		.head-search-results {
				z-index: 1;
				position: absolute;
				top: 15px;
				left: 0;
				right: 0;
				background: var(--white);
				border-radius: 4px;
				box-shadow: 0px 25px 45px rgba(20, 37, 63, 0.08);
				padding: 60px 0 0 0;
				overflow: hidden;
				transform: translateZ(0);
				container-type: inline-size;
				container-name: card;
		}
		.open-results .head-search-results {
				opacity: 1;
				pointer-events: all;
		}
		.head-search-results .scroll {
				max-height: calc(100vh - 250px);
				overflow: hidden;
				overflow: auto;
		}
		.head-search-results .scroll > *:first-child {
				margin-top: 15px;
		}
		.head-search-results .scroll > *:last-child {
				margin-bottom: 15px;
		}
		.head-search-results strong {
				color: var(--grey800);
		}
		.head-search-results .label-title {
				margin-left: 25px;
				margin-right: 25px;
		}
		.head-search-results .link-small, .head-search-results .link-big {
				border-radius: 3px;
				transition-property: color, background;
				transition-duration: 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				font-size: 15px;
				line-height: 22px;
				letter-spacing: -0.01em;
				color: var(--grey600);
				margin-left: 10px;
				margin-right: 10px;
		}
		@media (pointer:fine) {
				.head-search-results .link-small:hover, .head-search-results .link-big:hover {
						color: var(--grey800);
						background-color: var(--sec-light50);
				}
		}
		.head-search-results .label-title {
				font-weight: 500;
				font-size: 12px;
				line-height: 20px;
				letter-spacing: -0.01em;
				text-transform: uppercase;
				color: var(--sec-dark);
				margin-top: 10px;
				margin-bottom: 15px;
		}
		.head-search-results .link-small {
				padding: 14px 50px 14px 15px;
		}
		.head-search-results .link-small:before, .head-search-results .link-small:after {
				content: '';
				position: absolute;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				right: 38px;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-size: contain;
				width: 6px;
				height: 11px;
		}
		.head-search-results .link-small:before {
				background-image: url("../img/search/desktop.svg");
		}
		.head-search-results .link-small:after {
				background-image: url("../img/search/desktop-hover.svg");
				opacity: 0;
				transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head-search-results .link-small:hover:after {
						opacity: 1;
				}
		}
		.head-search-results .link-big {
				gap: 10px;
				align-items: center;
				padding: 15px;
		}
		.head-search-results .link-big .image {
				flex: 0 0 auto;
				width: 70px;
				height: 70px;
				overflow: hidden;
				backface-visibility: hidden;
				transform: translateZ(0);
				border-radius: 3px;
				background: var(--white);
		}
		.head-search-results .link-big .text {
				flex: 1 1 auto;
		}
		.head-search-results .link-big .price {
				flex: 0 0 auto;
				text-align: right;
				font-weight: normal;
				letter-spacing: -0.02em;
				color: var(--grey800);
		}
		.head-search-results .link-all {
				margin-left: 25px;
				margin-right: 25px;
				align-items: center;
				font-weight: normal;
				font-size: 13px;
				line-height: 40px;
				letter-spacing: -0.01em;
				color: var(--blue);
				border-top: 1px solid var(--sec-default);
				padding: 13px 5px;
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		}
		@media (pointer:fine) {
				.head-search-results .link-all:hover {
						color: var(--hover);
				}
		}
		@container card (min-width: 500px) {
				.head-search-results .link-small, .head-search-results .link-big, .head-search-results .label-title {
						margin-left: 40px;
						margin-right: 40px;
				}
				.head-search-results .link-big {
						gap: 25px;
				}
				.head-search-results .link-all {
						padding-left: 35px;
						padding-right: 35px;
				}
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.head1-menu {
				padding: 0 24px;
		}
		.head1-menu > * {
				font-size: 13px;
				padding: 0 24px;
		}
		.head1-contact {
				gap: 18px;
		}
		.head1-contact .wrap > *:not(.popup) strong {
				font-size: 15px;
				margin-left: 4px;
		}
		.head1-contact .time {
				display: block;
				margin-right: 6px;
				font-weight: 500;
				font-size: 12px;
		}
		.head1-contact {
				margin-right: 5px;
		}
		.head1-contact .arr {
				margin-left: -3px;
		}
		.head1-contact .popup {
				right: -37px;
		}
		.head1-contact .popup-arr {
				right: 41.5px;
		}
		.header:before {
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.05), 0px 10px 16px rgba(20, 37, 63, 0.06);
				transition-delay: 0s;
		}
		html.open-menu .header:before {
				height: calc(100% - 10px);
				transition-delay: 0.2s;
		}
		.header .container {
				padding: 0 35px 0 40px;
		}
		.head-link {
				width: auto;
				height: 120px;
				text-align: center;
				text-indent: 0;
				font-weight: 600;
				font-size: 12px;
				line-height: 13px;
				letter-spacing: -0.03em;
				text-transform: uppercase;
				color: var(--sec-dark);
				padding: 78px 25px 0 25px;
				margin-left: 1px;
		}
		.min-header .mainwrap:not(.page-order) .header-panel {
				padding-bottom: 20px;
		}
		.min-header .head-link {
				height: 100px;
				padding-top: 69px;
		}
		.min-header .head-link svg, .min-header .head-link.bg-logined:after {
				top: 24px;
		}
		.min-header .head-search {
				height: 100px;
				padding: 20px 0;
		}
		.head-link.active {
				color: var(--grey700);
		}
		.head-link svg, .head-link.bg-logined:after {
				height: 32px;
				position: absolute;
				top: 31px;
				left: 50%;
				margin: 0;
				fill: #B8C5DD;
		}
		.head-link.active svg {
				fill: var(--grey800);
		}
		@media (pointer:fine) {
				a.head-link:hover, .head-wrap:hover .head-link:not(:only-child) {
						color: var(--grey700);
				}
				a.head-link.active:hover, .head-wrap:hover .head-link.active:not(:only-child) {
						color: var(--orange);
				}
				a.head-link:hover svg, .head-wrap:hover .head-link:not(:only-child) svg {
						fill: var(--grey800);
				}
				a.head-link.active:hover svg, .head-wrap:hover .head-link.active:not(:only-child) svg {
						fill: var(--grey800);
				}
		}
		.head-link.bg-search {
				display: none;
		}
		.head-link.bg-personal svg {
				margin-left: -6px;
		}
		.head-link.bg-menu {
				width: 64px;
				height: 60px;
				padding: 0;
				margin-right: 50px;
		}
		.head-link.bg-menu svg {
				top: 50%;
				left: 50%;
				margin: -16px;
				width: 32px;
				transform: none;
		}
		.head-link .dot {
				margin: -40px 2px;
		}
		.header .logo {
				width: 226px;
				height: 39px;
				background-image: url(../img/logo/orgmebel_logo_fin.png);
		}
		.head-search-wrap {
				max-width: 1760px;
		}
		.head-search {
				background: none;
				height: 120px;
				padding: 30px 0;
				margin-left: 430px;
				margin-right: 430px;
				opacity: 1 !important;
				pointer-events: all !important;
		}
		.open-results .head-search-fader {
				opacity: 1;
				pointer-events: all;
		}
		html.hide-header .head-search-results, html.hide-header .head-search-fader {
				opacity: 0 !important;
				pointer-events: none !important;
		}
		.head-search-results {
				top: 30px;
		}
		.head-search-results .scroll {
				max-height: calc(100vh - 250px);
				overflow: hidden;
				overflow: auto;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.head1-city {
				width: 367px;
		}
		.head1-menu {
				justify-content: flex-end;
		}
		.head-search {
				margin-left: 455px;
				margin-right: 455px;
		}
}
/*edited 24.01.24 start*/
/*Safari fix start*/
@media only screen and (max-width: 767px) {
		.header-panel {
				transform: translate3d(0, 0, 0) !important;
		}
		.header {
				transition-property: transform, opacity;
				transition-duration: 0.5s, 0.2s;
				transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
				transform: translate3d(0, 0, 0);
		}
		html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header-panel {
				pointer-events: none;
		}
		html:not(.page-product):not(.open-search):not(.open-menu).hide-header .header {
				transform: translate3d(0, -100%, 0);
		}
}
/*Safari fix end*/
/*edited 24.01.24 end*/