@charset 'utf-8';

body {

	--padding-side: 10px;
	--padding-title: 30px;
	--padding-between: 60px;
	--padding-h1: calc(var(--padding-between) / 2);

	--inner-max-width: 1400px;
	--inner-width: min(calc(var(--jsw) - (var(--padding-side) * 2)), var(--inner-max-width));

	--color-main: #e5965c;
	--color-accent: #163b84;
	--color-gray: #ddd;
	--color-gray-dark: #777;
	--color-gray-light: #fafafa;
	--color-dark: #404040;
	--color-cost: #163b84;
	--color-light: #fff;

	--font-title: 'Manrope', serif;
	--font-text: 'Manrope', sans-serif;

	--logo-width: 110px;
	--head-height: 68px;

	@media (min-width: 768px) {
		--padding-side: 20px;
		--padding-between: 80px;
	}

	@media (min-width: 1024px) {
		--logo-width: 300px;
		--head-height: 180px;
	}

	@media (min-width: 1280px) {
		--padding-side: 40px;
		--padding-title: 40px;
		--padding-between: 120px;
	}

}

.inner {
	height: 100%;
	width: var(--inner-width);
	max-width: var(--inner-max-width);
	margin: 0 auto;

	& > .h1 {
		margin-bottom: var(--padding-h1);
	}
	.inner {
		width: auto;
		max-width: none;
	}
}

.noscroll {
	overflow: hidden;
}

a,
svg,
path,
button {
	transition: all 300ms linear;
}

@keyframes btnShine {
  to {
    left: -200%;
  }
}

/* h, btn, text, img
*******************************************************************************/

@media screen {

	/*text-wrap: balance;*/

	body {
		font-size: 14px;
		font-family: var(--font-text);
		font-optical-sizing: auto;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
	}

	p,
	li {
		line-height: 1.5;

		@media (min-width: 1280px) {
			font-size: 18px;
		}
	}

	hr {
		width: 100%;
		height: 1px;
		background: var(--color-main);
	}

	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
		font-family: var(--font-title);
		font-optical-sizing: auto;
		font-style: normal;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
	}
	h1, .h1 {
		font-size: clamp(1.5rem, 0.52vw + 1.38rem, 2rem); /* 24 - 32 */
	}
	h2, .h2 {
		font-size: clamp(1.25rem, 0.52vw + 1.13rem, 1.75rem); /* 20 - 28 */
	}
	h3, .h3 {
		font-size: clamp(1.25rem, 0.39vw + 1.16rem, 1.63rem); /* 18 - 26 */
	}
	h4, .h4 {
		font-size: clamp(1rem, 0.26vw + 0.94rem, 1.25rem); /* 16 - 20 */
	}

	b,
	strong {
		font-weight: 600;
	}

	.sub1 {
		line-height: 1.3;
		font-size: clamp(0.88rem, 0.39vw + 0.78rem, 1.25rem); /* 14 - 20  */
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}
	.sub2 {
		line-height: 1.3;
		font-size: clamp(0.75rem, 0.26vw + 0.69rem, 1rem); /* 12 - 16  */
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}

	.btn {
		cursor: pointer;
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		padding: 0 20px;
		border-radius: 0px;
		font-weight: 700;
		line-height: 1;
		text-decoration: none;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		font-size: 12px;
		overflow: hidden;
		transition: all 300ms linear;
	}
	.btn._main,
	.btn._accent {
		--onHover: btnShine .75s cubic-bezier(.01,.56,1,1);

		&:not(._empty) {
			color: var(--color-light);
		}
		&::after {
			content: '';
			display: block;
			position: absolute;
		  top: 0;
		  left: 150%;
		  width: 200%;
		  height: 100%;
		  transform: skew(-20deg);
		  background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .25), transparent);
		}
		&:hover::after {
			animation: var(--onHover);
		}
	}
	.btn._main {
		background: var(--color-main);
	}
	.btn._accent {
		background: var(--color-accent);
	}
	.btn._empty {
		font-weight: 400;
		border-width: 1px;
		border-color: var(--color-main);
		background: none;
		border-style: solid;

		&:not(div):hover,
		&._accent {
			border-color: var(--color-accent);
		}
	}
	.btn._light {
		color: #fff;
		border-color: #fff;
	}
	.btn._gray {
		color: #404040;
		border-color: rgba(64, 64, 64, 0.3);
	}

	button._buy._added,
	button._buy:not(._added) + a {
		display: none;
	}

	.text {
		/*margin: var(--padding-between) 0;*/
		margin:0;

		.inner {
			max-width: 920px;
		}
	}
	.text._center {
		text-align: center;
	}
	.text :is(ol, ul) {
		margin-top: 1em;
		padding-left: 30px;
		line-height: 1.5;
	}
	.text li {
		margin: 0;
	}

	._icon {
		width: 30px;
		aspect-ratio: 1 / 1;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
	}
	._icon [fill^="#"] {
		fill: var(--color-main);
	}
	._icon [stroke^="#"] {
		stroke: var(--color-main);
	}

	.fit {
		width: 100%;
		height: 100%;
		max-width: none;
		max-height: none;
		object-fit: cover;
		object-position: center;

		&._left {
			object-position: left center;
		}
	}

	p + .offerMeta {
		margin-top: 1em;
	}
	.offerMeta_prop {
		display: flex;
		gap: 5px;
		line-height:1.5;

		._name {
			font-weight: 600;
		}
	}

	body.fancybox-active {
		overflow: hidden;
	}

}

@media (min-width: 1280px) {
	body {
		font-size: 16px;
	}
	main.home {
		text-align: center;
	}
}

/* forms
*******************************************************************************/

