@charset "UTF-8";
.order-title {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: 0 -17px;
		padding: 20px 90px 24px 17px;
		position: relative;
		border-bottom: 0.5px solid var(--sec-default);
}
.order-title .big {
		font: bold 24px/30px var(--fontg);
		color: var(--darker);
		margin: 0;
		padding: 10px 0;
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		letter-spacing: -0.02em;
}
.order-title .big strong {
		font-weight: 900;
		color: var(--grey700);
		white-space: nowrap;
}
.order-title .num {
		font: 600 16px/20px var(--fontg);
		letter-spacing: 0.01em;
		color: var(--darker);
		order: 2;
		width: 100%;
		margin: 0 0 18px 0;
}
.order-title .actions {
		order: 3;
		flex: 0 0 auto;
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.025em;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px 35px;
}
.order-title .actions .link {
		display: flex;
		align-items: center;
		gap: 0 13px;
		text-decoration: none;
		cursor: pointer;
		user-select: none;
		color: var(--grey600);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order-title .actions .link svg {
		flex: 0 0 auto;
		height: 22px;
		width: auto;
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: -1px;
}
.order-title .actions .link .pic {
		flex: 0 0 auto;
}
@media (pointer:fine) {
		.order-title .actions .copy:hover {
				color: var(--blue);
		}
		.order-title .actions .copy:hover svg {
				fill: var(--blue);
		}
		.order-title .actions .clear:hover {
				color: var(--orange);
		}
		.order-title .actions .clear:hover svg {
				fill: var(--orange);
		}
}
.order-title .actions .copied {
		color: var(--grey800);
		min-height: 22px;
		padding: 1px 0 1px 34px;
		background: url(../img/done.svg) no-repeat 0 0;
		background-size: auto 22px;
}
@media only screen and (max-width: 767px) {
		.order-title .actions .clear {
				position: absolute;
				top: 20px;
				right: 24px;
		}
		.order-title .actions .clear > *:not(.pic) {
				display: none;
		}
		.order-title .actions .clear svg {
				height: auto;
		}
		.order-title .actions .clear .pic {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				background: rgba(237, 242, 247, 0.5);
				width: 50px;
				height: 50px;
				border-radius: 50%;
		}
}
.order-grid {
		margin: 0 0 -60px 0;
}
.order-total {
		position: relative;
		z-index: 70;
		margin: 0px -17px 0 -17px;
		padding: 4px 40px 35px 40px;
		background: rgba(21, 33, 54, 0.98);
		-webkit-backdrop-filter: blur(9px);
		backdrop-filter: blur(9px);
		color: var(--white);
		user-select: none;
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.015em;
}
.open-search .order-total.sticky{z-index:1!important}
.order-total.sticky {
		/*position: sticky;
		bottom: 0;*/
}
.page-order .order-total {
		bottom: 0;
		margin-top: 40px;
}
.order-total a:not(.btn) {
		color: var(--blue);
		text-decoration: none;
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.order-total a:not(.btn):hover {
				color: var(--orange);
		}
}
.order-total-inner {
		/*position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		background: rgba(21, 33, 54, 0.98);
		box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px -10px 36px rgba(17, 40, 75, 0.3);
		-webkit-backdrop-filter: blur(9px);
		backdrop-filter: blur(9px);
		height: 35px;
		overflow: hidden;
		min-height: 35px;
		max-height: var(--height);*/
		width: 100%;
}
.order-total .ind {
		padding: 35px 8px 30px 8px;
}
.order-total .handler {
		display: none;
		cursor: ns-resize;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		height: 35px;
		touch-action: none;
		user-select: none;
}
.order-total .handler:before {
		content: '';
		position: absolute;
		top: 11px;
		left: 50%;
		width: 120px;
		height: 4px;
		background: var(--sec-dark);
		border-radius: 2px;
		margin: 0 -60px;
}
.order-total .btn {
		width: 100%;
		margin: 25px 0 0 0;
		height: 60px;
		font-weight: bold;
		display: flex;
}
.order-total .result {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		font: 600 20px/24px var(--fontg);
		color: var(--grey50);
		letter-spacing: normal;
		padding: 0 8px;
}
.order-total .result > *:first-child {
		font-weight: bold;
		letter-spacing: -0.01em;
		color: var(--grey300);
}
.order-total .top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 0 20px 0;
}
@media only screen and (max-width: 767px) {
}
.order-total .big {
		font: 900 20px/24px var(--fontg);
		letter-spacing: -0.01em;
		color: var(--grey400);
		margin: 0;
}
.order-total ul {
		display: flex;
		flex-direction: column;
		gap: 14px 0;
		margin: 0;
		padding: 0;
		font-weight: 600;
}
.order-total li:before {
		display: none;
}
.order-total li {
		flex: 0 0 auto;
		width: 100%;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: flex-end;
		gap: 0 7px;
}
.order-total li > * {
		flex: 0 0 auto;
}
.order-total li > *:first-child {
		flex: 1;
		font-weight: normal;
		color: var(--grey400);
		overflow: hidden;
}
.order-total li > *:first-child:after {
		content: '';
		position: relative;
		vertical-align: top;
		display: inline-block;
		width: 100vw;
		margin: 0 -100vw 0 0;
		left: 7px;
		border-top: 0.5px dashed rgba(92, 177, 255, 0.3);
		top: 16px;
}
.order-total .grey {
		color: var(--grey600);
}
.order-total .red {
		color: var(--orange);
}
.order-total .info {
		display: none;
		text-align: center;
		margin: 30px 0 0 0;
		font-weight: 300;
		font-size: 12px;
		line-height: 24px;
		letter-spacing: 0.005em;
		color: var(--darker);
}
.order-total .info a {
		text-decoration: underline;
		color: inherit;
}
@media (pointer:fine) {
		.order-total .info a:hover {
				text-decoration: none;
		}
}
.head-order-title {
		flex: 1 1 auto;
		text-align: center;
		font: bold 24px/24px var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey800);
}
@media only screen and (max-width: 767px) {
		.head-order-title {
				margin-right: 50px;
		}
}
.content-order-title {
		font: 900 28px/40px var(--fontg);
		letter-spacing: -0.02em;
		color: #4A5568;
		margin: 0 0 20px 0;
		padding: 24px 0 0 0;
}
.order-form-block {
		position: relative;
}
.order-form-block > input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.order-form-block + .order-form-block {
		margin-top: 40px;
}
.order-form-title {
		font: 800 22px/24px var(--fontg);
		letter-spacing: -0.025em;
		color: var(--grey800);
		margin: 0 0 20px 0;
		container-type: inline-size;
		container-name: order-form-title;
}
@container order-form-title (max-width: 420px) {
		.order-form-title .small-link {
				text-transform: capitalize;
		}
		.order-form-title .small-link .hide-mob {
				display: none;
		}
}
.order-form-title .small-link {
		float: right;
		font: 300 15px/21px var(--fonti);
		color: var(--grey600);
		text-decoration: underline;
		margin: 2px 0 0 0;
		letter-spacing: -0.01em;
}
@media (pointer:fine) {
		.order-form-title .small-link:hover {
				color: var(--hover-dark);
		}
}
.order-form-title2 {
		font: 800 20px/24px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--grey800);
		margin: 0 0 20px 0;
}
.order-main-checks {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 5px 25px;
		font-weight: normal;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.01em;
		margin: 20px 0 0 0;
		color: var(--grey600);
}
.order-main-checks label {
		cursor: pointer;
		user-select: none;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
}
.order-main-checks label > * {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 10px;
		padding: 15px 24px 15px 69px;
		background: #FDFDFD;
		border: 0.5px solid #A0AEC0;
		border-radius: 5px;
		transition-property: border, background, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		color: var(--grey600);
		min-height: 80px;
}
@media (pointer:fine) {
		.order-main-checks label:hover > * {
				border-color: var(--hover-input);
				background-color: transparent;
		}
}
.order-main-checks label > * > * {
		flex: 0 0 auto;
}
.order-main-checks label > * > *:first-child {
		flex: 1 1 auto;
}
.order-main-checks label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.order-main-checks strong {
		font-weight: 500;
}
.order-main-checks i {
		font-weight: normal;
		font-style: normal;
}
.order-main-checks .rounded {
		position: absolute;
		top: 50%;
		left: 24px;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		border: 3px solid #D2DCEB;
		transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		margin: -15px 0;
}
.order-main-checks .rounded:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		margin: 7.5px;
		background: #D2DCEB;
		opacity: 0;
		transition-property: opacity, background;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order-main-checks input:checked ~ *, input.check-person1:checked ~ .order-main-checks label.check-person1 > *, input.check-person2:checked ~ .order-main-checks label.check-person2 > *, input.check-delivery:checked ~ .order-main-checks label.check-delivery > *, input.check-get:checked ~ .order-main-checks label.check-get > * {
		color: var(--grey900);
		border-color: var(--yellow);
		background-color: #FFFEFA;
		font-weight: 500;
}
.order-main-checks input:checked ~ * .rounded, input.check-person1:checked ~ .order-main-checks label.check-person1 .rounded, input.check-person2:checked ~ .order-main-checks label.check-person2 .rounded, input.check-delivery:checked ~ .order-main-checks label.check-delivery .rounded, input.check-get:checked ~ .order-main-checks label.check-get .rounded {
		border-color: var(--yellow);
}
.order-main-checks input:checked ~ * .rounded:before, input.check-person1:checked ~ .order-main-checks label.check-person1 .rounded:before, input.check-person2:checked ~ .order-main-checks label.check-person2 .rounded:before, input.check-delivery:checked ~ .order-main-checks label.check-delivery .rounded:before, input.check-get:checked ~ .order-main-checks label.check-get .rounded:before {
		background-color: var(--yellow);
		opacity: 1;
}
.order-form .form-inputs {
		gap: 10px 0;
		margin: 20px 0 0 -22px;
}
.order-form .form-inputs-el {
		padding-left: 22px;
}
.order-form .form-inputs-el.wid30 {
		width: 33.333333%;
}
.order-form-req {
		margin: 30px 0 0 0;
}
input.check-person1:not(:checked) ~ .order-form-req {
		display: none;
}
.order-form-get {
		margin: 20px 0 -7px 0;
		font-weight: 600;
		font-size: 15px;
		line-height: 28px;
		letter-spacing: -0.01em;
		color: var(--grey800);
}
input.check-get:not(:checked) ~ .order-form-get {
		display: none;
}
.order-form-get p {
		margin: 12px 0;
}
.order-form-get > *:first-child {
		margin-top: 0 !important;
}
.order-form-get > *:last-child {
		margin-bottom: 0 !important;
}
.order-form-delivery {
		margin: 30px 0 0 0;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--grey700);
		position: relative;
}
input.check-delivery:not(:checked) ~ .order-form-delivery {
		display: none;
}
.order-form-delivery .order-form-title2 {
		margin-right: 150px;
}
.order-form-delivery .form-inputs {
		margin-bottom: 20px;
}
.order-form-delivery .city {
		font-weight: bold;
		line-height: 26px;
		font-family: var(--fontg);
		margin: 0 0 25px 0;
}
.order-form-delivery .city a {
		text-decoration: none;
		color: var(--blue);
		display: inline-block;
		vertical-align: top;
		padding: 0 0 0 36px;
		min-height: 26px;
		position: relative;
}
.order-form-delivery .city svg {
		position: absolute;
		top: 1px;
		left: 0;
		width: 26px;
		height: 26px;
		fill: var(--blue);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.order-form-delivery .city a:hover {
				color: var(--hover);
		}
		.order-form-delivery .city a:hover svg {
				fill: var(--hover);
		}
}
.order-form-delivery .btns {
		font-weight: 300;
		font-size: 15px;
		line-height: 21px;
		letter-spacing: -0.01em;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0 0 0;
		gap: 24px 10px;
		max-width: 432px;
		container-type: inline-size;
		container-name: order-form-delivery-btns;
}
.order-form-delivery .btns a:not(.btn) {
		color: var(--grey600);
		text-decoration: underline;
}
@media (pointer:fine) {
		.order-form-delivery .btns a:not(.btn):hover {
				color: var(--hover-dark);
		}
}
.order-form-delivery .btns .btn {
		font-size: 16px;
		min-width: 190px;
		height: 60px;
		border-radius: 4px;
}
@container order-form-delivery-btns (max-width: 370px) {
		.order-form-delivery .btns a:not(.btn) .hide-mob {
				display: none;
		}
		.order-form-delivery .btns a:not(.btn) {
				text-transform: capitalize;
		}
}
@container order-form-delivery-btns (min-width: 430px) {
		.order-form-delivery .btns .btn {
				min-width: 236px;
		}
}
.order-form-delivery .result {
		text-align: center;
		margin: 30px 0 0 0;
		font: bold 20px/24px var(--fontg);
		color: var(--grey700);
		background: rgba(237, 242, 247, 0.5);
		padding: 23px;
		letter-spacing: -0.02em;
}
.order-form-delivery .result strong {
		font-weight: 800;
		white-space: nowrap;
		letter-spacing: -0.01em;
}
.order-form-delivery .map {
		font-weight: 300;
		color: var(--grey600);
		line-height: 21px;
		letter-spacing: -0.01em;
}
.order-form-delivery .map-wrap {
		background: rgba(237, 242, 247, 0.5);
		height: 420px;
		max-height: 50vh;
		margin: 20px 0 0 0;
}
.order-form-triggers {
		margin: 30px 0 0 0;
		font-weight: 500;
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.02em;
		color: var(--grey600);
		display: flex;
		flex-direction: column;
		gap: 25px 0;
}
.order-form-triggers input[type="checkbox"], .order-form-triggers input[type="radio"] {
		position: absolute;
		transform: scale(0);
		opacity: 0;
		visibility: hidden;
}
.order-form-triggers .row {
		position: relative;
}
.order-form-triggers .in {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		position: relative;
		padding: 0 0 0 65px;
		gap: 0 16px;
}
.order-form-triggers .in > * {
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order-form-triggers .check-trigger {
		position: absolute;
		top: -2px;
		left: 0;
}
.order-form .check-trigger {
		width: 45px;
		height: 25px;
		border-radius: 12.5px;
		border-width: 0.5px;
}
.order-form .check-trigger:before {
		width: 20px;
		height: 20px;
		margin: 2px;
		box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.15);
}
.order-form-triggers input:checked + .in .check-trigger, input:checked + .order-form-callme .check-trigger {
		background-color: var(--yellow);
}
.order-form-triggers input:checked + .in .check-trigger:before, input:checked + .order-form-callme .check-trigger:before {
		transform: translate3d(20px, 0, 0);
}
.order-form-triggers input:checked + .in > * {
		color: var(--grey900);
}
.order-form-triggers label {
		cursor: pointer;
		user-select: none;
}
.order-form-triggers .price {
		flex: 0 0 auto;
		font-weight: 600;
}
.order-form-triggers .in-addit {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
		gap: 10px;
		margin: 15px 0 0 65px;
		font-weight: 500;
		font-size: 14px;
		letter-spacing: -0.01em;
		color: var(--grey900);
		max-width: 344px;
}
.order-form-triggers input:not(:checked) ~ .in-addit {
		display: none;
}
.order-form-triggers .in-addit label {
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding-left: 39px;
}
.order-form-triggers .in-addit .checkbox {
		position: absolute;
		width: 24px;
		height: 24px;
		top: -2px;
		left: 0;
}
.order-form-triggers .floor {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: 0 15px;
}
.order-form-triggers .floor input {
		flex: 0 0 auto;
		text-align: center;
		border-radius: 6px;
		font: inherit;
		letter-spacing: inherit;
		color: inherit;
		padding: 13.5px 0;
		height: 48px;
		width: 75px;
}
.order-form-triggers .floor input:not(:focus) {
		border-color: transparent;
}
.order-form-callme {
		display: block;
		cursor: pointer;
		user-select: none;
		font-weight: 300;
		font-size: 14px;
		line-height: 24px;
		letter-spacing: -0.005em;
		color: var(--grey600);
		position: relative;
		margin: 30px 0 0 0;
}
.order-form-callme .check-trigger {
		position: absolute;
		top: 0.5px;
		right: 0;
}
.order-form-callme .bg {
		display: block;
		padding: 0 55px 0 45px;
		background: url(../img/order-call-me.svg) no-repeat -6px 2px;
		background-size: auto 35px;
}
.order-form-callme strong {
		display: block;
		font: 600 20px/24px var(--fontg);
		letter-spacing: -0.015em;
		color: var(--grey800);
}
input:not(:checked) + .order-form-callme + .big-input {
		display: none;
}
.order-form-callme + .big-input {
		margin: 20px 0 0 0;
}
.order-form-callme + .big-input .jcf-select:not(.jcf-drop-active) .jcf-select-text > * {
		background-color: #FFFEFA;
		border-color: var(--yellow);
}
@media only screen and (max-width: 767px) {
		.order-form-callme + .big-input .jcf-select-drop {
				top: auto;
				bottom: 0;
				padding-top: 0;
				padding-bottom: 80px;
		}
		.order-form-delivery .city {
				font-size: 16px;
		}
		.order-form-delivery .map {
				margin-top: 25px;
				text-align: center;
				font-size: 14px;
		}
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
	.page-order .order-total{margin-top: 0px;}

		.order-title, .order-grid {
				max-width: 938px;
				margin: 0 auto;
		}
		.page-order .order-grid {
				max-width: none;
		}
		.order-title {
				padding: 40px 0 20px 0;
				border-width: 0;
				flex-direction: row;
				flex-wrap: wrap;
				align-items: center;
				gap: 10px 30px;
		}
		.order-title .big {
				font-size: 30px;
				line-height: 40px;
				letter-spacing: -0.01em;
				padding: 0;
				width: auto;
				flex: 1 1 auto;
		}
		.order-title .num {
				order: 3;
				font-weight: 500;
				font-size: 18px;
				line-height: 20px;
				margin: 0;
		}
		.order-title .actions {
				order: 2;
				margin: 6px 10px 0 0;
		}
		.order-grid {
				display: flex;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: center;
				gap: 20px;
		}
		.order-total.sticky {
			position: sticky;
			bottom: 0;
		}
		.order-total {
				position: sticky;
				flex: 0 0 auto;
				bottom: auto !important;
				top: 110px;
				margin: 0;
				z-index: 20;
				width: 325px;
				padding: 0;
				background: none;
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				color: var(--grey900);
		}
		.order-total-bg-inner {
				background: var(--white);
				box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 8px 16px rgba(20, 37, 63, 0.05);
				border-radius: 8px;
				padding: 38px 20px 30px 20px;
		}
		.order-total-inner {
				position: static;
				bottom: auto;
				left: auto;
				right: auto;
				background: none;
				box-shadow: none;
				-webkit-backdrop-filter: none;
				backdrop-filter: none;
				height: auto !important;
				overflow: visible;
				min-height: 0 !important;
				max-height: none !important;
		}
		.order-total .ind {
				padding: 0;
		}
		.order-total .handler {
				display: none;
		}
		.order-total .result {
				color: var(--grey900);
				padding: 0 3px;
				margin: 30px 0 0 0;
		}
		.order-total .result > *:first-child {
				color: var(--grey800);
		}
		.order-total .top a {
				margin-right: 4px;
		}
		.order-total .big {
				font-weight: bold;
				color: var(--grey800);
		}
		.order-total ul {
				gap: 20px 0;
				padding: 0 4px;
		}
		.order-total li > *:first-child {
				color: var(--grey900);
		}
		.order-total li > *:first-child:after {
				border-color: #CBD8EB;
				border-top-width: 1px;
		}
		.order-total .grey {
				color: var(--grey500);
		}
		.order-total .btn {
				font-weight: 600;
				letter-spacing: -0.005em;
				font-size: 16px;
		}
		.order-total .info {
				display: block;
		}
		@media only screen and (max-width: 1279px) {
				.order-basket ~ .order-total {
						width: 100%;
				}
				.order-basket ~ .order-total .order-total-bg {
						background: var(--input-bg);
						border-radius: 10px;
						padding: 15px;
				}
				.order-basket ~ .order-total .order-total-bg-inner {
						background: var(--white);
						padding: 40px;
						box-shadow: 0px 0px 1px rgba(12, 26, 75, 0.1), 0px 10px 16px rgba(20, 37, 63, 0.1);
						border-radius: 8px;
				}
				.order-basket ~ .order-total .top, .order-basket ~ .order-total ul, .order-basket ~ .order-total .result, .order-basket ~ .order-total .btn {
						max-width: 326px;
						margin-left: auto;
						margin-right: auto;
				}
				.order-basket ~ .order-total .top {
						text-align: center;
						justify-content: center;
						border-bottom: 0.5px solid var(--darker);
						padding: 0 0 20px 0;
						margin-bottom: 28px;
				}
				.order-basket ~ .order-total .big {
						font-size: 24px;
				}
				.order-basket ~ .order-total .result {
						margin-top: 25px;
				}
				.order-basket ~ .order-total .info {
						display: none;
				}
		}
		.order-basket {
				flex: 0 0 auto;
				width: 100%;
				background: var(--input-bg);
				border-radius: 10px;
				padding: 15px;
		}
		.order-basket-bg {
				background: var(--white);
				box-shadow: 0px 1px 3px -1px rgba(20, 37, 63, 0.1);
				border-radius: 8px;
				padding: 5px 25px 35px 25px;
		}
		.order-form {
				flex: 0 0 auto;
				width: calc(100% - 333px);
				max-width: 545px;
				margin-left: -12px;
		}
		.page-order .header .container {
				height: 70px;
		}
		.page-order .header .logo {
				display: none;
		}
		.page-order .head-link {
				display: none;
		}
		.page-order .head-link.bg-back {
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: 0 12px;
				width: auto;
				height: auto;
				text-indent: 0;
				font-weight: 400;
				font-size: 15px;
				line-height: 21px;
				letter-spacing: -0.015em;
				text-transform: none;
				padding: 0 !important;
				text-align: left;
				color: var(--grey600);
				transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
				position: absolute;
				top: 50%;
				left: 32px;
				transform: translate3d(0, -50%, 0);
		}
		.page-order .head-link.bg-back .text {
				display: block;
		}
		.page-order .head-link.bg-back svg {
				width: auto;
				height: auto;
				margin: 0;
				position: static;
				top: auto;
				left: auto;
				transform: none;
				flex: 0 0 auto;
				fill: var(--grey600);
		}
		@media (pointer:fine) {
				.page-order .head-link.bg-back:hover {
						color: var(--blue);
				}
				.page-order .head-link.bg-back:hover svg {
						fill: var(--blue);
				}
		}
		.page-order .content {
				padding-top: 40px;
		}
		.content-order-title {
				display: none;
		}
		.page-order .head-search-wrap {
				display: none;
		}
		.order-form-delivery .city {
				font-size: 18px;
		}
		.order-form-delivery .map {
				font-size: 15px;
				margin-top: 30px;
		}
}
/*tablet end*/
/*tablet-big start*/
@media only screen and (min-width: 1024px) {
		.page-order .header > .container {
				max-width: 1024px;
		}
		.page-order .head-link.bg-back {
				left: 32px;
		}
		.order-grid {
				gap: 20px 30px;
		}
		.order-total {
				width: 385px;
		}
		.order-total-bg-inner {
				padding-left: 30px;
				padding-right: 30px;
		}
		.order-form {
				width: calc(100% - 415px);
				margin: 0;
		}
		.page-order {
				background: var(--input-bg);
		}
		.order-form-block {
				background: var(--white);
				border: 0.5px solid #C0D1DC;
				border-radius: 8px;
				padding: 40px;
		}
		.order-form-block + .order-form-block {
				margin-top: 20px;
		}
		.order-form-title {
				font-weight: bold;
				font-size: 24px;
				letter-spacing: -0.015em;
				margin-bottom: 30px;
		}
		.order-form-title2 {
				font-weight: bold;
				font-size: 18px;
				letter-spacing: -0.01em;
		}
		.order-main-checks {
				gap: 10px 25px;
				flex-wrap: wrap;
				font-size: 16px;
				margin-top: 25px;
		}
		.order-main-checks label > * {
				padding-right: 36px;
		}
		.order-main-checks-person label {
				width: calc((100% - 25px) / 2);
		}
		@media only screen and (max-width: 1279px) {
				.order-main-checks-person {
						font-size: 15px;
				}
				.order-main-checks-person label {
						width: auto;
						flex: 1 1 auto;
				}
				.order-main-checks-person label > * {
						padding-right: 10px;
						padding-left: 64px;
				}
		}
		.order-form .form-inputs {
				gap: 20px 0;
				margin-left: -15px;
		}
		.order-form .form-inputs-el {
				padding-left: 15px;
		}
		.order-form-req {
				margin-top: 25px;
		}
		.order-form-get {
				margin-top: 25px;
				margin-bottom: -5px;
				font-size: 16px;
				line-height: 24px;
				font-weight: normal;
		}
		.order-form-get p {
				margin: 16px 0;
		}
		.order-form-delivery {
				margin-top: 40px;
				font-size: 15px;
				color: var(--grey800);
		}
		.order-form-triggers {
				margin-top: 40px;
				margin-bottom: 5px;
				font-size: 16px;
				font-weight: normal;
				gap: 35px 0;
		}
		.order-form-triggers .in-addit {
				margin-bottom: -10px;
		}
		.order-form-callme {
				margin: 40px 0 0 0;
		}
}
/*tablet-big end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.page-order .header > .container {
				max-width: 1185px;
		}
		.page-order .head-link.bg-back {
				left: 50px;
		}
		.order-title {
				padding-top: 50px;
				padding-bottom: 40px;
				gap: 10px 25px;
				max-width: none;
		}
		.order-title .big {
				flex: 0 0 auto;
				max-width: 100%;
		}
		.order-title .num {
				order: 2;
				max-width: 100%;
				width: auto;
				margin-right: auto;
				position: relative;
				top: 4px;
		}
		.order-title .actions {
				order: 3;
				margin: 0;
				position: relative;
				top: 4px;
		}
		.order-grid {
				max-width: none;
				gap: 40px;
		}
		.order-total {
				width: 385px;
		}
		.order-total .top {
				padding: 0 2px;
		}
		.order-total .top a {
				margin-right: 0;
		}
		.order-basket ~ .order-total {
				width: 415px;
				margin-left: 0;
		}
		.order-basket ~ .order-total .order-total-bg {
				padding: 15px;
				background: var(--input-bg);
				border-radius: 10px;
		}
		.order-total-bg-inner {
				padding: 38px 30px 30px 30px;
		}
		.order-basket ~ .order-total .order-total-bg-inner {
				padding-top: 30px;
		}
		.order-total .top {
				margin-bottom: 24px;
		}
		.order-total .result {
				padding: 0 2px;
				margin-top: 28px;
		}
		.order-basket ~ .order-total .result {
				margin-top: 20px;
		}
		.order-total .result > *:first-child {
				color: var(--grey800);
		}
		.order-total ul {
				gap: 20px 0;
				padding: 0 2px;
		}
		.order-total li:before {
				display: none;
		}
		.order-total li > *:first-child {
				color: var(--grey900);
		}
		.order-total li > *:first-child:after {
				border-color: #CBD8EB;
		}
		.order-total .grey {
				color: var(--grey500);
		}
		.order-total .info {
				display: block;
		}
		.order-basket {
				width: calc(100% - 440px);
				margin: 0 -15px 0 0;
		}
		.order-form {
				width: calc(100% - 425px);
				max-width: 680px;
		}
		.page-order .head-link.bg-back {
				left: 40px;
		}
}
/*desktop end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.order-title {
				padding-right: 450px;
		}
		.order-basket .cart-item .plus-minus .plus, .order-basket .cart-item .plus-minus .minus {
				width: 56px;
				height: 56px;
		}
}

/**/
input:not(:placeholder-shown) ~ .big-input-clear{height: 70px;top: 16px;}
.min-header.open-menu .header-panel{z-index: 445;}