@media screen {screen and

	label {
		cursor: pointer;
		display: block;
	}
	input,
	textarea,
	select {
		width: 100%;
		height: 40px;
		padding: 0 10px;
		background: #fff;
		border: 1px solid #ddd;
	}
	textarea {
		overflow: auto;
		line-height: 1.1;
		min-height: 5.5em;
		resize: vertical;
		vertical-align: top;
	}
	button,
	input[type="file"] {
		cursor: pointer;
	}
	select {
		-webkit-appearance: none;
		appearance: none;
		padding-right: 30px;
		background: url(/_/media/ui/select.svg) right 10px center no-repeat !important;
		background-size: 11px !important;
	}

	:disabled {
		cursor: default;
	}

	[placeholder]::-webkit-input-placeholder { color: #bbb; }
	[placeholder]:-ms-input-placeholder      { color: #bbb; }
	[placeholder]::-moz-placeholder          { color: #bbb; }

	@media (hover: hover) {
		input[type="number"]::-webkit-outer-spin-button,
		input[type="number"]::-webkit-inner-spin-button {
			-webkit-appearance: none;
		}
		input[type='number'],
		input[type="number"]:hover,
		input[type="number"]:focus {
			appearance: none;
			-moz-appearance: textfield;
		}
	}

	/*
	*******************************************************************************/

	input[type="radio"],
	input[type="checkbox"] {
	  display: none;
	}
	input[type="radio"] + div,
	input[type="checkbox"] + div {
	  position: relative;
	  display: block;
	  padding: 0 0 0 30px;
	}
	input[type="radio"] + div::before,
	input[type="radio"] + div::after,
	input[type="checkbox"] + div::before,
	input[type="checkbox"] + div::after {
	  content: '';
	  display: block;
	  position: absolute;
	  box-sizing: border-box;
	}
	input[type="radio"] + div::before,
	input[type="radio"] + div::after {
		border-radius: 50%;
	}
	input[type="radio"] + div::before,
	input[type="checkbox"] + div::before {
	  top: 0;
	  left: 0;
	  width: 16px;
	  height: 16px;
	  border: 1px solid #000;
	}
	input[type="radio"] + div::after,
	input[type="checkbox"] + div::after {
	  opacity: 0;
	  top: 3px;
	  left: 3px;
	  width: 10px;
	  height: 10px;
	  background: #000;
	  transition: all 200ms linear;
	}
	input[type="radio"]:checked + div::after,
	input[type="checkbox"]:checked + div::after {
	  opacity: 1;
	}

	/*
	*******************************************************************************/

	form {
		position: relative;
	}
	form::after {
		content: '';
		display: block;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		position: absolute;
		top: -10px;
		left: -10px;
		background: rgba(255, 255, 255, .2);
		transition: all 200ms linear;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		cursor: wait;
	}
	form.sending::after {
		opacity: 1;
		visibility: visible;
	}
	.wrong input,
	.wrong textarea,
	.wrong .jq-selectcontent.__select {
		border-color: #f3c0c0;
		background: #ffeaea !important;
	}
	.error {
		padding: 5px 0;
		font-size: 14px;
		color: #c34343;
		transition: all 200ms linear;
		transform: translateY(-50%);
		opacity: 0;
	}
	.error.shown {
		opacity: 1;
		transform: translateY(0);
	}

	.ajax_loader {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 60px;
		height: 60px;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.ajax_loader_svg {
		width: 100%;
		height: 100%;
	}
	.ajax_loader_circle {
		stroke: #00A499;
		transition: 300ms stroke-dashoffset;
	  transform: rotate(-90deg);
	  transform-origin: 50% 50%;
	}
	.ajax_loader_digit {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		font-weight: 400;
		font-size: 14px;
		line-height: 100%;
		text-align: center;
	}

}

/*
*******************************************************************************/

.docs_list {
  display: grid;
  gap: 20px;

	a {
	  display: grid;
	  grid-template-columns: 30px auto;
	  align-items: center;
	  gap: 11px;
	}
	._cap {
	  display: grid;
	  gap: 5px;
	  font-size: smaller;

		._size {
		  color: #C2C2C2;
		}
	}
}

/* offerTools
*******************************************************************************/

.offerTools {
  display: flex;
  align-items: center;
  gap: 16px;

	a {
	  display: block;
	}
	svg {
	  height: 16px;
	}
	path {
	  stroke: #C2C2C2;
	  transition: all 300ms linear;
	}
	._cross path {}
	.active path {
	  fill: var(--color-main);
	  stroke: var(--color-main);
	}
	a:hover path {
	  stroke: var(--color-main);
	}

	@media (min-width: 744px) {
	  svg {
	    width: 22px;
	    height: 18px;
	  }
	}

}

/* top
*******************************************************************************/

@media screen {
	.topper {
		color: var(--color-accent);
		background: var(--color-light);
		border-bottom: 1px solid var(--color-accent);
	}
	.topper_row {
		position: relative;
		padding: 10px 40px 10px 0;
		font-size: 15px;
		line-height: 1.2;
	}
	.topper_text {
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;

		a {
			text-decoration: underline;
			text-underline-offset: 2px;
		}
		a:hover {
			text-decoration-color: transparent;
		}
	}
	.topper_close {
		display:block;
		position:absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);

		path {
			stroke: var(--color-accent);
		}
	}
}

@media (max-width: 1023px) {
	div.service_messages {
		margin-top: 60px;
	}
}

/* head
*******************************************************************************/

@media screen {
	.head {
		position: sticky;
		top: 0;
		height: var(--head-height);
		color: var(--color-accent);
		background: var(--color-main);
		font-size: 14px;
		z-index: 10;
	}
	.head_row {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.head ._icon {
		position: relative;
		width: 30px;
		height: 30px;
		background: none;

		svg {
			transition: all 300ms linear;

			.opened > & {
				rotate: 180deg;
			}
		}
	}
	.head ._icon ._number {
		position: absolute;
		top: -5px;
		right: -5px;
		font-size: 12px;
		width: 18px;
		height: 18px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		line-height: 1;
		text-align: center;
		background: #fff;
	}
	.head ._icon path {
		stroke: var(--color-accent);

		&:not([stroke-width]) {
			stroke-width: 4px;
		}
	}
	.head_left,
	.head_right {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.head_right {
		justify-content: end;
	}
	.head_logo {
		width: var(--logo-width);
		transition: all 300ms linear;
	}
	.head_menu li._1 > a {
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}
	.head_cart {
		position: relative;
	}
	/*.head_cart:not(._empty)::after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		right: 0;
		bottom: 0;
		background: var(--color-accent);
		border: 2px solid #fff;
		border-radius: 50%;
	}*/
}

@media (max-width: 1023px) {
	.head_soc,
	.head_user,
	.head_menu_pic,
	.head_left .head_search {
		display: none;
	}
	.head_row {
		height: 100%;
	}
	.head_burger {
		background: none;
	}
	.head_menu {
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
	}
	.head_menu_bg {
		position: fixed;
		inset: 0;
		background: rgba(230, 230, 230, 0.6);
	}
	.head_menu_window {
		position: fixed;
		inset: 0 auto 0 0;
		width: 350px;
		max-width: 95%;
		transition: all 250ms cubic-bezier(.165,.84,.44,1);
		background: #fff;
		transform: translateX(-100%);
		z-index: 1;

		.head_menu.shown & {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}
	}
	.head_menu.shown {
		opacity: 1;
		visibility: visible;
	}
	.head_menu ul ul {
		display: none;
	}
	.head_menu li {
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 40px;
		line-height: 30px;
	}
	.head_menu li._1 {
		padding: 10px 0;
		border-bottom: 1px solid var(--color-main);

		&:first-child {
			border-top: 1px solid var(--color-main);
		}
	}
	.head_menu li > ._icon {
		width: 40px;
		height: 30px;
		border-left: 1px solid var(--color-main);

		svg {
			width: 10px;
		}
	}
	.head_menu ul._2 {
		grid-column: 1 / -1;
		padding-top: 10px;
	}
	.head_menu li._2:not(:first-child) {
		margin-top: 5px;
	}
	.head_menu li._2 > ._icon {
		width: 30px;
		margin-left: 5px;
		border: 1px solid var(--color-main);
		border-radius: 50%;
	}
	.head_menu ul._3 {
		padding: 0 0 0 20px;
		border-left: 1px solid #000;
	}
	.head_menu_head,
	.head_menu_body {
		background: #fff;
	}
	.head_menu_head {
		display: flex;
		align-items: center;
		justify-content: end;
		height: var(--head-height);
		padding: 0 20px;
	}
	.head_menu_body {
		height: calc(var(--jsh) - var(--head-height));
		padding: 0 20px 20px;
		overflow: auto;
	}
	.head_menu_links {
		margin-top: 30px;
	}
	.head_menu_soc {
		margin-top: 30px;
		display: flex;
		align-items: center;

		a {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100px;
			height: 40px;
			border: 1px solid var(--color-main);

			&:first-child {
				border-right: 0;
			}
		}
		svg {
			width: 24px;
			height: 24px;

			path {
				fill: var(--color-accent);
			}
		}
	}
}

@media (min-width: 1024px) {
	.head {
		--transition: all 300ms cubic-bezier(.2,.06,.05,.95);
		transition: all 300ms linear;
	}
	.head > .inner {
		display: grid;
		align-content: center;
		gap: 8px;
	}
	.head.scrolled {
		--logo-width: 160px;
		--head-height: 100px;

		& > .inner {
			gap: 0;
		}
	}
	.head_burger,
	.head_menu_head,
	.head_menu li > ._icon,
	.head_menu_links,
	.head_menu_soc,
	.head_right .head_search {
		display: none;
	}
	.head_left,
	.head_right {
		width: calc((100% - var(--logo-width)) / 2);
		gap: 20px;
	}
	.head_soc {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.head_soc ._icon path {
		stroke: none;
		fill: var(--color-accent);
	}
	.head_menu ul {
		list-style: none;
	}
	.head_menu ul._1 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
	}
	.head_menu li._1 {
		height: 100%;
		transition: var(--transition);

		&:has(._simple) {
			position: relative;
		}
	}
	.head_menu li._1 > a {
		position: relative;
		display: flex;
		align-items: center;
		padding: 0 10px;
		height: 100%;
	}
	.head_menu li._1 > a::after {
		content: '';
		display: block;
		width: 0;
		height: 2px;
		position: absolute;
		bottom: 0;
		left: 10px;
		background: currentColor;
		transition: var(--transition);
	}
	.head_menu ul._2 {
		transition: var(--transition);
		opacity: 0;
		visibility: hidden;
	}
	.head_menu ._sub {
		position: absolute;
		inset: calc(var(--head-height) - 5px) 0 auto;
		padding: var(--padding-side) calc(var(--padding-side) - 10px);
		background: #fff;
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);

		li._1:hover & {
			opacity: 1;
			visibility: visible;
		}
	}
	.head_menu ._sub_inner {
		max-width: var(--inner-max-width);
		margin: 0 auto;
	}
	.head_menu ul._2._cat {
		display: flex;
		justify-content: center;

		.scrolled & {
			top: calc(var(--head-height) - 5px);
		}
		li._2 {
			--ms-transform: 100ms;
			--ms-opacity: 200ms;
			opacity: 0;
	  	transform: translateY(60px);
	  	width: calc(100% / 5);
	  	padding: 0 10px;
			transition:
				transform 1000ms cubic-bezier(.165,.84,.44,1) var(--ms-transform),
				opacity 1000ms cubic-bezier(.165,.84,.44,1) var(--ms-opacity);
		}
		li._2:nth-child(2) {
			--ms-transform: 220ms;
			--ms-opacity: 320ms;
		}
		li._2:nth-child(3) {
			--ms-transform: 280ms;
			--ms-opacity: 380ms;
		}
		li._2:nth-child(4) {
			--ms-transform: 340ms;
			--ms-opacity: 440ms;
		}
		li._2:nth-child(5) {
			--ms-transform: 400ms;
			--ms-opacity: 500ms;
		}
		li._2 > a {
			display: grid;
			gap: 20px;
			width: 100%;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.2em;
		}
	}
	.head_menu ul._2._simple {
		position: absolute;
		top: 100%;
		right: 0;
		padding: 20px;
		white-space: nowrap;
		background: #fff;
		transform: translateY(-12px);
		transition: var(--transition);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09);

		li._2 > a {
			display: flex;
			align-items: center;
			height: 30px;
		}
	}
	.head_menu li._2 a {
		color: var(--color-dark);
	}
	.head_menu ul._3 {
		margin-top: 20px;
		display: grid;
		gap: 20px;
	}
	.head_menu_pic {
		width: 100%;
		aspect-ratio: 224 / 126;
	}

	.head_menu li._1:hover {
		background: #fff;

		& > a::after {
			width: calc(100% - 20px);
		}

		ul._2 {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}
		li._2 {
			opacity: 1;
  		transform: translateY(0);
		}
	}
}

@media (min-width: 1280px) {
	.head_menu li._1 > a {
		padding: 0 20px;
		font-size: 16px;
	}
	.head_menu li._1:hover > a::after {
		width: calc(100% - 20px);
	}
}

/* foot
*******************************************************************************/

@media screen {
	.foot {
		margin-top: var(--padding-between);
		padding: 30px 0;
		border-top: 1px solid var(--color-main);
		color: var(--color-accent);

		p {
			font-size: inherit;
		}
	}
	.foot_logo {
		height: 60px;
		display: flex;
		justify-content: center;
	}
	.foot_title {
		position: relative;
		color: var(--color-accent);
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.3em;
	}
	.foot_menu {
		display: grid;
		justify-items: center;
		gap: 10px;
		padding-bottom: 20px;
		line-height: 1.2;
		font-size: 14px;
	}
	.foot_subscribe {
		position: relative;

		input {
			padding-right: 40px;
		}
		button {
			position: absolute;
			top: 0;
			right: 0;
			width: auto;
			height: 100%;
			aspect-ratio: 1 / 1;
		}
		path {
			fill: var(--color-accent);
		}
	}
	.foot_about {
		font-size: 12px;
	}
	.foot_bottom {
		display: grid;
		gap: 10px;
		text-align: center;
		font-size: 12px;
	}
	.foot_links {
		display: grid;
		gap: 5px;
		margin: 0 !important;

		a:not(:hover) {
			text-decoration-color: transparent;
		}
		a:hover {
			text-decoration-color: currentColor;
		}
	}
}

@media (max-width: 1023px) {
	.foot_logo {
		margin-bottom: 20px;
	}
	.foot_title {
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-top: 1px solid var(--color-gray);

		._icon {
			position: absolute;
			top: 50%;
			right: 0;
			width: 10px;
			height: 12px;
			margin-top: -6px;
			transition: all 300ms linear;

			.opened & {
				rotate: 180deg;
			}
			path {
				stroke: var(--color-accent);
				stroke-width: 5px;
			}
		}
	}
	.foot_block {
		display: none;
	}
	.foot_about {
		text-align: center;
	}
	.foot_bottom {
		margin-top: 20px;
	}
}

@media (min-width: 1024px) {
	.foot {
		padding: 60px 0;
	}
	.foot_row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 40px 20px;
	}
	.foot_menu {
		justify-items: start;
		padding: 0;
	}
	.foot_title ._icon {
		display: none;
	}
	.foot_block {
		margin-top: 20px;
	}
	.foot_about {
		font-size: 14px;
	}
	.foot_logo {
		grid-row: 1 / 3;
	}
	.foot_col:nth-child(4) {
		grid-column: 1 / -1;
	}
	.foot_col:nth-child(5) {
		grid-column: 1 / -1;
	}
	.foot_subscribe {
		max-width: 400px;
	}
	.foot_bottom {
		grid-column: 1 / -1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 20px;
	}
	.foot_copyright {
		text-align: left;
	}
	.foot_links {
		display: flex;
		justify-content: flex-end;
		gap: 20px;
	}
}

/* crumbs
*******************************************************************************/

@media screen {
	.crumbs {
	  position: relative;
	  color: var(--color-gray-dark);
	  font-size: smaller;
	  line-height: 1.5;
	  display: flex;
	  flex-wrap: wrap;
	  gap: 0 8px;
	}
	.card .crumbs_item:nth-child(5),
	.crumbs_item div {
	  color: var(--color-pink);
	}
	.crumbs_item a {
	  display: block;
	  border-bottom: 1px solid transparent;
	}
	.crumbs_item a:hover {
	  border-bottom-color: currentColor;
	}
}

/* header
*******************************************************************************/

@media screen {
	.header {
		margin: calc(var(--padding-between) / 2) 0;
	}
	.header + div {
		margin-top: 0;
	}
	.header_row {
	  display: grid;
	  gap: 20px;
	}
}

@media (min-width: 744px) {
  .header {}
}

@media (min-width: 1280px) {
  .header {
  	/*margin: var(--padding-between) 0;*/
	}
  .header_row {}
}

/* coockie
*******************************************************************************/

@media screen {
	.coockie {
		position: fixed;
		inset: auto 20px 20px;
		padding: 40px 20px 20px;
		background: rgba(231, 246, 254, 0.85);
	}
	.coockie_row {
		position: relative;
		display: grid;
		gap: 20px;
	}
	.coockie_text {
		line-height: 1.4;
		text-wrap: balance;
		color: var(--color-accent);

		a {
			text-decoration: underline;
		}
		a:hover {
			text-decoration-color: transparent;
		}
	}
	.coockie_acts {}
	.coockie_close {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 20px;
		height: 20px;
		background: none;

		svg {
			stroke: var(--color-gray-dark);
		}
	}
}

@media (max-width: 1023px) {
	.coockie .inner {
		width: auto;
	}
}

@media (min-width: 1024px) {
	.coockie {
		inset: auto 0 0;
		padding-top: 20px;
	}
	.coockie_row {
		grid-template-columns: 1fr auto;
		padding-right: 10px;
	}
}

/* modalCart
*******************************************************************************/

@media screen {
	.modalCart {
		--head-height: 68px;
		position: relative;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
	}
	.modalCart .count {
		width: 100px;
		border-color: var(--color-main);

		input {
			border: none;
		}
		button {
			width: 30px;
		}
	}
	.modalCart_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: var(--head-height);
		padding: 0 20px;
		position: relative;
	}
	.modalCart_head::after {
		content: '';
		display: block;
		height: 1px;
		position: absolute;
		inset: auto 20px 0;
		background: var(--color-main);
	}
	.modalCart_title {
		color: var(--color-accent);
		font-size: 18px;
		font-family: var(--font-title);
		font-weight: 500;
	}
	.modalCart_head ._icon {
		background: none;
	}
	.modalCart_head ._icon path {
	  stroke: var(--color-accent);
	  stroke-width: 5px;
	}
	.modalCart_bg {
		position: fixed;
		inset: 0;
		background: rgba(230, 230, 230, 0.6);
	}
	.modalCart_window {
		position: fixed;
		inset: 0 0 0 auto;
		width: 350px;
		max-width: 95%;
		transition: all 250ms cubic-bezier(.165,.84,.44,1);
		background: #fff;
		transform: translateX(100%);
		z-index: 1;

		.modalCart.shown & {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}
	}
	.modalCart.shown {
		opacity: 1;
		visibility: visible;
	}
	.modalCart_body {
		height: calc(100% - var(--head-height));
		padding: 20px;

		& > p {
			color: var(--color-accent);
		}
	}
	.modalCart:not(._empty) .modalCart_empty_content {
		display: none;
	}

	.modalCart_form {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.modalCart_items {
		height: 100%;
		overflow: auto;
	}
	.modalCart_item {
		display: grid;
		align-items: center;
		grid-template-columns: 100px 1fr;
		gap: 10px;
		padding: 20px 0;
		border-top: 1px solid var(--color-main);

		noindex & {
			display: none;
		}
	}
	.modalCart_item:first-child {
		border: none;
		padding-top: 0;
	}
	.modalCart_item_side {
		aspect-ratio: 1 / 1;
	}
	.modalCart_item_main {
		display: grid;
		align-items: center;
		gap: 10px;
		grid-template-columns: 100px 1fr;
	}
	.modalCart_item_title,
	.modalCart_item .offerMeta {
		grid-column: 1 / -1;
	}
	.modalCart_item_title {
		line-height: 1.2;
	}
	.modalCart_item_cost {
		text-align: right;
	}
	.modalCart_foot {
		padding: 20px 0 0;
		border-top: 1px solid var(--color-main);
	}
	.modalCart_total {
		display: flex;
		align-items: center;
		justify-content: space-between;

		._name {
			font-weight: 600;
			text-transform: uppercase;
		}
	}
	.modalCart_act {
		margin-top: 20px;

		.btn {
			width: 100%;
		}
	}
}

@media (min-width: 768px) {
	.modalCart .modalCart_window {
		width: 450px;
	}
}

/* modalPP
*******************************************************************************/

@media screen {
	body:has(.modalPP.shown) {
		overflow: hidden;
	}
	.modalPP {
		--head-height: 68px;
		position: relative;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
	}
	.modalPP .count {
		width: 100px;
		border-color: var(--color-main);

		input {
			border: none;
		}
		button {
			width: 30px;
		}
	}
	.modalPP_body::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		aspect-ratio: 435 / 245;
		background: #000;
		opacity: 0.2;
	}
	.modalPP_body_title {
		position: absolute;
		z-index: 2;
		inset: 13px auto auto 20px;
		margin: 0 !important;
		text-align: left !important;
		line-height: 1.2 !important;
		font-weight: 600;
		color: var(--color-light);
	}
	.modalPP_body > img:first-child {
		width: auto;
		max-width: calc(100% + 40px);
		margin: -20px -20px 0;
	}
	.modalPP_title {
		color: var(--color-accent);
		font-size: 18px;
		font-family: var(--font-title);
		font-weight: 500;
	}
	.modalPP_bg {
		position: fixed;
		inset: 0;
		background: rgba(230, 230, 230, 0.6);
	}
	.modalPP_window {
		position: fixed;
		inset: 0 0 0 auto;
		width: 350px;
		max-width: 95%;
		transition: all 250ms cubic-bezier(.165,.84,.44,1);
		background: #fff;
		transform: translateX(100%);
		z-index: 1;

		.modalPP.shown & {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}
	}
	.modalPP.shown {
		opacity: 1;
		visibility: visible;
		z-index: 100000;
	}
	.modalPP_body {
		position: relative;
		height: 100%;
		padding: 20px;
		overflow: auto;

		& > p {
			color: var(--color-accent);
		}
		._icon {
			position: absolute;
			top: 20px;
			right: 20px;
			z-index: 1;
			background: none;
		}
		._icon path {
		  stroke: var(--color-light);
		  stroke-width: 5px;
		}
	}
	.modalPP:not(._empty) .modalPP_empty_content {
		display: none;
	}

	.modalPP_form {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.modalPP_items {
		height: 100%;
		overflow: auto;
	}
	.modalPP_item {
		display: grid;
		align-items: center;
		grid-template-columns: 100px 1fr;
		gap: 10px;
		padding: 20px 0;
		border-top: 1px solid var(--color-main);

		noindex & {
			display: none;
		}
	}
	.modalPP_item:first-child {
		border: none;
		padding-top: 0;
	}
	.modalPP_item_side {
		aspect-ratio: 1 / 1;
	}
	.modalPP_item_main {
		display: grid;
		align-items: center;
		gap: 10px;
		grid-template-columns: 100px 1fr;
	}
	.modalPP_item_title,
	.modalPP_item .offerMeta {
		grid-column: 1 / -1;
	}
	.modalPP_item_title {
		line-height: 1.2;
	}
	.modalPP_item_cost {
		text-align: right;
	}
	.modalPP_foot {
		padding: 20px 0 0;
		border-top: 1px solid var(--color-main);
	}
	.modalPP_total {
		display: flex;
		align-items: center;
		justify-content: space-between;

		._name {
			font-weight: 600;
			text-transform: uppercase;
		}
	}
	.modalPP_act {
		margin-top: 20px;

		.btn {
			width: 100%;
		}
	}
}

@media (min-width: 768px) {
	.modalPP .modalPP_window {
		width: 450px;
	}
}

@media screen {
	.modalPP {
	  padding: 0;
	}
	.modalPP .modal_close path {
	  stroke: #fff;
	}
	.modalPP .h2 {
	  margin: 40px 0 20px;
	  line-height: 15px;
	}
	.modalPP ._main {
	  padding: 20px;
	}
	.modalPP ._steps {
	  margin-top: 46px;
	  display: grid;
	  gap: 15px;
	}
	.modalPP ._step {
	  display: flex;
	  align-items: center;
	  gap: 30px;
	  font-size: 15px;
	}
	.modalPP ._step b {
	  display: block;
	  font-size: 22px;
	  font-weight: 700;
	}
	.modalPP ul {
	  list-style: none;
	  margin: 0;
	  padding-left: 20px;
	}
	.modalPP li {
		margin-top: 1em;
	}
	.modalPP ul li {
	  position: relative;
	}
	.modalPP ul li::before {
	  content: '';
	  display: block;
	  width: 10px;
	  height: 2px;
	  position: absolute;
	  top: 0.7em;
	  left: -20px;
	  border-radius: 2px;
	  background: var(--color-main);
	}
	.modalPP ul li b {
	  display: block;
	}
	.modalPP ol {
	  margin: 0;
	  padding-left: 20px;
	}
}

@media (min-width: 744px) {
  .modalPP {
    display: block !important;
    position: fixed;
    inset: 0 -480px 0 auto;
    margin: 0;
    width: 480px;
    font-size: 15px;
    transition: all 300ms linear;
    opacity: 0;
    visibility: hidden;
  }
  .modalPP.shown {
    opacity: 1;
    visibility: visible;
    right: 0;
  }
  .modalPP ._main {
    padding: 30px 30px 50px;
  }
}

@media (min-width: 1280px) {
	.modalPP li {
		font-size: 16px;
	}
}

/*
*******************************************************************************/

@media screen {
	.partpay-info {
		margin: 30px 0;
		width: 100%;
	}
	.partpay-info a {
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 35px;
		border-radius: 5px;
		box-shadow: 0 0 30px 12px rgba(0, 0, 0, 0.04);
		color: inherit;
		text-decoration: none;
		background: #ffffff;
	}
	.partpay-info a:hover {
		text-decoration: none;
	}
	.partpay-info__accent {
		color: #F32882;
	}
	.partpay-info__open:hover {
		color: #F32882;
		background: #FFEFF6;
	}
	.partpay-info__open,
	.partpay-info__open path {
		transition: all 300ms linear;
	}
	.partpay-info__open:hover path {
		stroke: #F32882;
	}

	.partpay-modal {
		display: block !important;
		position: fixed;
		padding: 0;
		background: #fff;
		overflow: auto;
		max-width: 100%;
		z-index: 9010;
		touch-action: manipulation;
		transform: translateZ(0);
		transition: all 300ms linear;
		opacity: 0;
		visibility: hidden;
	}
	.partpay-modal.shown {
		opacity: 1;
		visibility: visible;
		right: 0;
	}
	.partpay-modal__title {
		margin: 40px 0 20px;
		line-height: 100%;
		font-size: 1.4em;
	}
	.partpay-modal__pic {
		position: relative;
	}
	.partpay-modal__pic img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		margin: 0;
	}
	.partpay-modal__pic-text {
		font-size: 2.5em;
		line-height: 100%;
		font-weight: bold;
		color: #ffffff;
		position: absolute;
		top: 10px;
		left: 30px;
		max-width: 70%;
	}
	.partpay-modal__main {
		padding: 20px;
	}
	.partpay-modal__steps {
		margin-top: 46px;
		display: grid;
		gap: 15px;
	}
	.partpay-modal__step {
		display: flex;
		align-items: center;
		gap: 30px;
		font-size: 1em;
	}
	.partpay-modal__step b {
		display: block;
		font-size: 1.5em;
		font-weight: 700;
	}
	.partpay-modal ul {
		list-style: none;
		margin: 0;
		padding-left: 20px;
	}
	.partpay-modal ul li {
		position: relative;
	}
	.partpay-modal ul li::before {
		content: '';
		display: block;
		width: 10px;
		height: 2px;
		position: absolute;
		top: 0.7em;
		left: -20px;
		border-radius: 2px;
		background: #F32882;
	}
	.partpay-modal ul li b {
		display: block;
	}
	.partpay-modal ol {
		margin: 0;
		padding-left: 20px;
	}
	.partpay-modal li + li {
		margin: 1em 0 0;
	}
	.partpay-modal p {
		margin: 1em 0 0;
		text-wrap: pretty;
	}
	.partpay-modal p:first-child {
		margin: 0;
	}
	.partpay-modal__close {
		cursor: pointer;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 35px;
		height: 35px;
		padding: 10px;
		background: none;
		color: inherit;
		margin: 0;
		border: 0;
		outline: none;
	}
	.partpay-modal__close path {
		stroke: #fff;
	}
	.parpay-modal__link {
		text-decoration: underline;
		color: #000000;
	}
	.parpay-modal__link:hover {
		text-decoration: none;
		color: #000000;
	}

	.partpay-bg {
		bottom: 0;
		left: 0;
		position: fixed;
		right: 0;
		top: 0;
		background: #1e1e1e;
		opacity: 0;
		transition-duration: inherit;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.47,0,.74,.71);
		z-index: 9000;
	}
	.partpay-bg.shown {
		opacity: .9;
		transition-timing-function: cubic-bezier(.22,.61,.36,1);
	}
	.partpay-modal-active {
		height: auto;
		overflow: hidden;
	}
}

@media(min-width: 1280px) {
	.partpay-info {
		max-width: 480px;
	}
}

@media(max-width: 380px) {
	.partpay-info {
		font-size: 0.9em;
	}

	.partpay-info svg {
		width: 25px;
	}
}

@media (min-width: 744px) {
	.partpay-modal {
		inset: 0 -480px 0 auto;
		margin: 0;
		width: 480px;
		transition: all 300ms linear;
		opacity: 0;
		visibility: hidden;
	}
	.partpay-modal__main {
		padding: 30px 30px 50px;
	}
}

@media(max-width: 745px) {
	.partpay-modal {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.partpay-bg {
		display: none !important;
	}
	.partpay-modal__pic-text {
		left: 20px;
	}
}

/* Модалка поиска
*******************************************************************************/

@media screen {
	.modalSearch {
		position: relative;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
	}
	.modalSearch_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 68px;
		padding: 0 20px;
		position: relative;
	}
	.modalSearch_head::after {
		content: '';
		display: block;
		height: 1px;
		position: absolute;
		inset: auto 20px 0;
		background: var(--color-main);
	}
	.modalSearch_title {
		color: var(--color-accent);
		font-size: 18px;
		font-family: var(--font-title);
		font-weight: 500;
	}
	.modalSearch_head ._icon {
		background: none;
	}
	.modalSearch_head ._icon path {
	  stroke: var(--color-accent);
	  stroke-width: 5px;
	}
	.modalSearch_bg {
		position: fixed;
		inset: 0;
		background: rgba(230, 230, 230, 0.6);
	}
	.modalSearch_window {
		position: fixed;
		inset: 0 0 auto 0;
		transition: all 250ms cubic-bezier(.165,.84,.44,1);
		background: #fff;
		transform: translateY(-50%);
		z-index: 1;

		.modalSearch.shown & {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}
	}
	.modalSearch.shown {
		opacity: 1;
		visibility: visible;
	}
	.modalSearch_window form {
		display: grid;
		align-items: center;
		grid-template-columns: 60px 1fr 60px;
		height: 68px;
	}
	.modalSearch_window form > button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: none;

		._icon [stroke^="#"] {
			stroke: #404040;
		}
	}
	.modalSearch_window form input {
		border: none;
		width: 100%;
	}
	.modalSearch_res {
		padding-block: 20px;
	}
	.modalSearch_res ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		gap: 20px;
	}
	.modalSearch_res a {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 2px;
		transition: all 300ms linear;
	}
	.modalSearch_res a:hover {
		text-decoration-color: transparent;
	}
}

@media (max-width: 1023px) {
	.modalSearch_window > .inner {
		width: 100%;
	}
}

@media (min-width: 1280px) {
	.modalSearch_window form {
		height: 180px;
	}
	.modalSearch_res {
		padding-block: 0 40px;
	}
}

/* + / -
*******************************************************************************/

@media screen {
	.count {
		display: flex;
		width: 140px;
		height: 40px;
		border: 1px solid var(--color-gray);

		.minus,
		.plus {
			cursor: pointer;
			position: relative;
			width: auto;
			height: 100%;
			aspect-ratio: 1 / 1;
			padding: 0 15px;
		}
		.minus::before,
		.plus::before,
		.plus::after {
			content: '';
			display: block;
			width: 10px;
			height: 2px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #000;
		}
		.plus::after {
			width: 2px;
			height: 10px;
		}
		& input {
			flex: 1 1 0;
			height: 100%;
			text-align: center;
			padding: 0;
			border-top: none;
			border-bottom: none;
		}
	}
}

/* rating
*******************************************************************************/

@media screen {
	.rating {
	  display: flex;
	  height: 29px;
	}
	.rating label {
	  cursor: pointer;
	  display: block;
	  aspect-ratio: 1 / 1;
	  margin: 0;
	  border: 2px solid transparent;
	  background-size: contain;
	  background-repeat: no-repeat;
	  background-image: url(/_/media/icons/star.svg);
	}
	.rating label.hover,
	.rating label.active {
	  background-image: url(/_/media/icons/star-active.svg);
	}
	.rating input {
	  display: none;
	}
}

/* pagi
*******************************************************************************/

@media screen {
	.pagi {
		font-size: smaller;
	}
	.pagi_row {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 10px;
	}
	.pagi_item,
	.pagi_dots {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	  min-width: 30px;
	  height: 30px;
	  padding: 0 12px;
	}
	.pagi_item._current {
	  color: var(--color-gray);
	}
	.pagi_dots {
		padding: 0;
	}
	.pagi_item._prev,
  .pagi_item._next {
  	min-width: 44px;
	  height: 44px;
  	padding: 14px;
  	color: var(--color-light);
	  background: var(--color-main);

	  path {
	  	fill: var(--color-light);
	  }
  }
}

@media (max-width: 1023px) {
  .pagi_item._num:nth-child(n+5):not(._last) {
    display: none;
  }
}

/* modals
*******************************************************************************/

@media screen {
	.modal {
		display: none;
		margin: 0;
		padding: 20px;
	}
	.fancybox-slide--html {
		padding: 0;
	}
	.modal_close {
		cursor: pointer;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		padding: 5px;
		background: none;
	}
}

@media screen (min-width: 1024px) {
	.modal {
		padding: 40px;
		margin: 100px auto;
	}
}

/*
*******************************************************************************/

main.home {
	text-align: center;
}

/* promo
*******************************************************************************/

@media screen {
	.promo {
		position: relative;
	}
	.promo_media {
		height: 360px;
	}
	.promo_content {
		position: absolute;
		inset: 0;
	}
	.promo_content .inner {
		position: relative;
	}
	.promo_content .btn {
		position: absolute;
		left: 20px;
		bottom: var(--padding-side);
	}
}

@media (min-width: 768px) {
	.promo_media {
		height: 480px;
	}
}

@media (min-width: 1024px) {
	.promo_media {
		height: 550px;
	}
}

@media (min-width: 1280px) {
	.promo_media {
		--max-height: calc(var(--jsh) - 180px);
		height: auto;
		max-height: var(--max-height);

		video {
			max-height: var(--max-height);
		}
	}
}

/* homeCats
*******************************************************************************/

@media screen  {
	.homeCats {
		margin: var(--padding-between) 0;
		padding: 0 20px;
	}
	.homeCats_row {
		margin-top: var(--padding-between);
		display: grid;
		gap: 10px;
		color: var(--color-light);
	}
	.homeCats_item {
		display: block;
		position: relative;
		display: grid;
		align-content: center;
		justify-content: center;
		justify-items: center;
		gap: 10px;
		height: 170px;

		&::before {
			content: '';
			display: block;
			position: absolute;
			inset: 10px;
			background: rgba(255, 255, 255, 0.1);
			border: 2px solid var(--color-light);
		}
		img {
			position: absolute;
			z-index: -1;
		}
		.h1 {
			font-family: var(--font-title);
		}
		&:hover .btn::after {
			animation: var(--onHover);
		}
	}
}

@media (min-width: 768px) {
	.homeCats_row {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1024px) {
	.homeCats_row {
		gap: 20px;
	}
	.homeCats_item {
		height: 220px;
	}
}

@media (min-width: 1280px) {
	.homeCats_item {
		height: 280px;
	}
}

/* calling
*******************************************************************************/

@media screen {
	.calling {
		margin: var(--padding-between) 0;
		padding: 0 20px;
	}
	.calling_row {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-items: center;
		justify-content: center;
		gap: 10px 20px;
		padding: 10px;
		background: var(--color-gray);
	}
	.calling_row p {
		margin: 0;
	}
	.calling_row .h2 {
	}
}

/* someAbout
*******************************************************************************/

@media screen {
	.someAbout {
		margin: var(--padding-between) 0;
		text-align: center;
	}
	.someAbout_row {
		display: grid;
		gap: 1em;
	}
	.someAbout_main {
		.sub1 {
			margin-bottom: 5px;
		}
		.btn {
			margin-top: 1em;
		}
	}
}

@media (max-width: 1023px) {
	.someAbout_row {
		justify-items: center;
	}
	.someAbout_side {
		order: 1;
		max-width: 600px;
	}
	.someAbout_main {
		order: 2;
	}
}

@media (min-width: 1024px) {
	.someAbout_row {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: var(--padding-side);
	}
}

/* someOffers
*******************************************************************************/

@media screen {
	.someOffers {
		margin: var(--padding-between) 0;
		text-align: center;
	}
	.someOffers_row {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		text-align: center;
	}
	.someOffers_item {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 10px;

		.offerTools {
			position: absolute;
			top: 10px;
			right: 10px;
		}
	}
	.someOffers_item_pic {
		position: relative;
	}
	.someOffers_item_pic .btn {
		position: absolute;
		inset: auto 10px 10px;
		visibility: hidden;
		opacity: 0;
		transform: translateY(5px);
  	transition: all .3s linear;
	}
	.someOffers_item_cost {
		margin-top: auto;
		color: var(--color-cost);
		font-size: 14px;
		font-weight: 500;
	}
}

@media (max-width: 1023px) {
	.someOffers_scroll {
		margin: 0 calc(var(--padding-side) * -1);
		width: var(--jsw);
		overflow: auto;

		.someOffers_row {
			grid-template-columns: none;
			grid-auto-flow: column;

			&::before,
			&::after {
				content: '';
				display: block;
				width: 1px;
				height: 100%;
			}
		}
		.someOffers_item {
			width: 140px;
		}
	}
}

@media (min-width: 1024px) {
	.someOffers_row {
		--cols: 4;
		margin-top: 40px;
		grid-template-columns: repeat(var(--cols), 1fr);

		&._5 {
			--cols: 5;
		}
	}
}

@media (hover: hover) {
	.someOffers_item_pic a:first-child {
		position: relative;
		display: block;
	}
	.someOffers_item_pic a:first-child::after {
		content: '';
		display: block;
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.05);
		transition: all 300ms linear;
		opacity: 0;
		visibility: hidden;
	}
	.someOffers_item_pic a:first-child:hover::after {
		opacity: 1;
		visibility: visible;
	}
	.someOffers_item:hover .someOffers_item_pic .btn {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}

/* someOffer - modal
*******************************************************************************/

@media (min-width: 1024px) {
	.modal_someOffer {
		padding: var(--padding-side);
		width: calc(var(--jsw) - (var(--padding-side) * 2));
		max-width: 1200px;
		max-height: calc(var(--jsh) - (var(--padding-side) * 2));
	}
}

/* someCats
*******************************************************************************/

@media screen {
	.someCats {
		margin: var(--padding-between) 0;
	}
	.someCats_row {
		margin-top: 20px;
		display: grid;
		gap: 20px;
	}
	.someCats_item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.someCats_item .h3 + p {
		margin: 0;
	}
	.someCats_item_pic {
		position: relative;
		max-width: 600px;
	}
	.someCats_item_pic .btn {
		position: absolute;
		inset: auto 10px 10px;
		visibility: hidden;
		opacity: 0;
		transform: translateY(5px);
  	transition:
  		opacity .25s ease,
  		transform .25s ease-out;
	}
	.someCats_item_cost {
		color: var(--color-cost);
		font-size: 14px;
		font-weight: 500;
	}
}

@media (min-width: 768px) {
	.someCats_row {
		margin-top: 40px;
		gap: 40px;
	}
}

@media (min-width: 1024px) {
	.someCats_row {
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}
	.someCats_item .btn {
		margin-top: auto;
	}
}

@media (hover: hover) {
	.someCats_item:hover .someCats_item_pic .btn {
		visibility: visible;
		opacity: 1;
		transform: translateY(0);
	}
}

/* someGrid
*******************************************************************************/

@media screen {
	.someGrid {
		margin: var(--padding-between) 0;
		/*padding-top: var(--padding-between);
		border-top: 1px solid var(--color-main);*/
	}
	.someGrid_row {
		margin-top: var(--padding-title);
		display: grid;
		gap: 30px;
	}
	.someGrid_item {
		display: grid;
		justify-items: center;
		gap: 10px;
	}
	.someGrid_item_pic {
		max-width: 600px;
	}
}

@media (min-width: 1024px) {
	.someGrid_row {
		grid-template-columns: 1fr 1fr;
	}
	.someGrid_item {
		gap: 15px;
	}
}

/* contactsBox
*******************************************************************************/

@media screen {
	.contactsBox_window {
		position: relative;
		padding: 30px;
		background: #fff;

		&::before {
			content: '';
			display: block;
			position: absolute;
			inset: 10px;
			border: 1px solid #000;
		}
	}
	.contactsBox form label {
		margin-bottom: 10px;
	}
}

@media (max-width: 1023px) {
	.contactsBox {
		padding-bottom: 10px;
		background: #a28067;
	}
	.contactsBox_pic {
		height: 240px;
	}
	.contactsBox_window {
		margin-top: -10px;
	}
}

@media (min-width: 1024px) {
	.contactsBox {
		position: relative;
		padding: 40px 0;
	}
	.contactsBox_pic {
		position: absolute;
		inset: 0;
	}
	.contactsBox_window {
		width: 380px;
		margin-left: auto;
		text-align: left;
	}
}

@media (min-width: 1280px) {
	.contactsBox {
		padding: 60px 0;
	}
}

/* promoSlider_item
*******************************************************************************/

@media screen {
	.promoSlider_item {
		position: relative;
		height: 375px;

		& > img {
			position: absolute;
		}
		&::after {
			content: '';
			display: block;
			position: absolute;
			inset: 0;
			background: rgba(0, 0, 0, 0.2);
		}
	}
	.promoSlider_item_cap {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: end;
		justify-content: end;
		gap: 10px;
		height: 100%;
		padding: var(--padding-side) 0 calc(var(--padding-side) + 20px);
		color: var(--color-light);
		text-align: right;
	}
	.promoSlider_item_title {
		font-size: clamp(1.75rem, 1.81vw + 1.33rem, 3.5rem);
		font-weight: 600;
	}
	.promoSlider_nav {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: end;
		gap: 10px;
		padding: 0 var(--padding-side);
		max-width: calc(var(--inner-max-width) + (var(--padding-side) * 2));
		margin: -20px auto 0;
	}
	.promoSlider_nav .slick-arrow {
		width: 40px;
		height: 40px;
		padding: 12px;
		background: var(--color-light);
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0,0,0,.4);
	}

	.promoSlider_item .sub1,
	.promoSlider_item_title,
	.promoSlider_item_text,
	.promoSlider_item_act {
		opacity: 0;
		transform: translateY(100%);
		transition: all 1.2s cubic-bezier(.26, .54, .32, 1);
	}
	.promoSlider_item_act {
		transform: translateY(0);
	}
	.promoSlider_item .sub1.animate,
	.promoSlider_item_title.animate,
	.promoSlider_item_text.animate,
	.promoSlider_item_act.animate  {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (min-width: 768px) {
	.promoSlider_item {
		height: 480px;
	}
}

@media (min-width: 1024px) {
	.promoSlider_item {
		height: 550px;
	}
}

@media (min-width: 1280px) {
	.promoSlider_item_cap {
		gap: 20px;
	}
}

/* collectionsList
*******************************************************************************/

@media screen {
	.collectionsList {
		margin: var(--padding-between) 0;
	}
	.collectionsList_row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--padding-side);
	}
	.collectionsList_item {
		display: grid;
		gap: 5px;
		text-align: center;

		._pic {
			width: 100%;
			aspect-ratio: 1 / 1;
		}
	}
}

@media (min-width: 1024px) {
	.collectionsList_row {
		grid-template-columns: repeat(3, 1fr);
	}
	.collectionsList_item {
		gap: 10px;
	}
}

/* mediaHead
*******************************************************************************/

@media screen {
	.mediaHead {
		position: relative;
		height: 280px;

		.fit {
			position: absolute;
		}
		.inner {
			position: relative;
			z-index: 1;
		}
	}
	.mediaHead_cap {
		height: 100%;
		display: flex;
		align-items: end;
		justify-content: end;
		color: var(--color-light);
		font-weight: 600;
		padding: 20px 0;
	}
	.mediaHead_title {
		font-size: clamp(1.25rem, 1.29vw + 0.95rem, 2.5rem); /* 20 - 40 */
	}
}

@media (min-width: 1024px) {
	.mediaHead {
		height: clamp(26.25rem, 10.36vw + 23.82rem, 36.25rem); /* 420 - 580 */
	}
	.mediaHead_cap {
		padding: 40px 0;
	}
}

/* offers
*******************************************************************************/

@media screen {
	.offers {
		margin: var(--padding-between) 0;
	}
	.offers_row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--padding-side);
	}
	.offers_item {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 10px;

		.offerTools {
			position: absolute;
			top: 10px;
			right: 10px;
		}
	}
	.offers_item_main {
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 100%;
		text-align: center;
	}
	.offers_item_pic {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		aspect-ratio: 1 / 1;

		.fit {
			object-fit: contain;
		}
	}
	.offers_item_cost {
		margin-top: auto;
	}
	.offers_item_side {
		display: grid;
		grid-template-columns: 1fr 40px;
		gap: 10px;

		&:has(.remove_from_fav) {
			grid-template-columns: 1fr 40px 40px;
		}
		.btn {
			padding: 0;
		}
		.modal_open path {
			transition: all 300ms linear;
		}
		._empty._accent:hover {
			background: var(--color-accent);

			path {
				fill: #fff;
			}
			[stroke^="#"] {
				stroke: #fff;
			}
		}
	}
}

@media (min-width: 1024px) {
	.offers_row {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (hover: hover) {
	.offers_item_pic {
		position: relative;
	}
	.offers_item_pic::after {
		content: '';
		display: block;
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.05);
		transition: all 300ms linear;
		opacity: 0;
		visibility: hidden;
	}
	.offers_item_main:hover .offers_item_pic::after {
		opacity: 1;
		visibility: visible;
	}
}

/* otherCollections
*******************************************************************************/

@media screen {
	.otherCollections {
		margin: var(--padding-between) 0;
		text-align: center;
	}
	.otherCollections_row {
		margin-top: var(--padding-title);
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--padding-side);
	}
	.otherCollections_item ._pic {
		aspect-ratio: 1 / 1;
	}
	.sub1 {
		margin-top: 10px;
	}
}

@media (min-width: 1024px) {
	.otherCollections_row {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* modalOffer
*******************************************************************************/

@media screen {
	.modalOffer {
		--slider-height: 300px;
	}
	.modalOffer_side {
		position: relative;
	}
	.modalOffer_slider {
		position: relative;
		height: var(--slider-height);
		overflow: hidden;
	}
	.modalOffer_slider_item {
		display: flex;
		align-items: center;
		justify-content: center;
		height: var(--slider-height);
	}
	.modalOffer_nav button {
		position: absolute;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		padding: 5px;
		height: 100%;
		background: none;

		&.slick-prev {
			left: 0;
		}
		&.slick-next {
			right: 0;
		}
		._icon {
			width: 100%;
			height: auto;
			aspect-ratio: 1 / 1;
			background: rgba(0, 0, 0, 0.3);

			svg {
				width: 16px;
				height: 16px;
				fill: var(--color-light);
			}
		}
	}
	.modalOffer_main {
		display: grid;
		gap: 20px;
	}
	.modalOffer_cost {
		font-size: 22px;
		font-weight: 700;
	}
	.modalOffer_desc_text {
		position: relative;
		height: 4.5em;
		overflow: hidden;

		&:not(.opened):after {
			content: '';
			display: block;
			width: 100%;
			height: 1.5em;
			position: absolute;
			left: 0;
			bottom: 0;
			background: linear-gradient(0deg,rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 100%);
		}
	}
	.modalOffer_desc_toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 10px;
		text-align: center;
		font-size: 12px;
		font-weight: 600;
		color: #777;

		div {
			border-bottom: 1px dashed currentColor;
			transition: all 300ms linear;
		}
		&:hover div {
			border-bottom-color: transparent;
		}
	}
	.modalOffer_act {
		display: flex;
		align-items: center;
		gap: 20px;
		margin-top: 20px;
	}
	.modalOffer_dots {
		margin-top: 10px;
	}
	.modalOffer_dots ul {
		list-style: none;
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.modalOffer_dots li {
		display: flex;
		align-items: center;
		gap: 5px;
		font-size: 14px;
	}
	.modalOffer_dots li button {
		background: none;
	}
	.modalOffer_dots li::after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		margin-top: 2px;
		background: var(--color-dark);
		transition: all 300ms linear;
	}
	.modalOffer_dots li.slick-active {
		font-weight: 600;
	}
	.modalOffer_dots li.slick-active::after {
		width: 20px;
	}
}

@media (max-width: 1023px) {
	.modalOffer {
		width: 100%;
		max-width: 400px;
	}
	.modalOffer_main {
		margin-top: 20px;
	}
	.modalOffer_dots {
		display: none;
	}
}

@media (min-width: 1024px) {
	.modalOffer {
		--modal-width: 750px;
		--modal-padding: 20px;
		--modal-gap: 20px;
		max-width: var(--modal-width);
		padding: calc(var(--modal-padding) * 2) var(--modal-padding);

		.h2 {
			text-align: left;
		}
	}
	.modalOffer_row {
		display: grid;
		align-items: start;
		grid-template-columns: calc(((var(--modal-width) - var(--modal-gap)) / 2) - var(--modal-padding)) 1fr;
		gap: var(--modal-gap);
	}
}

/* back
*******************************************************************************/

@media screen {
	.back {
		margin: var(--padding-between) 0;
	}
	.back .btn {
		display: inline-block;
		height: auto;
		padding: 20px;
		line-height: 1.5;
	}
	.back svg {
		display: inline-block;
		width: 24px;
		margin-right: 10px;

		path {
			fill: var(--color-light);
		}
	}
}

/* mediaLine
*******************************************************************************/

@media screen {
	.mediaLine {
		margin: var(--padding-between) 0;
		text-align: center;
	}
	.mediaLine_desc {
		margin-top: 1em;
		font-style: italic;
		color: var(--color-gray-dark);
	}
}

/* hero
*******************************************************************************/

@media screen {
	.hero {
		margin: var(--padding-between) 0;
		text-align: center;
	}
	.hero_row {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
}

/* rating
*******************************************************************************/

@media screen {
	.rating {
	  display: flex;
	  height: 20px;
	}
	.rating_star svg {
		aspect-ratio: 1 / 1;
		height: 100%;
	}
	.rating_star path {
		fill: var(--color-gray);
	}
	.rating_star.active path {
		fill: var(--color-main);
	}
}

/* accordion
*******************************************************************************/

@media screen {
	.accordion_item {
		border: 1px solid var(--color-main);
	}
	.accordion_item + .accordion_item {
		border-top: 0;
	}
	.accordion_item_head {
		cursor: pointer;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;

		._icon {
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			padding: 10px;
		}
		svg {
			transition: all 300ms linear;
		}
		&.active svg {
			rotate: 180deg;
		}
	}
	.accordion_item_body {
		display: none;
		padding: 20px;
	}
}

/* buyAdv
*******************************************************************************/

@media screen {
	.buyAdv {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1px;
	}
	.buyAdv_item {
		display: grid;
		align-content: start;
		justify-items: center;
		gap: 10px;
		padding: 10px;
		text-align: center;
		background: var(--color-gray-light);

		&:not(:first-child) {
			border-left: 1px solid var(--color-gray);
		}
		._icon {
			width: 40px;
			height: 40px;
		}
		._text {
			line-height: 1.2;
		}
	}
}

@media (min-width: 1280px) {
	.buyAdv_item {
		padding: 20px 10px;
	}
}

/* reviewsList
*******************************************************************************/

@media screen {
	.reviewsList {
		display: grid;
		gap: 40px;
		padding: 20px 0;
	}
	.reviewsList_item {
		position: relative;

		._date {
			position: absolute;
			top: 0;
			right: 0;
			color: var(--color-gray-dark);
			font-size: smaller;
			line-height: 20px;
		}
		.rating {
			margin-bottom: 10px;
		}
	}
	._author {
		color: var(--color-gray-dark);

		& + p {
			margin-top: 5px;
		}
	}
}

@media (min-width: 1280px) {
	.reviewsList p {
		font-size: 16px;
	}
}

/* reviewsSlider
*******************************************************************************/

@media screen {
	.reviewsSlider .slick-list {
		margin: -30px 0;
	}
	.reviewsSlider .slick-slide {
		padding: 30px 10px;
	}
	.reviewsSlider_item {
		display: grid;
		padding: 20px;
		text-align: left;
		box-shadow:
			0px 3px 8px 0px rgba(55, 63, 71, .16),
			0px 0px 0px 1px rgba(55, 63, 71, .04);

		._author {
			margin-top: 10px;
		}
		p {
			font-size: smaller;
		}
		._cut {
			-webkit-line-clamp: 3;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}
	}
	.reviewsSlider .slick-arrow {
		position: absolute;
		z-index: 1;
		top: 50%;
		margin-top: -20px;
		background: var(--color-light);
		border-radius: 50%;
		box-shadow: 0 0 0 1px rgba(55, 63, 71, .04), 0 4px 4px 0 rgba(55, 63, 71, .08), 0 8px 24px 0 rgba(55, 63, 71, .16);
		transition: all 300ms linear;

		._icon {
			width: 40px;
		}
		&.slick-disabled {
			opacity: 0;
		}
	}
	.reviewsSlider .slick-prev {
		left: 0;
	}
	.reviewsSlider .slick-next {
		right: 0;
	}
}

@media (min-width: 1024px) {
	.reviewsSlider .slick-prev {
		left: -10px;
	}
	.reviewsSlider .slick-next {
		right: -10px;
	}
}

@media (hover: hover) {
	.reviewsSlider_item {
		transition: all 300ms linear;

		p {
			font-size: 16px;
		}
	}
	.reviewsSlider_item:hover {
		transform: translateY(-10px);
	}
}

/* cardOffer
*******************************************************************************/

@media screen {
	.cardOffer_images .slick-dots {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.cardOffer_images .slick-dots li {
		list-style: none;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #404040;
		opacity: 0.4;
	}
	.cardOffer_images .slick-dots li.slick-active {
		width: 9px;
		height: 9px;
		opacity: 1;
	}
	.cardOffer_images .slick-dots li button {
		display: none;
	}

	.cardOffer_main {
		display: grid;
		gap: 20px;
	}
	.cardOffer_rating {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.cardOffer_rating a {
		color: var(--color-accent);
	}
	.cardOffer_cost {
		font-size: 20px;
		font-weight: 500;
	}
	.cardOffer_main form {
		display: grid;
		gap: 20px;
	}
	.cardOffer_options {
		display: grid;
		gap: 10px;
	}
	.cardOffer_options_row {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.cardOffer_options input + div {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40px;
	  padding: 0 10px;
	  transition: all 300ms linear;
	  border: 1px solid var(--color-dark);
	}
	.cardOffer_options input + div::before,
	.cardOffer_options input + div::after {
	  display: none;
	}
	.cardOffer_options input:checked + div {
		border-color: var(--color-main);
	}
	.cardOffer_action {
		display: grid;
		gap: 15px;
	}
	.cardOffer_action .btn {
		width: 100%;
	}
	.cardOffer_callme {
		justify-self: start;
		color: var(--color-main);
		text-decoration: underline;
	}
	.cardOffer_pp {
		display: flex;
		align-items: center;
		justify-content: space-around;
		text-transform: none;
		font-size: 15px;
		letter-spacing: normal;

		._accent {
			color: var(--color-main);
			font-weight: 600;
		}
	}
	.cardOffer_city {
		display: flex;
		align-items: center;
		gap: 20px;
		color: var(--color-main);

		._current {
			font-weight: 500;
		}
		._dotted {
			font-weight: 300;
			border-bottom: 1px dotted currentColor;
		}
	}
	.cardOffer_delivery {
		display: grid;
		gap: 20px;
		margin-top: 20px;
	}
	.cardOffer_delivery_item {
		display: grid;
		align-items: center;
	  grid-template-columns: 40px 1fr;
	  gap: 20px;
	  line-height: 1.2;

	  ._icon {
	  	width: 40px;
	  	height: 40px;
	  }
	  ._text b {
	  	display: block;
	  }
	}
	.cardOffer_reviews_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 40px;
		margin-top: var(--padding-between);
		border-bottom: 1px solid var(--color-gray);

		small {
			color: var(--color-gray-dark);
			font-size: smaller;
		}
		.btn {
			height: 30px;
			padding: 0 15px;
		}
	}
	.cardOffer_reviews_total {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;
		padding: 20px 0;
		color: var(--color-gray-dark);

		._numbers {
			font-size: 18px;
			font-weight: 700;

			._big {
				display: inline-block;
				font-size: 44px;
			}
		}
		._other {
			display: grid;
			gap: 10px;
		}
		._desc {
			padding-left: 5px;
			font-size: smaller;
		}
	}
	.cardOffer_markets {
	  margin: 32px 0;
	  display: flex;
	  align-items: flex-end;
	  justify-content: center;
	  flex-wrap: wrap;
	  gap: 25px 32px;
	}
	.cardOffer_markets ._text {
	  text-align: center;
	}
	.cardOffer_markets a {
	  position: relative;
	}
	.cardOffer_markets a::before {
	  content: '';
	  display: block;
	  position: absolute;
	  inset: -20px;
	}
	.cardOffer_markets a:nth-child(2) {
	  height: 15px;
	}
	.cardOffer_markets a:nth-child(3) {
	  height: 12px;
	}
	.cardOffer_markets svg {
	  height: 100%;
	}
}

@media (max-width: 767px) {
	.cardOffer_markets ._text {
    flex: 0 0 100%;
  }
  .cardOffer_markets br {
    display: none;
  }
}

@media (max-width: 1023px) {
	.cardOffer .h1 {
		text-align: left;
	}
	.cardOffer_images {
		margin: 0 calc(var(--padding-side) * -1);
	}
	.cardOffer_thumbs {
		display: none;
	}
	.cardOffer_main {
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	.cardOffer_markets {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
  }
  .cardOffer_markets ._text {
  	text-align: left;

  	br {
  		display: none;
  	}
  }
}

@media (min-width: 1024px) {
	.cardOffer {
		margin: var(--padding-between) 0;
	}
	.cardOffer_row {
		--gap: 20px;
		--width: var(--inner-width);
		display: grid;
		gap: var(--gap);
		grid-template-columns: calc(((var(--width) - var(--gap)) / 2)) 1fr;
	}
	.cardOffer_thumbs {
		margin-top: 20px;
	}
	.cardOffer_thumbs .slick-slide {
		padding: 0 2px;
	}
	.cardOffer_thumbs .slick-slide img {
		border: 2px solid transparent;
		transition: all 300ms linear;
	}
	.cardOffer_thumbs .slick-current img {
		border-color: var(--color-main);
	}
	.cardOffer_main .h1 {
		text-align: left;
	}
	.cardOffer_markets {
    justify-content: space-between;
    gap: 30px;
    margin: 30px 0;
  }
}

@media (min-width: 1280px) {
	.cardOffer_row {
		--gap: 40px;
	}
	.cardOffer_action {
		align-items: center;
		grid-template-columns: 1fr auto;

		.cardOffer_callme {
			justify-self: end;
		}
		.cardOffer_pp {
			grid-column: 1 / -1;
		}
	}
	.cardOffer_action .btn {
		height: 50px;
	}
	.cardOffer_reviews_head {
		height: 50px;
	}
	.cardOffer_markets {}
  .cardOffer_markets ._text {
    line-height: 1;
    margin-bottom: -2px;
  }
  .cardOffer_markets a:nth-child(2) {
    height: 19px;
  }
  .cardOffer_markets a:nth-child(3) {
    height: 15px;
  }
}

/* orderBlank
*******************************************************************************/

@media screen {
	.orderBlank {
	  padding: 20px 10px;
	  background: var(--color-gray-light);
	}
	.orderBlank hr {
		margin: 20px 0;
	}
	.orderBlank_meta {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 90px 1fr;
	  gap: 20px;
	  line-height: 1.4;
	}
	.orderBlank_meta ._name {
	  color: #8C8C8C;
	  font-size: 15px;
	  text-align: right;
	}
	.orderBlank_meta ._value {
	  font-size: 18px;
	}
	.orderBlank_meta ._value._big {
	  font-size: 26px;
	  font-weight: 500;
	}
}

@media (min-width: 1024px) {
  .orderBlank {
    position: sticky;
    top: 130px;
    padding: 26px 16px 16px;
  }
  .orderBlank_meta {
    grid-template-columns: 90px 1fr;
  }
}

/* cart
*******************************************************************************/

@media screen {
	.cartMain {
		margin: var(--padding-between) 0;
	}
	.cartMain_row {
	  display: grid;
	  gap: 20px;
	  margin-top: 20px;
	}
	.cartMain_offers {
	  display: grid;
	}
	.cartMain_offer {
	  display: grid;
	  grid-template-columns: 120px 1fr;
	  gap: 10px;
	  padding: 20px 0;
	}
	.cartMain_offer + .cartMain_offer {
		border-top: 1px solid var(--color-main);
	}
	.cartMain_offer ._main {
		display: grid;
		gap: 10px;
	}
	.cartMain_side {
		display: grid;
		gap: 20px;
	}
	.cartMain_offer ._title {
		line-height: 1.2;
	}
	.cartMain_offer .offerMeta {
		margin-top: 10px;
	}
	.cartMain_offer ._pic {
	  max-height: 120px;
	}
	.cartMain_offer ._price {
		display: grid;
		align-items: center;
		grid-template-columns: 120px 1fr;
		gap: 10px;

		._summ {
			text-align: right;
		}
		._remove {
			color: #F32882;
			font-size: small;
		}
	}
	.cartMain_offer ._summ {
	  display: grid;
	  white-space: nowrap;
	  gap: 5px;
	  text-align: right;

	  ._old {
	    color: #F32882;
	    font-size: 12px;
	    text-decoration: line-through;
	  }
	  ._act {
	    font-size: 18px;
	    font-weight: 500;
	  }
	}
	.cartMain_code {
	  margin-top: 26px;
	  position: relative;
	}
	.cartMain_code input {
	  font-size: 13px;
	  padding: 0 40px 0 15px;
	}
	.cartMain_code button {
	  position: absolute;
	  top: 0;
	  right: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 40px;
	  height: 100%;
	  background: none;
	  border: none;
	}
	.cartMain_order {
	  margin-top: 16px;
	  display: grid;
	  gap: 8px;
	}
}

@media (max-width: 1023px) {
	.cartMain_offer .count {
		width: 120px;
		height: 40px;
	}
}

@media (min-width: 1024px) {
  .cartMain_row {
    grid-template-columns: 1fr 330px;
    gap: 30px;
  }
  .cartMain_side {
    position: relative;
  }
}

@media (min-width: 1280px) {
	.cartMain_row {
		gap: 40px;
	}
}

/* agree, capcha
*******************************************************************************/

@media screen {
	form .agree {
		margin-top: 10px;
	  color: var(--color-gray-dark);
	  line-height: 1.2;
	  font-size: smaller;
	}
	form .agree a {
	  text-decoration: underline;
	}
	form .agree a:hover {
	  text-decoration: none;
	}

	form .capcha {
	  margin-bottom: 15px;
	  max-width: 300px;
	}
	form .capcha img {
	  width: 100%;
	}
}

/* callme - modal
*******************************************************************************/

@media screen {
	#callme {
	  width: 476px;
	}
	#callme .h2 {
	  margin-bottom: 20px;
	}
	#callme form {
		display: grid;
		justify-items: start;
		gap: 20px;
	  margin-top: 20px;

	  label {
	  	width: 100%;
	  }
	  .agree {
	  	margin-top: 0;
	  }
	}
}

/* optMin
*******************************************************************************/

@media screen {
	.optMin {
		margin: var(--padding-between) 0 0;
	}
	.optMin_row {
	  display: grid;
	  grid-template-columns: 65px auto;
	  padding: 25px 16px 25px 5px;
	  color: var(--color-dark);
	  background: var(--color-main);
	}
	.optMin_icon {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.optMin_icon svg {
	  height: 40px;

	  path {
	  	stroke: var(--color-dark);
	  }
	}
	.optMin_title {
	  font-weight: 700;
	}
	.optMin_desc {
	  font-weight: 500;
	}
	.optMin_desc p {
		font-size: inherit;
	}
}

@media (max-width: 1279px) {
  .optMin_icon {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
  .optMin_title {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .optMin_desc {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-top: 10px;
  }
}

@media (min-width: 744px) {
  .optMin_row {
    grid-template-columns: 110px auto;
    padding: 42px 90px 42px 0;
  }
  .optMin_icon svg {
    height: 46px;
  }
  .optMin_title {
    font-size: 20px;
  }
  .optMin_desc {
    font-size: 15px;
  }
}

@media (min-width: 1280px) {
  .optMin_row {
    grid-template-columns: 110px auto auto;
    align-items: center;
    padding: 26px 0;
  }
}

/*
*******************************************************************************/

.opt .contactsBox {
	margin-top: 20px;
}

@media (min-width: 1024px) {
	.opt .contactsBox {
		margin-top: 40px;
	}
}

/* optCoop
*******************************************************************************/

@media screen {
	.optCoop {
	  margin: var(--padding-between) 0;
	  text-align: center;
	}
	.optCoop_desc {
	  margin-top: 10px;
	}
	.optCoop_row {
	  display: grid;
	  gap: 48px 24px;
	  margin-top: 48px;
	}
	.optCoop_item {
	  display: grid;
	  justify-items: center;
	  gap: 20px;
	  line-height: 1.2;
	}
	.optCoop_item ._icon {
		width: auto;
		height: auto;
	}
	.optCoop_item ._text {
	  padding: 0 10px;
	}
}

@media (max-width: 743px) {
  .optCoop .content {
    max-width: 288px;
  }
}

@media (min-width: 744px) {
  .optCoop {
    margin-top: 60px;
  }
  .optCoop_desc {
    font-size: 15px;
  }
  .optCoop_row {
    margin-top: 60px;
    grid-template-columns: repeat(3, 1fr);
  }
  .optCoop_item ._text {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .optCoop {
    margin-top: 80px;
  }
}

@media (min-width: 1280px) {
  .optCoop_row {
    grid-template-columns: repeat(3, 340px);
    justify-content: space-around;
  }
}

/* optComf
*******************************************************************************/

@media screen {
	.optComf {
	  margin: var(--padding-between) 0;
	}
	.optComf_row {
	  margin-top: 40px;
	  display: grid;
	  gap: 28px;
	}
	.optComf_item {
		position: relative;
	  background: var(--color-gray-light);

	  ._icon {
	  	aspect-ratio: 4 / 3;
			width: 100%;
			height: auto;
			opacity: 0.3;
		}
		._text {
			position: absolute;
			inset: 0;
			padding: 20px 30px;
			min-height: 100px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--color-accent);
			font-weight: 700;
			font-size: 22px;
			line-height: 1.4;
		}
	}
}

@media (min-width: 744px) {
  .optComf_row {
    grid-template-columns: repeat(3, 1fr);
  }
  .optComf_item ._text {
  	padding: 10px;
  	font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .optComf {
    margin-top: 80px;
  }
  .optComf_row {
    gap: 20px;
    margin-top: 60px;
  }
  .optComf_item ._text {
    padding: 0 20px;
    font-size: 22px;
  }
}

@media (min-width: 1280px) {
	.optComf_item ._text {
		font-size: 24px;
	}
}

/* optPartners
*******************************************************************************/

@media screen {
	.optPartners {
	  margin: var(--padding-between) 0;
	}
	.optPartners_row {
	  display: grid;
	  justify-items: center;
	  align-items: center;
	  gap: 64px;
	  margin-top: 48px;
	}
	.optPartners_item {
		max-width: 80%;
	}
}

@media (min-width: 744px) {
  .optPartners_row {
    grid-template-columns: repeat(3, 1fr);
    gap: 100px 60px;
  }
}

@media (min-width: 1024px) {
  .optPartners_row {
    margin-top: 60px;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 0;
  }
}

/* optWhy
*******************************************************************************/

@media screen {
	.optWhy {
	  margin: var(--padding-between) 0;
	}
	.optWhy_row {
	  display: grid;
	  gap: 20px;
	  margin-top: 40px;
	}
	.optWhy_item {
	  display: grid;
	  align-content: start;
	  justify-items: center;
	  gap: 32px;
	  padding: 40px 20px;
	  text-align: center;
	  background: var(--color-gray-light);
	}
	.optWhy_item ._icon {
		width: auto;
		height: auto;
	}
}

@media (min-width: 744px) {
  .optWhy_row {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
    gap: 20px;
  }
  .optWhy_item {
  	height: 100%;
  }
  .optWhy_item ._icon {
    height: 62px;
  }
  .optWhy_row {
  	margin-top: 60px;
  }
}

@media (min-width: 1280px) {
	.optWhy_row {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* warrantyIntro
*******************************************************************************/

@media screen {
	.warrantyIntro_row {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 33px 1fr;
	  gap: 16px;
	  padding: 18px 20px;
	  color: var(--color-light);
	  background: var(--color-main);

	  p {
		  margin: 0;
		  font-weight: 500;
		}
	}
}

@media (min-width: 768px) {
  .warrantyIntro_row {
    grid-template-columns: 53px 1fr;
    gap: 30px;
    padding: 30px;
  }
}

@media (min-width: 1024px) {
	.warrantyIntro {
  	margin: var(--padding-between) 0;
  }
}

@media (min-width: 1280px) {
  .warrantyIntro_row {
    gap: 20px;
  }
}

/* warrantyText
*******************************************************************************/

@media screen {

	.warrantyText h2,
	.warrantyText h3 {
		margin-top: 1em;
		text-align: left;
	}

}

/* officePlace
*******************************************************************************/

@media screen {
	.officePlace {
	  margin: var(--padding-between) 0;
	}
	.officePlace ._icon path,
	.officePlace ._icon circle {
		fill: var(--color-accent);
	}
	.officePlace .h3 {
	  margin-top: 40px;
	}
	.officePlace_meta_item {
		line-height: 1.2;

		p {
			margin: 0;
		}
	}
	.officePlace_meta ._row {
	  margin-top: 14px;
	  display: grid;
	  align-items: center;
	  grid-template-columns: 30px 1fr;
	  gap: 5px;
	}
	.officePlace_map {
	  height: 386px;
	  max-height: 70vh;
	}
}

@media (max-width: 1023px) {
  .officePlace_map {
    margin: 30px calc(var(--padding-side) * -1) 0;
  }
}

@media (min-width: 768px) {
  .officePlace .h3 {
    margin-top: 48px;
  }
  .officePlace_meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .officePlace_meta_item ._row {
    gap: 6px;
    font-size: 15px;
  }
  .officePlace_text {
  	margin-top: 40px;
  }
  .officePlace_map {
    margin-top: 40px;
    height: 568px;
  }
}

@media (min-width: 1024px) {
  .officePlace {
    overflow: hidden;
  }
  .officePlace .h3 {
    margin: 0;
    text-align: left;
  }
  .officePlace_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
  }
  .officePlace_meta {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .officePlace_map {
  	grid-column: 2 / 3;
  	grid-row: 1 / 3;
    height: 100%;
    max-height: none;
    margin: 0;
  }
}

/* autoCity
*******************************************************************************/

.autoCity {
  display: grid;
  grid-template-columns: 12px 1fr;
  align-items: center;
  gap: 10px;

  ._icon {
  	width: 100%;
  }
}

/* delivery
*******************************************************************************/

.deliveryMain .h2,
.deliveryAbout .h2 {
	margin-bottom: var(--padding-h1);
}

/* delivery_tabs
*******************************************************************************/

@media screen {
	.delivery_tabs {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  gap: 10px;
	}
	.delivery_tabs_item {
	  display: grid;
	  grid-template-columns: 14px 1fr;
	  align-items: center;
	  gap: 5px;
	  padding: 0 5px 6px;
	  font-size: 12px;
	  line-height: 8px;
	  text-transform: uppercase;
	  border-bottom: 2px solid transparent;

	  ._icon {
	  	width: 100%;
	  }
	}
	.delivery_tabs_item.active {
	  color: var(--color-main);
	  border-bottom-color: var(--color-main);
	}
}

@media (min-width: 768px) {
  .delivery_tabs {
    max-width: 836px;
    margin: 0 auto;
  }
  .delivery_tabs_item {
    grid-template-columns: 30px 1fr;
    gap: 15px;
    padding: 0 20px 20px;
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .delivery_tabs_item {
    padding: 0 38px 20px;
  }
}

/* delivery_city
*******************************************************************************/

@media screen {
	.delivery_city {
		margin-top: 20px;
	  display: grid;
	  gap: 10px;
	  padding: 10px;
	  background: var(--color-gray-light);

	  ._icon {
	  	width: 100%;
	  }
	}
	.delivery_city form > div {
		display: grid;
		gap: 10px;
	}
	.delivery_city .auto_city {
	  margin-bottom: 16px;
	}
	.delivery_city_desc li {
		list-style: none;
		line-height: 1.2;
		display: grid;
	  grid-template-columns: 12px 1fr;
	  align-items: center;
	  gap: 10px;

	  & + li {
	  	margin-top: 10px;
	  }
	}
}

@media (min-width: 768px) {
  .delivery_city {
    gap: 30px;
    margin-top: 40px;
    padding: 24px 26px;
  }
}

@media (min-width: 1024px) {
  .delivery_city {
    align-items: center;
    grid-template-columns: 1fr 1fr;
  }
}

/* delivery_desc
*******************************************************************************/

@media screen {
	.delivery_desc {
	  margin: var(--padding-between) 0;
	}
	.delivery_desc_row {
	  margin-top: 16px;
	  display: grid;
	  gap: 16px;
	}
	.delivery_desc_item {
	  display: grid;
	  grid-template-columns: 33px 1fr;
	  align-items: center;
	  gap: 16px;
	  padding: 20px;
	  color: #fff;
	  line-height: 1.4;
	  background: var(--color-main);

	  ._icon {
	  	width: 100%;
	  }
	}
	.delivery_desc_item ._text b {
	  display: block;
	}
}

@media (min-width: 768px) {
  .delivery_desc_row {
    margin-top: 20px;
  }
  .delivery_desc_item {
    grid-template-columns: 53px 1fr;
    gap: 22px;
    min-height: 150px;
    padding: 26px;
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .delivery_desc_row {
    grid-template-columns: 1fr 1fr;
  }
  .delivery_desc_item {
    min-height: 154px;
  }
}

/* delivery_services
*******************************************************************************/

@media screen {
	.delivery_services {
	  display: grid;
	  gap: 40px;
	  margin: var(--padding-between) 0;
	  line-height: 1.2;

	  p {
	  	margin: 0;
	  	font-size: inherit;
	  }
	  .sub1 {
	  	margin: 0;

	  	small {
	  		display: block;
	  		text-transform: none;
	  	}
	  }
	}
	.delivery_service_head {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 50px 1fr;
	  gap: 15px;

	  ._icon {
	  	width: 100%;
	  	max-height: 40px;
	  }
	}
	.delivery_service_price {
	  display: flex;
	  flex-direction: column;
	  gap: 20px;
	  margin-top: 20px;
	}
	.delivery_service_price ._grid {
	  display: grid;
	  grid-template-columns: 1fr min-content;
	  gap: 20px 10px;
	}
	.delivery_service_price ._value {
	  font-weight: 700;
	}
	.delivery_service_price ._foot {
		padding-top: 20px;
		border-top: 1px solid var(--color-main);
	}
}

@media (min-width: 768px) {
  .delivery_service_price ._grid {
    grid-template-columns: 1fr 1fr;
  }
  .delivery_service_price ._foot {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .delivery_services {
    grid-template-columns: 1fr 1fr;
  }
  .delivery_service {
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .delivery_service_price {
    margin-top: 50px;
  }
  .delivery_service_price ._foot {
    margin-top: auto;
  }
  .delivery_service_price ._grid {
    grid-template-columns: 54fr 46fr;
  }
  .delivery_service_price ._foot {
    grid-template-columns: 54fr 46fr;
  }
}

/* delivery_markets
*******************************************************************************/

@media screen {
	.delivery_markets {
	  margin: var(--padding-between) 0;
	}
	.delivery_markets_row {
	  margin-top: 32px;
	  display: grid;
	  gap: 48px 10px;
	}
	.delivery_markets_item {
	  display: grid;
	  justify-items: center;
	  gap: 28px;
	  text-align: center;
	  line-height: 1.4;
	}
}

@media (min-width: 744px) {
  .delivery_markets_row {
    grid-template-columns: 1fr 1fr;
  }
  .delivery_markets_item {
    gap: 34px;
    font-size: 15px;
  }
  .delivery_markets_item ._logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
  }
}

@media (min-width: 1024px) {
  .delivery_markets_row {
    margin-top: 90px;
    justify-items: center;
  }
  .delivery_markets_item {
    width: 310px;
  }
}

/* deliveryAbout
*******************************************************************************/

@media screen {
	.deliveryAbout {
		margin: var(--padding-between) 0;
	}
	.deliveryAbout_row {
	  display: grid;
	  gap: 40px;
	  text-align: center;
	}
	.deliveryAbout_item ._icon {
		width: auto;
		aspect-ratio: auto;
	}
	.deliveryAbout_item_title {
	  margin-top: 20px;
	  font-weight: 700;
	  text-transform: uppercase;
	}
	.deliveryAbout_item_text {
	  margin-top: 16px;
	  line-height: 1.2;
	}
}

@media (min-width: 768px) {
  .deliveryAbout_row {
    grid-template-columns: 1fr 1fr;
    gap: 60px 40px;
  }
  .deliveryAbout_item_icon {
    height: 76px;
  }
  .deliveryAbout_item_title {
    font-size: 15px;
  }
  .deliveryAbout_item_text {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .deliveryAbout_row {
    margin-top: 60px;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .deliveryAbout_item_text {
    margin-top: 20px;
  }
}

/* delivery_points
*******************************************************************************/

@media screen {
	.delivery_points {
	  display: grid;
	  gap: 5px;
	  margin-top: 34px;
	}
	.delivery_point {
	  background: #F9F9F9;
	}
	.delivery_point_head {
	  cursor: pointer;
	  display: grid;
	  align-items: center;
	  grid-template-columns: 1fr 15px;
	  gap: 16px;
	  padding: 16px;

	  ._logo {
	  	display: flex;
	  	align-items: center;
	  	justify-content: center;
	  }
	  ._logo [fill^="#"] {
			fill: var(--color-main);
		}
		._logo [stroke^="#"] {
			stroke: var(--color-main);
		}
	}
	.delivery_point_head ._icon {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.delivery_point_body {
	  display: none;
	  padding: 0 16px 16px;
	}
	.delivery_point_info p a {
	  color: currentColor;
	  text-decoration: underline;
	}
	.delivery_point_info p a:hover {
	  text-decoration: none;
	}
	.delivery_point_info {
	  display: grid;
	  gap: 16px;
	}
	.delivery_point_info ._text,
	.delivery_point_info ._warning {
	  padding: 20px;
	  color: #fff;
	  line-height: 1.4;
	  background: var(--color-main);
	}
	.delivery_point_info ._warning {
	  display: grid;
	  grid-template-columns: 33px 1fr;
	  align-items: center;
	  gap: 16px;
	}
	.delivery_point_map {
	  margin-top: 16px;
	  height: 300px;
	  max-height: 70vh;
	}
}

@media (max-width: 767px) {
  .delivery_point_head ._icon {
    grid-row: 1 / 3;
    grid-column: 2 / 3;
  }
}

@media (min-width: 744px) {
  .delivery_point_head {
    grid-template-columns: 72px 1fr 21px;
    gap: 20px;
    font-size: 15px;
    padding: 20px;
  }
  .delivery_point_head ._icon {
  	width: auto;
  }
  .delivery_point_body {
    padding: 0 20px 20px;
  }
}

@media (min-width: 1024px) {
  .delivery_point_head {
    gap: 30px;
    padding: 30px;
    font-size: 18px;
  }
  .delivery_point_body {
    padding: 0 30px 30px;
  }
  .delivery_point_info {
    grid-template-columns: 1fr 1fr;
  }
  .delivery_point_info ._text {
    display: grid;
    align-items: center;
  }
  .delivery_point_info ._full {
    grid-column: 1 / -1;
  }
  .delivery_point_map {
    height: 500px;
  }
}

@media (min-width: 1280px) {
  .delivery_point_head {
    font-size: 22px;
  }
}

/* admark
*******************************************************************************/

@media screen {
	.admark {
	  position: absolute;
	  top: 0;
	  right: 0;
	  /*font-family: 'Myriad Pro Condensed';*/
	  font-weight: 600;
	  text-transform: uppercase;
	}
	.admark_label {
	  padding: 7px;
	  color: #fff;
	  font-size: 11px;
	  background: #9F9F9F;
	}
	.admark_label i {
	  display: inline-block;
	  width: 12px;
	  height: 13px;
	  margin-left: 5px;
	  line-height: 13px;
	  text-align: center;
	  font-style: normal;
	  text-transform: lowercase;
	  background: #D9D9D9;
	  border-radius: 3px;
	}
	.admark_popup {
	  position: absolute;
	  top: calc(100% + 15px);
	  right: 0;
	  width: 200px;
	  padding: 12px;
	  color: #bcbcbc;
	  font-size: 13px;
	  text-align: center;
	  background: #fff;
	  box-shadow: 0 4px 6px 0 rgba(0,0,0,.1);
	  transition: all 300ms linear;
	  opacity: 0;
	  visibility: hidden;
	}
	.admark_popup::before {
	  position: absolute;
	  bottom: 100%;
	  pointer-events: none;
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  right: 20px;
	  margin: 0 0 0 -13px;
	  border: solid transparent 13px;
	  border-bottom-color: #fff;
	  z-index: 2;
	}
	.admark:hover .admark_popup {
	  opacity: 1;
	  visibility: visible;
	}
}

/* promoEvents
*******************************************************************************/

@media screen {
	.promoEvents {
		margin: var(--padding-between) 0;
	}
	.promoEvents_row {
	  display: grid;
	}
	.promoEvents_item {
	  position: relative;
	  display: grid;
	  text-align: center;
	  line-height: 1.4;
	  border: 1px solid var(--color-gray);
	}
	.promoEvents_item .admark {
		position: relative;
		display: flex;
		justify-content: flex-end;
	}
	.promoEvents_item .admark_label {
		color: var(--color-gray);
		background: none;

		i {
			color: #fff;
		}
	}
	.promoEvents_item ._pic {
		padding: 0 10px;
	}
	.promoEvents_item ._pic img {
	  width: 100%;
	}
	.promoEvents_item ._cap {
	  padding: 20px;
	}
	.promoEvents_item ._date {
	  color: var(--color-pink);
	  font-size: 15px;
	  font-weight: 700;
	}
	.promoEvents_item ._title {
	  color: #4C4D4F;
	  font-size: 15px;
	  font-weight: 700;
	}
	.promoEvents_item ._text {
	  margin-top: 16px;
	  font-size: 15px;
	}
}

@media (max-width: 479px) {
	.promoEvents_item:not(:first-child) {
		border-top: 0;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.promoEvents_item:nth-child(n + 3) {
		border-top: 0;
	}
	.promoEvents_item:nth-child(2n) {
		border-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.promoEvents_item:nth-child(n + 4) {
		border-top: 0;
	}
	.promoEvents_item:nth-child(3n + 1) {
		border-left-width: 1px;
	}
}

@media (min-width: 480px) {
  .promoEvents_row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) {
  .promoEvents_row {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .promoEvents_item {
		border-left-width: 0;
	}
}

@media (min-width: 1024px) {
  .promoEvents_row {
    grid-template-columns: repeat(4, 1fr);
  }
  .promoEvents_item:nth-child(n + 5) {
		border-top: 0;
	}
  .promoEvents_item:nth-child(4n + 1) {
		border-left-width: 1px;
	}
}

/* noveltyGrid
*******************************************************************************/

@media screen {
	.noveltyGrid {
		margin: var(--padding-between) 0;
	}
	.noveltyGrid_row {
	  display: grid;
	  gap: 40px;
	}
	.noveltyGrid_item {
	  display: grid;
	  gap: 10px;
	}
	.noveltyGrid_item ._pic {
	  /*aspect-ratio: 340 / 230;
	  border-radius: 20px;
	  overflow: hidden;*/
	}
	.noveltyGrid_item ._title {
	  font-weight: 700;
	  text-align: center;
	}
}

@media (min-width: 768px) {
  .noveltyGrid_row {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .noveltyGrid_item ._title {
    font-size: 15px;
  }
}

@media (min-width: 1280px) {
	.noveltyGrid_row {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* legal
*******************************************************************************/

@media screen {
	.legal {
		margin: var(--padding-between) 0;
	}
	.legal_row {
	  display: grid;
	  gap: 40px;
	}
	.legal_menu {
	  display: grid;
	  gap: 20px;
	  line-height: 1.2;
	}
	.legal_menu_item.current {
	  color: var(--color-main);
	}
	.legal_main .h2 {
		text-align: left;
	}
	.legal_main p a {
	  color: currentColor;
	  text-decoration: underline;
	}
}

@media (max-width: 767px) {
	.legal_side {
		padding-bottom: 40px;
		border-bottom: 1px solid var(--color-main);
	}
}

@media (min-width: 768px) {
  .legal_row {
    grid-template-columns: 220px 1fr;
    gap: 20px;
  }
  .legal_menu {
  	position: sticky;
  	top: 90px;
  }
  .legal_main {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
	.legal_menu {
		top: 120px;
	}
}

@media (min-width: 1280px) {
	.legal_row {
    grid-template-columns: 280px 1fr;
    gap: 40px;
  }
}

/* reviews
*******************************************************************************/

@media screen {
	.reviewsMain {
		margin: var(--padding-between) 0;
	}
}

/* add_review - modal
*******************************************************************************/

@media screen {
	#add_review .h2 {
	  margin-bottom: 40px;
	}
	#add_review ._anonimus {
	  margin-top: 32px;
	  display: grid;
	  gap: 16px;
	  color: #8C8C8C;
	}
	#add_review ._anonimus input + div::before {
	  border-color: #C2C2C2;
	}
	#add_review button[type="submit"] {
	  margin-top: 16px;
	  width: 248px;
	  height: 45px;
	}
}

@media (min-width: 744px) {
  #add_review {
    padding-bottom: 42px;
  }
}

/* filters
*******************************************************************************/

@media screen {
  .filters_item_title {
    font-size: 15px;
    line-height: 1;
  }
  .filters_range ._interface {
    margin: 12px 12px 24px;
  }
  .filters_range ._values {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
  }
  .filters_range .noUi-handle.active {
  	border-color: var(--color-main);
  }
  .filters_box:not(:first-child) {
  	border-top: 1px solid var(--color-main);
  }
  .filters_box_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;

	  ._icon {
	    cursor: pointer;
	    flex: 0 0 30px;
	    padding: 8px;
	    transition: all 300ms linear;

	    path {
	    	fill: #000;
	    }
	    .filters_box.shown & {
	    	rotate: 180deg;
	    }
	  }
	  .sub1 {
	    cursor: pointer;
	  }
	  ._reset {
	    margin: 0 auto 0 10px;
	    background: none;
	    color: var(--color-main);
	    font-size: smaller;
	    font-weight: 500;
	    transition: all 300ms linear;
	    opacity: 0;
	    visibility: hidden;

		  .filters_box.shown & {
		    opacity: 1;
		    visibility: visible;
		  }
	  }
  }
  .filters_box_body {
    display: none;
    padding: 0 0 20px;
  }
  .filters_box_body ._checkboxes {
    display: grid;
    gap: 20px;
    margin-top: 10px;

    input + div::before {
    	border-color: var(--color-main);
    }
    input:checked + div {
    	font-weight: 700;
    	text-decoration: underline;
    }
  }
}

/* catalog
*******************************************************************************/

@media screen {
/*	.catalog {
		margin: var(--padding-between) 0;
	}*/
	.catalog .inner {
		display: grid;
		gap: var(--padding-h1);
	}
	.catalog_search {
		display: flex;
		justify-content: center;

		form {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 300px;
		}
		input {
			height: 44px;
			border-color: var(--color-main);
			border-right: 0;
		}
		button {
			width: 90px;
			height: 44px;
			padding: 10px;

			path {
				stroke: var(--color-light);
			}
		}
	}
	.catalog_tools {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px 10px;

		.btn {
			padding: 0 10px;
			justify-content: start;
			letter-spacing: normal;
			text-transform: none;
			font-size: inherit;
		}
		._icon {
			padding: 3px;
		}
		select {
			width: auto;
			border-color: var(--color-main);
		}
	}
	.catalog_toggle_catList,
	.catalog_toggle_filters {
	  display: flex;
	  align-items: center;
	  gap: 8px;
	}
	.catalog_nav {
		margin-top: var(--padding-between);
		display: grid;
		gap: var(--padding-side);
	}
	.catalog_nav_more,
	.catalog_nav_more .btn {
		width: 100%;
		height: 44px;
	}
}

@media (max-width: 1023px) {
	.catalog_searchResultCount {
		grid-column: 1 / -1;
	}

  .catalog_side {
		opacity: 0;
		visibility: hidden;
		transition: all 300ms linear;
		position: relative;
		z-index: 10;
	}
	.catalog_side_bg {
		position: fixed;
		inset: 0;
		background: rgba(230, 230, 230, 0.6);
	}
	.catalog_side_window {
		position: fixed;
		inset: 0 auto 0 0;
		width: 350px;
		max-width: 95%;
		transition: all 250ms cubic-bezier(.165,.84,.44,1);
		background: #fff;
		transform: translateX(-100%);
		z-index: 1;

		.catalog_side.shown & {
			opacity: 1;
			visibility: visible;
			transform: translateX(0);
		}
	}
	.catalog_side.shown {
		opacity: 1;
		visibility: visible;
	}
	.catalog_side_head,
	.catalog_side_body {
		background: #fff;
	}
	.catalog_side_head {
		display: flex;
		align-items: center;
		justify-content: end;
		height: var(--head-height);
		padding: 0 20px;

		.catalog_side_close path {
			stroke: var(--color-accent);
		}
	}
	.catalog_side_body {
		height: calc(var(--jsh) - var(--head-height));
		padding: 0 20px 20px;
		overflow: auto;

		& > hr {
			margin-bottom: 20px;
		}
	}
}

@media (min-width: 1024px) {
  .catalog_row {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--padding-side);
  }
  .catalog_tools {
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  }
  .catalog_searchResultCount {
    display: flex;
    align-items: center;
    margin: 0;
  }
  .catalog_main .someOffers_row {
  	grid-template-columns: 1fr 1fr 1fr;
  }
  .catalog_side_head,
  .catalog_side_body > hr,
	.catalog_toggle_filters,
	.catalog_side_mobHead,
  .close_mob_filters {
    display: none !important;
  }
}

@media (min-width: 1280px) {
	.catalog_row {
		grid-template-columns: 260px 1fr;
	}
  .catalog_main .someOffers_row {
  	grid-template-columns: repeat(4, 1fr);
  }
}

/* compareCats
*******************************************************************************/

@media screen {
	.compareCats {
		margin-top: var(--padding-between);
		font-size: smaller;
	}
	.compareCats_cover {
		margin-top: var(--padding-h1);
	}
	.compareCats_inner {
	  z-index: 1;
	}
	.compareCats_row {
	  display: flex;
	  gap: 10px;
	  border-bottom: 1px solid #8C8C8C;
	}
	.compareCats_item {
	  margin-bottom: -1px;
	  padding: 0 0 15px;
	  line-height: 14px;
	  white-space: nowrap;
	  border-bottom: 1px solid #8C8C8C;
	}
	.compareCats_item.current {
	  color: var(--color-main);
	  border-bottom-color: var(--color-main);
	}
	.compareCats_clear {
	  display: flex;
	  align-items: center;
	  gap: 0.3em;
	  padding: 10px;
	  background: #FAFAFA;
	  border-radius: 40px;

	  svg {
	  	margin-left: 5px;
	  }
	}
}

@media (max-width: 767px) {
  .compareCats_cover {
    position: relative;
  }
  .compareCats_cover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #8C8C8C;
  }
  .compareCats_inner {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    margin: 0 calc(var(--padding-side) * -1);
    padding: 0 var(--padding-side);
    height: 30px;
  }
  .compareCats_row {
    position: absolute;
    top: 0;
    left: var(--padding-side);
  }
  .compareCats_row::after {
    content: '';
    display: block;
    flex: 0 0 1px;
    height: 1px;
  }
  .compareCats_clear {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 12px;
  }
  .compareCats_clear span {
    display: none;
  }
}

@media (min-width: 768px) {
  .compareCats_cover {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .compareCats_row {
    gap: 20px;
  }
  .compareCats_clear {
    margin-top: -14px;
  }
}

/* compareOffers
*******************************************************************************/

@media screen {
	.compareOffers {
	  margin-top: 70px;
	}
	.compareOffers_head {
	  position: relative;
	  padding-bottom: 54px;
	}
	.compareOffers_diff {
	  position: absolute;
	  bottom: 20px;
	  left: 0;
	  margin: 0;
	  white-space: nowrap;
	  z-index: 1;
	}
	.compareOffers_diff input[type="checkbox"] {
	  display: none;
	}
	.compareOffers_diff input[type="checkbox"] + div {
	  padding: 0 52px 0 0;
	  line-height: 24px;
	}
	.compareOffers_diff input[type="checkbox"] + div::after,
	.compareOffers_diff input[type="checkbox"] + div::before {
	  content: '';
	  display: block;
	  border: none;
	  position: absolute;
	  left: auto;
	}
	.compareOffers_diff input[type="checkbox"] + div::after {
	  top: 4px;
	  right: 22px;
	  width: 16px;
	  height: 16px;
	  background: #D6D6D6;
	  border-radius: 50%;
	  z-index: 1;
	  opacity: 1;
	  visibility: visible;
	  transition: all 300ms linear;
	}
	.compareOffers_diff input[type="checkbox"] + div::before {
	  top: 0;
	  right: 0;
	  width: 42px;
	  height: 24px;
	  border-radius: 15px;
	  background: #F1F1F1;
	}
	.compareOffers_diff input[type="checkbox"]:checked + div::after {
	  right: 4px;
	  background: var(--color-main);
	}

	.compareOffers .slick-slide {
		position: relative;

		.offerTools {
			position: absolute;
			top: 10px;
			right: 10px;
		}
	}
	.compareOffers_body {
	  display: grid;
	  gap: 20px;
	}
	.compareOffers_prop {
	  display: grid;
	  gap: 5px;
	}
	.compareOffers_prop._hide {
	  position: absolute;
	  opacity: 0;
	  visibility: hidden;
	}
	.compareOffers_prop_name {
	  font-weight: 700;
	}

	/*.compareOffers .offer_pics_list {
	  border: none !important;
	}*/
}

@media (max-width: 767px) {
  .compareOffers_mobCat {
    font-size: 22px;
    text-transform: uppercase;
  }
  .compareOffers_mobRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
  }
  .compareOffers_row,
  .compareOffers_prop_values {
    position: relative;
    width: calc((100vw - (var(--padding-side) * 2) - 20px) / 2);
  }
  .compareOffers_cat {
    display: none;
  }
  .compareOffers_head {
    background: #fff;
    z-index: 2;
    transition: all 300ms linear;
  }
  .compareOffers_diff {
    transition: all 300ms linear;
  }
  .compareOffers_row._clone .compareOffers_head {
    z-index: 1;
  }
  .compareOffers_list {
    margin: 0 -10px;
  }
  .compareOffers_list .slick-track {
  	display: grid;
  	grid-auto-flow: column;
  }
  .compareOffers_list .slick-slide {
  	height: 100%;
    border: 10px solid #fff;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
  }
  .compareOffers_row._clone .compareOffers_prop_name {
    opacity: 0;
  }
}

@media (max-width: 767px) and (orientation: portrait) and (min-height: 150vw) {
  .compareOffers_head {
    position: sticky;
    top: 60px;
  }
  .compareOffers_row._clone .compareOffers_head::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: calc(var(--padding-side) * -1);
    width: 100vw;
    height: 100%;
    background: #fff;
    box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
    transition: all 300ms linear;
    opacity: 0;
  }
  .compareOffers_row._clone .compareOffers_head._scrolled::before {
    opacity: 1;
  }
  .compareOffers_head._scrolled {
    padding: 10px 0;
  }
  .compareOffers_head._scrolled .compareOffers_diff {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .compareOffers {
    font-size: 15px;
  }
  .compareOffers .slick-slide {
    padding: 0 10px 10px !important;
  }
  /*.compareOffers .offer_pics {
    margin: 0 -10px;
  }*/
  .compareOffers_mobCat {
    display: none;
  }
  .compareOffers_head,
  .compareOffers_prop {
    display: grid;
    grid-template-columns: 216px 1fr;
    gap: 24px;
    margin-right: calc(var(--padding-side) * -1);
  }
  .compareOffers_head {
    padding-bottom: 40px;
  }
  .compareOffers_meta {
    position: relative;
  }
  .compareOffers_cat {
    font-size: 26px;
    text-transform: uppercase;
  }
  .compareOffers_diff {
    bottom: 0;
    right: 0;
    left: auto;
  }
  .compareOffers_list,
  .compareOffers_prop_values {
    margin-right: -24px;
  }
  .compareOffers_list .offer {
    border-right: 24px solid #fff;
  }
  .compareOffers_prop_name {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .compareOffers_head,
  .compareOffers_prop {
    grid-template-columns: 285px 1fr;
  }
  .compareOffers_cat {
    font-size: 32px;
  }
  .compareOffers_list .slick-slide,
  .compareOffers_prop_value {
    width: 305px;
    border-right-width: 20px;
  }
  .compareOffers_body {
    gap: 0;
  }
  .compareOffers_prop {
    padding: 19px 0;
  }
}

@media (min-width: 1280px) {
  .compareOffers {
    overflow: hidden;
  }
  .compareOffers_meta,
  .compareOffers_prop_name {
    background: #fff;
    z-index: 1;
  }
  .compareOffers_list > .slick-list,
  .compareOffers_prop_values > .slick-list {
    overflow: visible;
    position: relative;
  }
  .compareOffers_list > .slick-list::before,
  .compareOffers_prop_values > .slick-list::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    width: 100vw;
    height: 100%;
    background: #fff;
    z-index: 1;
  }
}

@media (hover: hover) {
  .compareOffers_list .slick-slide {
    cursor: e-resize;
  }
  .compareOffers_list .slick-list {
    margin: -10px 0 !important;
    padding: 10px 0 !important;
  }
  .compareOffers_list .slick-slide:hover {
    /*width: 325px;*/
    margin: 0 !important;
  }
}

/*
*******************************************************************************/

@media screen {
	.faq {
		margin: var(--padding-between) 0;

		p {
			font-size: inherit;
		}
	}
	.faq_row {
	  display: grid;
	  gap: var(--padding-h1);
	  margin-top: var(--padding-h1);
	}
	.faq_items {
	  margin-top: 16px;
	  display: grid;
	  gap: 10px;
	}
	.faq_items_col {
	  display: grid;
	  gap: 10px;
	}
	.faq_item {
	  height: 100%;
	}
	.faq_item_head {
	  cursor: pointer;
	  display: grid;
	  grid-template-columns: 1fr 28px;
	  align-items: center;
	  gap: 10px;
	  padding: 16px;
	  background: #F7F7F7;
	}
	.faq_item_head ._icon path:last-child {
	  transition: all 300ms linear;
	}
	.faq_item_head.active ._icon path:last-child {
	  opacity: 0;
	}
	.faq_item_body {
	  display: none;
	  padding: 16px;
	  background: #F7F7F7;
	}
}

@media (min-width: 768px) {
  .faq_row {}
  .faq_items {
    margin-top: 24px;
  }
  .faq_item_head {
    padding: 16px 16px 16px 20px;
  }
  .faq_item_body {
    padding: 16px 20px;
  }
}

@media (min-width: 1024px) {
	.faq .h2 {
		text-align: left;
	}
  .faq_items {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    gap: 5px 20px;
  }
  .faq_item_head {
    min-height: 68px;
  }
}

/* contactsInfo
*******************************************************************************/

@media screen {
	.contactsInfo {
		margin: var(--padding-between) 0;
	}
	.contactsInfo ._desc {
	  color: var(--color-gray-dark);
	}
	.contactsInfo_row {
	  display: grid;
	  gap: 40px;
	}
	.contactsInfo_tel {
	  display: grid;
	  gap: 20px;

	  a {
	  	font-size: 22px;
	  }
	}
	.contactsInfo_tel ._item {
	  display: grid;
	  gap: 5px;
	}
	.contactsInfo_mes {
	  display: grid;
	  gap: 20px;
	}
	.contactsInfo_mes a {
	  display: grid;
	  grid-template-columns: 22px 1fr;
	  align-items: center;
	  gap: 18px;
	  text-align: left;
	}
	.contactsInfo_soc {
	  display: flex;
	  align-items: center;
	  justify-content: space-around;
	  flex-wrap: wrap;
	  gap: 20px;

	  ._icon {
		  width: 40px;
		}
	  ._desc {
		  flex: 0 0 100%;
		}
	}
}

@media (max-width: 767px) {
  .contactsInfo {
    text-align: center;
  }
  .contactsInfo_mes {
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .contactsInfo_row {
    align-items: start;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
  }
  .contactsInfo_tel > ._desc {
    margin-right: -100px;
  }
  .contactsInfo_mes a {
    margin-top: 19px;
  }
  .contactsInfo_mes ._icon {

  	width: 22px;
  }
  .contactsInfo_soc {
    margin-top: 23px;
    justify-content: space-between;
    gap: 28px 32px;
  }
}

@media (min-width: 1024px) {
  .contactsInfo_row {
    gap: 80px;
  }
  .contactsInfo_tel {
    gap: 28px;
  }
  .contactsInfo_tel ._item {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 30px;
  }
  .contactsInfo_mes {
    gap: 28px;
    font-size: 22px;
  }
  .contactsInfo_mes a {
    margin-top: 0;
  }
  .contactsInfo_soc {
    margin-top: 0;
    justify-content: flex-start;
    gap: 18px 32px;
  }
  .contactsInfo_soc ._desc {
    line-height: 28px;
  }
}

/* user
*******************************************************************************/

@media screen {
	.user {
		margin: var(--padding-between) 0;
	}
	.user_main {
	  display: grid;
	  gap: 30px;
	}
	.user_block_head {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 10px 1fr;
	  gap: 12px;
	  padding: 15px 0;
	  font-size: 15px;

	  ._icon {
	  	width: 100%;
	  }
	  .h3 {
	  	text-align: left;
	  }
	}
	.user .review {
	  grid-template-columns: 100px 145px;
	}
	.user .review_meta {
	  height: 100px;
	  display: flex;
	  flex-direction: column;
	}
	.user .review_stars {
	  margin-bottom: auto;
	}
	.user .review_offer {
	  display: block;
	}
}

@media (max-width: 1023px) {
  .user .review_main {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .user_side {
    display: none;
  }
}

@media (min-width: 768px) {
  .user_row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .user_row {
    grid-template-columns: 290px 1fr;
  }
  .user .review {
    grid-template-columns: 145px 1fr;
    gap: 20px;
  }
  .user .review_meta {
    height: auto;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
  }
  .user .review_main {
    align-items: start;
    align-content: start;
    grid-row: 1 / 3;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
}

@media (min-width: 1280px) {
  .user .review {
    gap: 20px 40px;
  }
  .user .review_main {
    grid-row: 1 / 3;
  }
}

/* user_menu
*******************************************************************************/

@media screen {
	.user_menu {
	  display: grid;
	  gap: 26px;
	}
	.user_menu_item {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 7px 1fr;
	  gap: 14px;
	  font-size: 15px;

		._icon {
			width: 10px;

			path {
			  fill: #C2C2C2;
			}
		}
		&._current {
		  color: var(--color-main);

		  ._icon path {
			  fill: var(--color-main);
			}
		}
	}
}

@media (hover: hover) {
  a.user_menu_item ._icon svg {
    transition: all 300ms linear;
  }
  a.user_menu_item:hover ._icon svg {
    transform: translateX(5px);
  }
}

/* user_intro
*******************************************************************************/

@media screen {
	.user_intro_row {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 83px 1fr 90px;
	  gap: 20px;

	  ._icon {
	  	width: 100%;
	  }
	}
	.user_intro_text {
	  display: grid;
	  gap: 1em;
	  font-size: 15px;
	  line-height: 1.4;
	}
	.user_intro_text ._title,
	.user_intro_discount ._title {
	  color: #C2C2C2;
	}
	.user_intro_discount {
		align-self: start;
		font-size: 15px;
	  line-height: 1.4;

	  ._text {
	  	color: var(--color-main);
	  	font-size: 32px;
	  	font-weight: 700;
	  }
	}
	.user_intro_act {
	  margin-top: 24px;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}
	.user_intro_act .btn {
	  height: 24px;
	  padding: 0 16px;
	  border-radius: 24px;
	  font-size: 10px;
	  font-weight: 400;
	}
	.user_intro_act .btn:last-child {
	  padding: 0 12px;
	}
}

@media (max-width: 767px) {
  .user._intro .user_history_title {
    display: none;
  }
}

@media (min-width: 768px) {
  .user_intro_row {
    align-items: start;
    grid-template-columns: 96px auto 1fr;
    gap: 24px;
  }
  .user_intro_text,
  .user_intro_discount ._title {
    font-size: 22px;
  }
  .user_intro_text ._text {
    font-size: 20px;
  }
  .user_intro_discount {
  	padding-left: 20px;
  }
  .user_intro_discount ._text {
  	font-size: 42px;
  	line-height: 1;
  }
  .user_intro_act,
  .user._intro .user_discount,
  .user._intro .user_history_item._old,
  .user._intro .user_history .user_block_head,
  .user._intro .user_receipt .user_block_head,
  .user._intro .user_addresses,
  .user._intro .user_reviews,
  .user._intro .user_mailing {
    display: none;
  }
  .user._intro .user_history_title {
    font-size: 20px;
  }
}

/* user_profile
*******************************************************************************/

@media screen {
	.user_profile form {
		display: grid;
		gap: 10px;
	}
	.user_profile .btn {
	  margin-top: 10px;
	  width: 190px;
	  height: 44px;
	}
}

@media (min-width: 1024px) {
  .user_profile form {
    max-width: 390px;
  }
}

/* user_password
*******************************************************************************/

@media screen {
	.user_password_atantion {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 41px 1fr;
	  gap: 20px;
	  padding: 20px;
	  line-height: 1.6;
	  border-radius: 5px;
	  box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);

	  ._icon {
	  	width: 41px;
	  }
	}
	.user_password form {
	  margin-top: 20px;
	  display: grid;
	  gap: 10px;
	}
	.user_password .btn {
	  width: 190px;
	  height: 44px;
	}
}

@media (min-width: 768px) {
  .user_password_atantion {
    gap: 40px;
    width: 390px;
    padding: 36px 40px;
    font-size: 15px;
  }
  .user_password form {
    width: 390px;
  }
}

/* user_discount
*******************************************************************************/

@media screen {
	.user_discount_stat {
	  display: grid;
	  gap: 10px;
	}
	.user_discount_stat ._item {
	  display: grid;
	  align-items: center;
	  grid-template-columns: 30px 1fr;
	  gap: 30px;
	  padding: 16px 30px;
	  color: var(--color-light);
	  background: var(--color-main);
	  border-radius: 5px;
	}
	.user_discount_stat ._text {
	  line-height: 1.4;
	}
	.user_discount_stat ._text b {
	  display: block;
	}
	.user_discount_road {
	  margin-top: 16px;
	}
	.user_discount_road_row {
	  margin-top: 16px;
	  gap: 10px;
	}
	.user_discount_road_row ._item {
	  display: grid;
	}
	.user_discount_road_row ._item_pct {
	  color: var(--color-main);
	  font-weight: 700;
	}
	.user_discount_faq {
	  margin-top: 20px;
	}
	.user_discount .faq_items_col {
	  margin-top: 20px;
	}
}

@media (max-width: 1023px) {
  .user_discount_road_row {
    display: grid;
    justify-items: center;
    padding: 22px;
    border-radius: 5px;
    box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
  }
  .user_discount_road_row ._item {
    grid-template-columns: 100px 40px;
    gap: 18px;
    align-items: center;
    line-height: 1;
  }
  .user_discount_road_row ._item_price {
    text-align: right;
  }
}

@media (min-width: 768px) {
	.user_discount .h3 {
		text-align: left;
	}
  .user_discount_stat {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .user_discount_stat ._item {
    padding: 16px 20px;
    gap: 15px;
  }
  .user_discount_road {
    margin-top: 40px;
    font-size: 15px;
  }
  .user_discount_faq {
    margin-top: 40px;
  }
}

@media (min-width: 1024px) {
  .user_discount_stat {
    width: 590px;
    gap: 20px;
  }
  .user_discount_stat ._item {
    padding: 16px 30px;
    gap: 30px;
  }
  .user_discount_road_row {
    display: flex;
    justify-content: space-between;
    gap: 0;
    margin-top: 30px;
    position: relative;
    border-top: 3px solid var(--color-gray);
  }
  .user_discount_road_progress {
  	position: absolute;
  	top: -3px;
  	left: 0;
  	height: 3px;
  	background: var(--color-main);
  }
  .user_discount_road_row ._item {
  	flex: 1 1 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    padding-top: 20px;
    position: relative;
    text-align: center;

    &::before {
    	content: '';
    	display: block;
    	width: 7px;
    	aspect-ratio: 1 / 1;
    	position: absolute;
    	top: -5px;
    	left: 50%;
    	margin-left: -4px;
    	border-radius: 50%;
    	background: var(--color-gray);
    }
    &._active::before {
    	background: var(--color-main);
    }
    .user_discount_road_progress + & {
    	text-align: left;

    	&::before {
    		left: 0;
    		margin-left: -1px;
    	}
    }
    &:last-child {
    	text-align: right;

    	&::before {
    		left: auto;
    		right: 0;
    		margin-left: 0;
    		margin-right: -1px;
    	}
    }
  }
  .user_discount_road_row ._item_pct {
    font-size: 22px;
  }
}

@media (min-width: 1280px) {
  .user_discount_road_row {
    gap: 8px;
    justify-content: space-between;
  }
  .user_discount_road_row ._item {
    padding: 20px 28px 20px 30px;
  }
}

/* .user_history - list
*******************************************************************************/

@media screen {
	.user_history_row {
	  display: grid;
	  gap: 20px;
	}
	.user_history_item {
	  padding: 24px 16px 18px;
	  border-radius: 5px;
	  box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
	}
	.user_history_item._old {
	  color: #C2C2C2;
	}
	.user_history_item ._head {
	  position: relative;
	  display: flex;
	  flex-wrap: wrap;
	  align-items: center;
	  justify-content: space-between;
	  gap: 18px 0;
	}
	.user_history_item ._head_date {
	  flex-grow: 1;
	  padding: 0 10px;
	  color: #C2C2C2;
	}
	.user_history_item ._head_status {
	  padding: 8px 14px;
	  font-size: 11px;
	  font-weight: 700;
	  line-height: 1;
	  background: #E2E2E2;
	  border-radius: 24px;
	}
	.user_history_item ._head_status._ok {
	  color: #3B9710;
	  background: #C2ECAE;
	}
	.user_history_item ._head_price {
	  flex-grow: 1;
	  display: flex;
	  margin-left: 10px;
	  border-top: 1px solid #E2E2E2;
	}
	.user_history_item ._head_paid {
	  flex-grow: 1;
	  display: flex;
	  align-items: flex-end;
	  justify-content: flex-end;
	  height: 27px;
	  padding: 0 10px 1px 0;
	  font-weight: 600;
	  line-height: 1;
	}
	.user_history_item ._head_paid._yes {
	  color: #3B9710;
	}
	.user_history_item ._head_cost {
	  display: flex;
	  align-items: flex-end;
	  height: 27px;
	  font-size: 16px;
	  line-height: 1;
	}
	.user_history_item ._body {
	  margin-top: 20px;
	}
	.user_history_item ._body_date {
	  line-height: 1.6;
	}
	.user_history_item ._body_date_title {
	  color: #C2C2C2;
	}
	.user_history_item ._body_date_value {
	  font-weight: 700;
	}
	.user_history_item ._offers {
	  position: relative;
	  margin-top: 10px;
	  display: flex;
	  width: 254px;
	  gap: 10px;
	}
	.user_history_item ._offers img {
	  flex: 0 0 56px;
	  height: 56px;
	}
	.user_history_item ._offers_count {
	  position: absolute;
	  top: 0;
	  right: 0;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  aspect-ratio: 1 / 1;
	  font-size: 22px;
	  font-weight: 700;
	  color: #4C4D4F;
	  background: rgba(255, 255, 255, 0.7);
	}
}

@media (max-width: 767px), (min-width: 1024px) {
  .user_history_item ._offers img:nth-child(n+5) {
    display: none;
  }
}

@media (min-width: 500px) {
  .user_history_item ._head_price {
    flex: 0 0 100%;
    margin: 0;
  }
}

@media (min-width: 767px) and (max-width: 1023px) {
  .user_history_item ._offers {
    width: 140px;
  }
  .user_history_item ._offers img:nth-child(n+3) {
    display: none;
  }
}

@media (min-width: 768px) {
  .user_history_row {
    margin-top: 20px;
  }
  .user_history_item {
    padding-top: 12px;
  }
  .user_history_item ._head {
    position: relative;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .user_history_item ._head::after {
    content: '';
    display: block;
    width: calc(100% - 100px);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #E2E2E2;
  }
  .user_history_item ._head_status {
    position: absolute;
    left: 0;
    top: 100%;
  }
  .user_history_item ._head_price {
    flex: 0 0 auto;
    flex-direction: column-reverse;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
    border: none;
  }
  .user_history_item ._head_paid,
  .user_history_item ._head_cost {
    height: auto;
    padding: 0;
  }
  .user_history_item ._head_cost {
    font-size: 20px;
  }
  .user_history_item ._body {
    margin-top: 22px;
    display: grid;
    align-items: end;
    grid-template-columns: 1fr 140px;
  }
  .user_history_item ._offers {
    justify-content: flex-end;
    margin: 0;
  }
  .user_history_item ._offers img {
    flex: 0 0 65px;
    height: 65px;
  }
  .user_history_item ._body_date {
    line-height: 1.8;
  }
}

@media (min-width: 1024px) {
  .user_history_item ._head_title {
    font-size: 15px;
  }
  .user_history_item ._head_price {
    flex-direction: row;
    gap: 14px;
  }
  .user_history_item ._head_cost {
    font-size: 22px;
  }
  .user_history_item ._body {
    grid-template-columns: 1fr 290px;
  }
  .user_history_item ._offers {
    width: 290px;
  }
  .user_history_item ._body_date {
    font-size: 15px;
    line-height: 1.6;
  }
}

/* user_history - single
*******************************************************************************/

@media screen {
	.user_history ._single {
	  padding: 24px 16px 18px;
	  border-radius: 5px;
	  box-shadow: 0 4px 34px 12px rgba(0, 0, 0, .04);
	}
	.user_history ._single hr {
	  width: 100%;
	  height: 1px;
	  margin: 20px 0;
	  background: #E2E2E2;
	}
	.user_history ._single_title {
	  margin-bottom: 20px;
	  font-size: 13px;
	}
	.user_history ._single_details {
	  line-height: 1.6;
	}
	.user_history ._single_details th {
	  padding-right: 20px;
	  color: #C2C2C2;
	  text-align: left;
	}
	.user_history ._single_details td {
	  font-weight: 700;
	}
	.user_history ._single_acts {
	  display: flex;
	  align-items: center;
	  gap: 26px;
	  margin-top: 20px;
	}
	.user_history ._single_acts ._main {
	  padding: 0 20px;
	}
	.user_history ._single_offers {
	  display: grid;
	  gap: 24px;
	}
	.user_history ._single_offers_item {
	  display: grid;
	}
	.user_history ._name {
	  color: #C2C2C2;
	}
	.user_history ._value {
	  font-size: larger;
	  font-weight: 600;
	}
	.user_history ._single_total tr:last-child td {
	  font-size: 18px;
	  font-weight: 600;
	}
	.user_history ._single_total th {
	  width: 100%;
	  padding-right: 10px;
	  line-height: 20px;
	  color: #8C8C8C;
	  text-align: right;
	}
	.user_history ._single_total td {
	  white-space: nowrap;
	  line-height: 20px;
	}
	.user_history ._back {
	  margin-top: 24px;

	  ._icon {
	  	width: 12px;
	  }
	}
	.user_history ._back a {
	  display: inline-flex;
	  align-items: center;
	  gap: 22px;

	  ._text {
	    display: flex;
	    align-items: center;
	    height: 40px;
	    padding: 0 20px;
	    border-radius: 20px;
	    background: #F7F7F7;
	  }
	}
}

@media (max-width: 1023px) {
  .user_history ._single_offers_item {
    gap: 10px 20px;
    grid-template-columns: 80px 1fr;
  }
  ._single_offers_item > ._title {
    grid-column: 1 / 3;
  }
  ._single_offers_item > ._pic {
    width: 80px;
    grid-row: span 3;
  }
  ._single_offers_item > ._cost,
  ._single_offers_item > ._count,
  ._single_offers_item > ._summ {
    display: flex;
    gap: 6px;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .user_history ._single {}
  .user_history ._single hr {
    margin: 30px 0;
  }
  .user_history ._single_title {
    margin-bottom: 30px;
    font-size: 15px;
  }
  .user_history ._single_details {
    font-size: 15px;
  }
  .user_history ._single_details th {
    padding-right: 50px;
    white-space: nowrap;
  }
  .user_history ._single_acts {
    gap: 28px;
    margin-top: 38px;
  }
  .user_history ._single_acts ._main {
    width: 252px;
    height: 58px;
    font-size: 15px;
  }
  .user_history ._single_offers {}
  .user_history ._single_offers_item {
    align-items: center;
    grid-template-columns: 100px 1fr auto auto 100px;
    gap: 30px;
  }
  ._single_offers_item > ._title {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    font-size: 15px;
    line-height: 1.6;
  }
  ._single_offers_item > ._pic {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  .user_history ._name {
    font-size: 13px;
  }
  .user_history ._value {
    font-size: 15px;
  }
  ._single_offers_item > ._cost,
  ._single_offers_item > ._count {
    text-align: center;
  }
  ._single_offers_item > ._cost,
  ._single_offers_item > ._count {
    display: grid;
    gap: 12px;
    line-height: 1;
  }
  ._single_offers_item > ._summ {}
  ._single_offers_item > ._summ ._value {
    font-size: 26px;
    text-align: left;
  }
  ._single_offers_item > ._summ ._name {
    display: none;
  }
  .user_history ._single_total {
    margin-top: -6px;
    font-size: 15px;
  }
  .user_history ._single_total th {
    width: auto;
    padding-right: 30px;
    vertical-align: middle;
  }
  .user_history ._single_total td {
    width: 100px;
    height: 28px;
    vertical-align: middle;
  }
  .user_history ._single_total tr:last-child td {
    font-size: 26px;
    line-height: 1;
  }
  .user_history ._back {
    margin-top: 70px;
  }
}

@media (min-width: 1280px) {
  .user_history ._single {
    padding: 20px 30px;
  }
  .user_history ._single_offers_item {
    grid-template-columns: 100px 1fr 100px 100px 100px;
  }
}

/* user_addresses
*******************************************************************************/

@media screen {
	.user_addresses_row {
	  display: grid;
	  gap: 20px;
	}
	.user_addresses_item {
	  position: relative;
	  display: grid;
	  gap: 20px;
	  padding: 28px 20px;
	  box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
	}
	.user_addresses_item:not(._default) {
	  color: var(--color-gray-dark);
	}
	.user_addresses_item ._title {
	  font-size: 15px;
	  font-weight: 700;
	}
	.user_addresses_item ._props {
	  display: grid;
	  gap: 10px;
	}
	.user_addresses_item ._props_item {
	  display: grid;
	  grid-template-columns: 85px 1fr;
	  gap: 14px;
	}
	.user_addresses_item ._props_item_name {
	  color: var(--color-gray-dark);
	  text-align: right;
	}
	.user_addresses_item ._acts {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  gap: 6px;
	}
	.user_addresses_item ._acts .btn {
	  padding: 0 15px;
	  gap: 10px;
	  height: 30px;
	  font-weight: 600;
	  letter-spacing: normal;
	  text-align: center;
	  border-radius: 24px;
	  transition: all 300ms linear;
	}
	.user_addresses_item ._acts .btn svg {
	  flex: 0 0 8px;
	}
	.user_addresses_item ._acts div.btn {
		color: var(--color-gray-dark);
		border-color: var(--color-gray);
	}
	.user_addresses_item ._acts div.btn:hover {
	  cursor: default;
	}
	.user_addresses_item ._acts ._del {
	  position: absolute;
	  top: 20px;
	  right: 20px;
	  padding: 0;
	  width: 20px;
	  height: 20px;
	  background: none;
	}
	.user_addresses_add {
	  height: 44px;
	  margin-top: 20px;
	  gap: 10px;
	  width: 100%;

	  ._icon {
	  	width: 20px;

	  	path {
	  		fill: var(--color-light);
	  	}
	  }
	}
}

@media (min-width: 767px) {
  .user_addresses_item {
    padding: 28px 30px;
  }
  .user_addresses_add {
    width: 234px;
  }
}

@media (min-width: 1024px) {
  .user_addresses_row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1280px) {
  .user_addresses_row {
    gap: 40px;
  }
}

/* address_edit - modal
*******************************************************************************/

@media screen {
	#address_edit {
	  width: 500px;
	}
	#address_edit form {
		display: grid;
		gap: 10px;
		margin-top: 20px;

		.auto_city {
			display: flex;
			align-items: center;
			margin-bottom: 10px;

			._icon {
				width: 20px;
				justify-content: start;
			}
			._text {
				border-top: 1px solid transparent;
				border-bottom: 1px dashed currentColor;
				transition: all 300ms linear;
			}
			&:hover {
				._text {
					border-bottom-color: transparent;
				}
			}
		}
	}
	/*#address_edit .jq-selectbox {
	  width: 100%;
	  height: 40px;
	  border: 1px solid #E1E1E1;
	  border-radius: 5px;
	}
	#address_edit .jq-selectbox__dropdown {
	  top: 100% !important;
	  margin-top: 3px;
	  border-radius: 5px;
	}*/
	#address_edit .btn {
	  width: 100%;
	  max-width: 180px;
	  margin-top: 10px;
	  height: 44px;
	}
}

/* user_reviews
*******************************************************************************/

@media screen {
	.user_reviews_empty {
	  display: grid;
	  align-items: center;
	  justify-content: center;
	  gap: 50px;
	  padding: 30px 0;
	}
}

@media (min-width: 744px) {
  .user_reviews_empty {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .user_reviews_empty {
    width: 500px;
  }
}

/* user_mailing
*******************************************************************************/

@media screen {
	.user_mailing_row {
	  display: grid;
	  gap: 20px;
	}
	.user_mailing_row label input[type="checkbox"] + div {
		line-height: 1.2;
	  padding: 20px 20px 20px 63px;
	  border-radius: 5px;
	  box-shadow: 0 4px 34px 12px rgba(0,0,0,.04);
	}
	.user_mailing_row label input[type="checkbox"] + div::before {
	  left: 18px;
	  top: 50%;
	  margin-top: -14px;
	  width: 28px;
	  height: 28px;
	  border-color: #E1E1E1;
	  border-radius: 5px;
	}
	.user_mailing_row label input[type="checkbox"] + div::after {
	  left: 18px;
	  top: 50%;
	  margin-top: -14px;
	  width: 28px;
	  height: 28px;
	  background-color: unset;
	  background-image: url(/_/media/icons/ok-2.svg);
	  background-repeat: no-repeat;
	  background-position: center;

	}
	.user_mailing .btn {
	  width: 100%;
	  height: 44px;
	  margin-top: 10px;
	  font-weight: 600;
	}
}

@media (max-width: 767px) {
  .user_mailing_row label ._icon {
    display: none;
  }
}

@media (min-width: 768px) {
  .user_mailing_row {
    max-width: 692px;
  }
  .user_mailing_row label input[type="checkbox"] + div {
    display: grid;
    align-items: center;
    grid-template-columns: 28px 1fr;
    gap: 42px;
    padding: 32px 32px 32px 94px;
    font-size: 15px;
    line-height: 1.6;
  }
  .user_mailing_row label input[type="checkbox"] + div::before,
  .user_mailing_row label input[type="checkbox"] + div::after {
    left: 36px;
  }
  .user_mailing_row ._icon svg {
    width: 100%;
  }
  .user_mailing .btn {
    margin-top: 20px;
    width: 192px;
  }
}

/* user_receipt
*******************************************************************************/

.user_receipt {
	td {
		padding: 10px 0;

		&:not(:first-child) {
			padding-left: 10px;
		}
		i {
			color: var(--color-gray-dark);
			font-style: normal;
		}
	}
	.btn {
		padding: 5px;
		height: auto;
		letter-spacing: 0;
		font-weight: 400;
		text-transform: none;
	}
	thead {
		background: var(--color-gray-light);

		td {
			padding-left: 5px;
		}
	}

	@media (min-width: 768px) {
		.user_receipt_list {
			margin-top: 20px;
		}
		td {
			padding-left: 10px !important;
		}
		td:last-child {
			text-align: right;
		}
		.btn {
			font-size: 14px;
		}
	}

	@media (hover: hover) {
		tr:hover {
			background: var(--color-gray-light);
		}
	}
}

/* virtualTour
*******************************************************************************/

@media screen {
	.virtualTour {
	  height: 348px;
	}
	.virtualTour .inner {
	  /*--content-max-width: 1440px;*/
	  width: 100%;
	  height: 100%;
	}
	.virtualTour iframe {
		width: 100%;
	  height: 100%;
	}
}

@media (min-width: 1280px) {
  .virtualTour {
    height: 674px;
  }
}

/* whereBuy
*******************************************************************************/

@media screen {
	.whereBuy {
		margin-top: var(--padding-between);
	}
	.whereBuy_row {
	  display: grid;
	  justify-items: center;
	  gap: 48px 0;
	  margin-top: 48px;
	}
}

@media (max-width: 1023px) {
  .contacts + .foot {
    margin-top: 0;
  }
  .contacts .whereBuy {
    display: none;
  }
}

@media (max-width: 743px) {
  .whereBuy_item._wb svg {
    height: 31px;
  }
  .whereBuy_item._oz svg {
    height: 23px;
  }
}

@media (min-width: 744px) {
  .whereBuy_row {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-top: 60px;
  }
  .whereBuy_item {
    position: relative;
    padding: 40px 0;
  }
}

@media (min-width: 1280px) {
  .whereBuy {
    margin-bottom: calc(var(--padding-between) * -1);
  }
  .whereBuy_row {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-top: 30px;
  }
  .whereBuy_item {
    padding: 90px 0;
  }
}

@media (hover: hover) {
  .whereBuy_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .whereBuy_item::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(var(--jsw) / 2);
    height: 100%;
    transition: all 300ms linear;
    opacity: 0;
  }
  .whereBuy_item._wb::before {
    right: 0;
  }
  .whereBuy_item._oz::before {
    left: 0;
  }
  .whereBuy_item:hover::before {
    opacity: 1;
  }
  .whereBuy_item svg {
    position: relative;
  }
  .whereBuy_item:hover path {
    fill: #fff;
  }
  .whereBuy_item._wb::before {
    background: #BE11A5;
  }
  .whereBuy_item._oz::before {
    background: #005BFF;
  }
}

/*
*******************************************************************************/

@media (min-width: 1024px) {
  #orderFormAjax {
    justify-content: space-between;
    gap: 20px;
    color: #4C4D4F;
  }
}

/*
*******************************************************************************/

#modalSuccess {
	width: 300px;
	padding: 40px;
}