.header {
	position: absolute;
	transition: none !important;
	transform: none;
}
.header::before {
	background: linear-gradient(
		180deg,
		rgba(26, 26, 26, 0.6) 0%,
		rgba(16, 16, 16, 0) 100%
	);
}
.header.is-scroll:before {
	background: rgba(13, 13, 13, 0.9);
	backdrop-filter: blur(24px);
	opacity: 1;
}
.product .header {
	background: #121212;
}
.product-header {
	/* background: #fff; */
	border-bottom: 0;
	height: 48px;
	transition: top 0.3s ease-in-out;
	z-index: 20;
	display: inline-flex;
	background: rgba(77, 77, 77, 0.64);
	border-radius: 4px;
	backdrop-filter: blur(24px);
	width: auto;
	margin: 20px auto 0;
	padding: 2px 2px 2px 16px;
	left: 50%;
	transform: translateX(-50%);
	margin-right: -50%;
}
.product-header + * {
	margin-top: -68px;
}
.header.is-scroll ~ .main .product-header {
	top: 20px;
}
.header.hidden ~ .main .product-header {
	top: 20px;
}
main > div:not(.product-inn) .product-scroll-nav__link {
	opacity: 1;
}
.product-scroll-nav__link.active {
	opacity: 1;
}
.product-header__right .product-scroll-nav__link,
.product-header__price,
.product-header__title {
	font-size: 14px;
	line-height: 17px;
}
.product-header__price + .product-header__price {
	color: #8e8e8e;
	position: relative;
	padding: 0;
	margin-right: 30px;
	line-height: 17px;
	margin-left: -20px;
}
.product-header__price + .product-header__price:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 90%;
	height: 1px;
	content: "";
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background-color: #d92020;
}
.product-header__left:not(.with-button) {
	justify-content: center;
}
.product-header__left:not(.with-button) .product-header__price {
	padding: 0;
	margin: 0;
}
.--dark .product-header__right .btn {
	background: #f5f5f5;
	color: #4d4d4d;
}
.--dark .product-header__right .btn.disabled {
	pointer-events: none;
	color: #6c6c6c;
	border-color: #4d4d4d;
	background-color: #4d4d4d;
}
.header__langs .dropdown__list-item {
	padding: 0;
}
.header__langs .dropdown__list-item a {
	color: inherit;
	text-decoration: none;
	padding: 12px;
	display: block;
	text-align: center;
}
.header__langs .dropdown__button {
	text-align: center;
	text-decoration: underline;
	-webkit-transition: -webkit-text-decoration-color 0.3s ease-in-out;
	transition: text-decoration-color 0.3s ease-in-out;
	transition:
		text-decoration-color 0.3s ease-in-out,
		-webkit-text-decoration-color 0.3s ease-in-out;
	text-decoration-color: transparent;
}
.header__langs .dropdown__button:hover {
	-webkit-text-decoration-color: #f5f5f5;
	text-decoration-color: #f5f5f5;
}
.header-models {
	border: 2px solid #f5f5f5;
}
.header-models__link {
	border: 0;
}
a.mobile-menu__langs-link {
	color: inherit;
	text-decoration: none;
}
a.mobile-menu__langs-link.active {
	opacity: 0.25;
}
a.catalog-filter__refresh-text {
	color: inherit;
	text-decoration: none;
}
.catalog-filter__item-label a {
	color: inherit;
	text-decoration: none;
}
/** textarea errors */
.textarea.error-field .custom__label {
	color: #ba3c3c;
}
.textarea.error-field .custom__field-wrapper {
	border-left: 2px solid #ba3c3c;
}
.textarea.error-field .custom__error,
.textarea.error-field .custom__field {
	opacity: 1;
}
.textarea.error-field .custom__field::-webkit-input-placeholder {
	opacity: 1;
	color: #ba3c3c;
}
.textarea.error-field .custom__field::-moz-placeholder {
	opacity: 1;
	color: #ba3c3c;
}
.textarea.error-field .custom__field:-ms-input-placeholder {
	opacity: 1;
	color: #ba3c3c;
}
.textarea.error-field .custom__field:-moz-placeholder {
	opacity: 1;
	color: #ba3c3c;
}

/* select2 */
.select2-container--dark .select2-selection--single {
	background-color: #1b1b1b;
	background-image: none;
	outline: 0;
	color: #4d4d4d;
	border: 0;
}
.select2-container--dark .select2-selection--single:focus {
	border: none;
}
.select2-container.select2-container--dark
	.select2-selection--single
	.select2-selection__rendered {
	color: #f5f5f5;
	padding: 20px 25px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	background-color: #1b1b1b;
}
.select2-container--dark .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px;
}
.select2-container--dark
	.select2-selection--single
	.select2-selection__placeholder {
	color: #4d4d4d;
}
.select2-container--dark .select2-selection--single .select2-selection__arrow {
	width: 0;
	height: 0;
	display: none;
}
.select2-container--dark
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}

.select2-container--dark[dir="rtl"]
	.select2-selection--single
	.select2-selection__clear {
	float: left;
}

.select2-container--dark[dir="rtl"]
	.select2-selection--single
	.select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 0;
	left: 1px;
	right: auto;
}

.select2-container--dark.select2-container--open .select2-selection--single {
	border: none;
}
.select2-container--dark.select2-container--open
	.select2-selection--single
	.select2-selection__arrow {
	background: transparent;
	border: none;
}
.select2-container--dark.select2-container--open
	.select2-selection--single
	.select2-selection__arrow
	b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px;
}

.select2-container--dark.select2-container--open.select2-container--above
	.select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.select2-container--dark.select2-container--open.select2-container--below
	.select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: none;
}

.select2-container.select2-container--dark .select2-selection--single {
	height: 58px;
}
.select2-container--dark .select2-dropdown {
	background-color: #1b1b1b;
	border-color: #1b1b1b;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: #f5f5f5;
}
.select2-container--dark .select2-results__message,
.select2-container--dark .loading-results {
	color: #4d4d4d;
}
.select2-results__option--highlighted {
	background-color: #3875d7;
	color: white;
}
.catalog-body__header-sort-select {
	background-color: #0d0d0d;
	text-decoration: underline;
	-webkit-transition: -webkit-text-decoration-color 0.3s ease-in-out;
	transition: text-decoration-color 0.3s ease-in-out;
	transition:
		text-decoration-color 0.3s ease-in-out,
		-webkit-text-decoration-color 0.3s ease-in-out;
	text-decoration-color: transparent;
	cursor: pointer;
}
.catalog-body__header-sort-select:hover {
	text-decoration-color: #f5f5f5;
}
.sort-popup__item a {
	color: inherit;
	text-decoration: none;
}
.select .custom__field-wrapper.no-down-arrow::before,
.select .custom__field-wrapper.no-down-arrow::after {
	content: none;
}
.select .custom__field-wrapper.no-down-arrow input {
	color: white;
}
.product-360__right {
	background: #fff;
	z-index: 2;
	border-radius: 8px;
	min-height: 0;
}
.product-360__right-color input:checked + span img:first-child {
	opacity: 1;
}
a.country-popup__item {
	text-decoration: none;
}
.footer-top__select-money select {
	cursor: pointer;
}
.footer-top__select-money option {
	color: #4d4d4d;
}
.tooltips {
	z-index: 100;
}
.catalog-filter__item-row.active:nth-child(n + 5) {
	display: block;
}
.thank-right__text a {
	color: inherit;
}
select.safari-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
span[data-to]:hover,
.input-checkbox > input[type="checkbox"] {
	cursor: pointer;
}
.header__langs.dropdown {
	width: 72px;
}

@media screen and (min-width: 1024px) {
	.header {
		transition:
			height 0.3s ease-in-out,
			padding 0.3s ease-in-out,
			transform 0.3s ease-in-out,
			opacity 0.3s ease-in-out,
			-webkit-transform 0.3s ease-in-out;
	}
	.header.is-scroll {
		min-height: 64px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}
.bifma__text h1 {
	display: inline;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.8px;
	font-size: 32px;
}
@media screen and (min-width: 1024px) {
	.bifma__text h1 {
		letter-spacing: -1.28px;
	}
}
@media (max-width: 1680px) {
	.bifma__text h1 {
		font-size: calc(20px + 12 * (100vw - 320px) / 1360);
	}
}
.hero__subtitle h1 {
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-transform: uppercase;
	font-size: 14px;
}
@media (max-width: 1680px) {
	.hero__subtitle h1 {
		font-size: calc(12px + 2 * (100vw - 320px) / 1360);
	}
}
.seo__container .seo__container_text h1 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	display: inline;
}
.seo__container .seo__container_text a {
	color: #f5f5f5;
	text-underline-offset: 2px;
}
.seo__container .seo__container_text a:hover {
	text-decoration: none;
}
.header {
	z-index: 21;
}
@media screen and (min-width: 1024px) {
	.header {
		transition:
			height 0.3s ease-in-out,
			padding 0.3s ease-in-out,
			transform 0.3s ease-in-out,
			opacity 0.3s ease-in-out,
			-webkit-transform 0.3s ease-in-out;
	}
	.header.is-scroll {
		min-height: 64px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	/* .header.is-scroll ~ .main .product-header {
    top: 64px;
  } */
}
.product-header.default {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.product-header.default.dark,
.product-header.default.--dark {
	opacity: 1;
}
.showroom-item__right-map {
	margin-bottom: 120px;
}
@media (max-width: 1680px) {
	.showroom-item__right-map {
		margin-bottom: 100px;
	}
}
@media (max-width: 1199px) {
	.showroom-item__right-map {
		margin-top: 40px;
		margin-bottom: 60px;
	}
}
.mt-58 {
	margin-top: 58px;
}

.d-flex {
	display: flex;
}
.text-center {
	text-align: center;
}
video {
	display: block;
	max-width: 100%;
}
.product-section__container {
	max-width: 1070px;
	margin: 0 auto;
}
.product-sections {
	padding: 120px 0;
}
.product-sections img {
	display: block;
	max-width: 100%;
}
.product-section .product-header-top__back {
	position: absolute;
	top: 110px;
	left: 30px;
	z-index: 2;
}
.product-360__right-title {
	font-size: min(5vh, 44px);
	line-height: 105%;
	margin-bottom: 20px;
	letter-spacing: -2px;
}
.product-360__right-subtitle {
	position: relative;
}
.product-360__right-subtitle .catalog-filter__item-row-btn {
	margin-top: -3px;
}
.product-360__right-subtitle .catalog-filter__item-row-btn svg {
	fill: #8e8e8e !important;
}
.product-360__right-subtitle .catalog-filter__item-row-btn:hover svg {
	fill: #0d0d0d !important;
}
.product-360__right-row .tooltip {
	position: absolute;
	bottom: 100%;
	left: 77%;
	width: 285px;
	max-width: max-content;
	color: #f5f5f5;
}
.product-360__right-row .catalog-filter__item-row-btn:hover + .tooltip {
	opacity: 1;
	visibility: visible;
	display: block;
}
.product-360__right-row .tooltip--left {
	transform: translateX(-100%); /* або зменшіть відступ */
}

.product-360__right-row .tooltip--right {
	transform: translateX(0); /* наприклад, якщо початково був -50% */
}
.product-360__right-price {
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}
.product-360__right-content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: calc(100vh - 198px);
}
.product-360__right-color input:checked + span img:nth-child(2) {
	opacity: 0.25;
}
.product-360__right-colors {
	row-gap: 8px;
	flex-wrap: wrap;
}
.product-360__right-color {
	margin-bottom: 0;
}
.product-360__right-color:nth-child(5) ~ .product-360__right-color {
	display: none;
}
.full-list .product-360__right-color:nth-child(5) ~ .product-360__right-color,
.product-360__right-color:nth-child(6):nth-last-child(2) {
	display: flex;
}
.product-right__color-more {
	width: 60px;
	height: 60px;
	flex: 0 0 60px;
	border-radius: 2px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	color: #4d4d4d;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	display: none;
}
.product-360__right-color:nth-child(7) ~ .product-right__color-more {
	display: flex;
}
.full-list .product-360__right-color:nth-child(6) ~ .product-right__color-more,
.product-360__right-color:nth-child(6):nth-last-child(2)
	~ .product-right__color-more {
	display: none;
}
.product-360__right-link {
	border: 1px solid var(--SOFT-WHITE, #f5f5f5);
	height: 30px;
	display: inline-flex;
	align-items: center;
	padding: 0 10px;
	margin-right: 4px;
	border-radius: 2px;
	color: #4d4d4d;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	transition: border-color 0.3s ease-in-out;
}
.product-360__right-link:hover {
	border-color: rgb(142 142 142 / 40%);
}
.product-360__right-link.active {
	border-color: #8e8e8e;
}

@media screen and (max-width: 1100px) {
	.product-360__right-content {
		min-height: 0;
	}
}
@media screen and (max-width: 768px) {
	.product-360__right-color,
	.product-360__right-color span,
	.product-right__color-more {
		position: relative;
		width: 55px;
		height: 55px;
		flex: 0 0 55px;
	}
}
.product-360__bottom-info {
	margin-top: auto;
}
.product-360__delivery-row {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 28px;
}
.product-360__right-content > .product-360__right-row:last-child {
	margin-bottom: 0;
}
.product-360__right-subtitle {
	margin-right: 20px;
}
.gallery-slider__slide {
	position: relative;
	margin: 0 !important;
	display: inline-flex !important;
	width: auto;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	outline: none;
}

.gallery-slider__slide picture {
	display: inline-block;
}

.gallery-slider__slide img {
	display: block;
	width: auto;
	max-width: none;
}
.gallery-slider__slide:focus {
	outline: none;
}
.gallery-slider__slide:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0d0d0d;
	opacity: 0.08;
	z-index: 2;
}
.gallery-slider__slide:nth-child(2n):after {
	opacity: 0.1;
}
.gallery-thumb-slider {
	bottom: 0;
	left: 0;
	position: relative;
	max-width: 212px;
	display: flex;
	gap: 4px;
}
.gallery-thumb-slider__slide {
	overflow: visible;
	width: fit-content;
	overflow: hidden;
	border: 1px solid transparent;
	max-width: 32px;
	cursor: pointer;
	transition: border 0.3s ease-in-out;
}
.gallery-thumb-slider__slide:hover {
	border-color: rgba(142, 142, 142, 0.4);
}
.gallery-thumb-slider__slide.swiper-slide-thumb-active {
	border: 1px solid #8e8e8e;
}
.gallery-thumb-slider__slide.swiper-slide-thumb-active:after {
	display: none;
}
.gallery-thumb-slider__slide:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #0d0d0d;
	opacity: 0.04;
}
.gallery-thumb-slider__slide img {
	border-radius: 2px;
}
.thumb-slider__btns {
	display: flex;
	position: relative;
	z-index: 2;
	gap: 2px;
	bottom: 0px;
}
.thumb-slider__btns .swiper-btn {
	background: transparent;
	width: 32px !important;
	height: 32px !important;
}
.thumb-slider__btns .swiper-btn svg {
	fill: #8e8e8e;
	width: 11px;
	height: 9px;
}
.thumb-slider__btns .swiper-btn svg {
	fill: #1b1b1b;
}
.thumb-slider__btns .swiper-btn--prev {
	border-radius: 4px 0 0 4px;
}
.thumb-slider__btns .swiper-btn--next {
	border-radius: 0 4px 4px 0;
}
.animation-image-gallery {
	position: absolute;
	top: 82%;
	left: 28px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
	z-index: 2;
	pointer-events: none;
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-top {
	position: relative;
}
.product-top__content {
	z-index: 1;
}
.product-top picture:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0d0d0d;
	opacity: 0.25;
	display: block;
}
.product-section__subtitle {
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	text-transform: uppercase;
	background-image: linear-gradient(90deg, #0488ff 0%, #025299 100%);
	color: transparent;
	background-clip: text;
	margin-bottom: 16px;
	transition-delay: 1s !important;
}
.product-section__title {
	margin-bottom: 30px;
}
.product-section__title span {
	background: -webkit-linear-gradient(180deg, #8e8e8e 30%, transparent 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200%;
	background-position: 0 100%;
	transition: background 1.5s cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 0.1s;
}
.animate-title.show span {
	background-size: 300%;
	background-position: 100%;
}
.product-section__text {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #8e8e8e;
}
.product-section__text span {
	color: #f5f5f5;
}
.product-icons {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 700px;
	height: calc(100vh - 61px);
	min-height: 830px;
	overflow: hidden;
}
.swiper-slide-visible {
	opacity: 1;
}
.product-icons .section-title {
	margin-bottom: 10vh;
	line-height: 1.3em;
	display: inline-flex;
	align-self: center;
}
.product-icons__list {
	margin-bottom: auto;
	gap: 70px;
	background: #0d0d0d;
}
.product-icons__list.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.product-icons__list-wrap {
	overflow: hidden;
	position: relative;
	margin-bottom: auto;
}
.product-icons__item {
	text-align: center;
	flex: 0 0 140px;
	user-select: none;
}
.product-icons__sideblock.left {
	position: absolute;
	height: 100%;
	display: block;
	width: 400px;
	left: 0;
	top: 0;
	z-index: 2;
	background: linear-gradient(90deg, #0d0d0d 0% 0%, #e9e9e300);
	pointer-events: none;
}
.product-icons__sideblock.right {
	position: absolute;
	height: 100%;
	display: block;
	width: 400px;
	right: 0;
	top: 0;
	z-index: 2;
	background: linear-gradient(270deg, #0d0d0d 0% 20%, #e9e9e300);
	pointer-events: none;
}
.product-icons__item img {
	margin: 0 auto 30px;
}
.product-icons__item-text {
	font-weight: 400;
	font-size: 12px;
	line-height: 120%;
	max-width: 140px;
	margin: 0 auto;
}
.product-icons__text {
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	margin-top: 30px;
}
.product-zones {
	position: relative;
	background: #060606;
}
.product-zones__text {
	max-width: 380px;
}
.product-zones__text p:last-child {
	margin-bottom: 0;
}
.product-zones {
	background: #101010;
}
.non-apple .product-zones {
	background: #111111;
}

.product-zones__content {
	position: absolute;
	top: 60px;
}
.product-zones__widjet video {
	width: 100%;
	height: calc(100vh - 61px);
	object-fit: cover;
	max-width: 1200px;
	margin: 0 auto;
}
.play-btn {
	backdrop-filter: blur(16px);
	background: rgba(27, 27, 27, 0.72);
	width: 44px;
	height: 44px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
}
.play-btn.is-playing {
	padding-left: 2px;
}
.play-btn:hover svg {
	filter: brightness(0) invert(1);
}
.product-zones__widjet .play-btn {
	bottom: 60px;
	left: 0;
	right: 0;
}
.product-back {
	overflow: hidden;
}
.product-back__title {
	max-width: 933px;
}
.product-back__slider {
	position: relative;
}
.product-back__slider-buttons {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.product-section__slider-pagination .swiper-pagination {
	padding: 18px;
	backdrop-filter: blur(16px);
	background: rgba(27, 27, 27, 0.72);
	display: inline-flex;
	width: auto;
	border-radius: 44px;
	position: static;
	z-index: 1;
}
.product-section__slider-pagination .swiper-pagination-bullet {
	background: #4d4d4d;
	opacity: 1;
	overflow: hidden;
	transition: background 0.3s ease-in-out;
}
.product-section__slider-pagination .swiper-pagination-bullet:hover {
	background: #f5f5f5;
}
.product-section__slider-pagination .swiper-pagination-bullet-active {
	width: 32px;
	border-radius: 8px;
}
.active .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
	content: "";
	display: block;
	height: 100%;
	background: #f5f5f5;
	animation-name: countingBar;
	animation-duration: var(--delay);
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
	transition: background linear 250ms;
}
.active.paused .swiper-pagination-bullet-active.swiper-pagination-bullet:after {
	animation-play-state: paused;
}
.active:not(.paused)
	.swiper-pagination-bullet-active.swiper-pagination-bullet:after {
	animation-play-state: running;
}
@keyframes countingBar {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
.roduct-back__slider-controls {
	backdrop-filter: blur(16px);
	background: rgba(27, 27, 27, 0.72);
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
	overflow: hidden;
	flex: 0 0 44px;
}
.roduct-back__slider-controls div {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.roduct-back__slider-controls .swiper-start {
	display: none;
}
.roduct-back__slider-controls .swiper-stop.active {
	display: none;
}
.roduct-back__slider-controls .swiper-stop.active + .swiper-start {
	display: flex;
}
.roduct-back__slider-controls div svg {
	transition: filter 0.3s ease-in-out;
}
.roduct-back__slider-controls div:hover svg {
	filter: brightness(0) invert(1);
}
.roduct-back__slider-controls .swiper-restart {
	display: none;
}
.roduct-back__slider-controls .swiper-restart.active {
	display: flex;
}
.roduct-back__slider-controls .swiper-restart.active ~ div {
	display: none;
}
.product-section__slider {
	overflow: hidden;
}
.product-section__slider .product-section__slider-item {
	position: relative;
	background: #121212;
	border-radius: 8px;
	overflow: hidden;
	width: 1070px;
}
.product-section__slider-item:not(.swiper-slide-active) {
	cursor: pointer;
}
.product-section__slider-item img {
	margin: 0 auto;
	height: 75vh;
	max-height: 600px;
}
.product-section__slider-item img.img-fill {
	width: 100%;
	height: 75vh;
	max-height: 600px;
	object-fit: cover;
}
.product-section__slider video {
	width: 100%;
	height: 75vh;
	max-height: 600px;
	object-fit: cover;
}
.product-section__slider .casters-video {
	background: #000;
}
.product-section__slider .casters-video video {
	object-fit: contain;
}
.product-back__slider-text {
	position: absolute;
	top: 60px;
	left: 60px;
	max-width: 320px;
}
.product-3d {
	position: relative;
	background: #000;
	height: calc(100vh - 61px);
}
.product-3d .product-section__title {
	position: absolute;
	top: 60px;
	z-index: 10;
}
.product-3d__widjet {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.product-3d__widjet model-viewer {
	width: 100%;
	height: calc(100vh - 61px);
	min-height: 620px;
	margin: 0 auto;
}
model-viewer {
	--ar-button-display: none;
}
.viewer-colornav {
	height: 44px;
	background: #1b1b1b;
	padding: 4px;
	display: inline-flex;
	gap: 17px;
	border-radius: 44px;
	margin-top: 30px;
	position: absolute;
	bottom: 60px;
	left: auto;
	right: auto;
}
.viewer-colornav input {
	display: none;
}
.viewer-colornav label {
	width: 36px;
	height: 36px;
	background: #1b1b1b;
	display: block;
	overflow: hidden;
	border-radius: 100%;
	border: 1px solid #1b1b1b;
	transition: all 0.2s;
	position: relative;
}
.viewer-colornav label.active {
	border-color: #fff;
}
.viewer-colornav label img {
	width: 34px;
}
/*.viewer-colornav input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 4px solid #1b1b1b;
  border-radius: 100%;
  transition: all 0.2s;
  max-width: 36px;
  max-height: 36px;
}*/
.product-seat__video {
	margin-bottom: 10px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.product-seat__video video {
	max-width: 100%;
}
.product-seat__video .play-btn {
	left: auto;
	right: 30px;
	bottom: 30px;
}
.product-seat__row {
	gap: 10px;
}
.product-seat__loads {
	flex: 1;
	position: relative;
}
.product-seat__loads-img {
	border-radius: 8px;
	overflow: hidden;
	max-width: 530px;
	margin: 0 auto;
	background: #121212;
	height: 100%;
}
.product-seat__loads-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.75;
}
.product-seat__pressure {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 60px;
	width: 309px;
	font-weight: 400;
	font-size: 12px;
	line-height: 120%;
	color: #8e8e8e;
}
.product-seat__pressure img {
	margin-bottom: 10px;
}
.product-seat__pressure span:last-child {
	float: right;
}
.arrow-down {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #f5f5f5;
	border-radius: 1px;
	margin-bottom: 5px;
	margin-left: 90%;
	transition: 1s margin-left 1000ms cubic-bezier(0, 0, 0.5, 1);
}
.show .arrow-down {
	margin-left: 35px;
}
.product-seat__loads-text {
	position: absolute;
	top: 60px;
	left: 60px;
	right: 60px;
	z-index: 1;
}
.product-seat__memory {
	flex: 1;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.product-seat__memory-text {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	color: #8e8e8e;
}
.product-seat__memory-text--top {
	top: 60px;
	bottom: auto;
}
.product-seat__memory-text span {
	color: #f5f5f5;
}
.product-seat__memory-text {
	max-width: 590px;
}
.product-seat__memory-text img {
	margin-bottom: 30px;
	margin-top: 30px;
}
.product-headrest {
	margin-bottom: 120px;
}
.product-headrest .product-section__title {
	max-width: 935px;
}
.product-headrest__video {
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
.product-headrest__video img {
	display: block;
}
.product-headrest .product-section__text {
	max-width: 795px;
}
.product-armrests {
	margin-bottom: 120px;
}
.product-armrests__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
}
.product-armrests__content,
.product-armrests__video {
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
img {
	display: block;
}
.video-fill {
	height: 100%;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.product-armrests__video video,
.video-fill video {
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
}
.product-armrests__content {
	padding: 60px;
	background: #121212;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.product-armrests__ico {
	position: relative;
	width: 300px;
	height: 300px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.product-armrests__ico path {
	will-change: transform;
	transform: scale(0.3);
	transform-origin: center;
	opacity: 0;
}
.product-armrests__ico.show .first-step {
	transition:
		transform 0.6s cubic-bezier(0, 0, 0.5, 1),
		opacity 0.6s cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 1s;
}
.product-armrests__ico.show .second-step {
	transition:
		transform 0.6s cubic-bezier(0, 0, 0.5, 1),
		opacity 0.6s cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 1.5s;
}
.product-armrests__ico.show .first-step,
.product-armrests__ico.show .second-step {
	transform: scale(1);
	opacity: 1;
}
.product-armrests__ico span {
	font-weight: 600;
	font-size: 80px;
	letter-spacing: -1.28px;
	color: #067ce7;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.product-armrests__ico-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
	color: #8e8e8e;
}
.product-angle {
	--angle-bg: #000;
	text-align: center;
	padding-bottom: 120px;
	position: relative;
	background: var(--angle-bg);
	padding-top: 56px;
}
.product-angle:before {
	content: "";
	display: block;
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	height: 80%;
	z-index: 1;
}
.product-angle:after {
	content: "";
	display: block;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	background: linear-gradient(
		180deg,
		var(--angle-bg) 0%,
		var(--angle-bg) 15%,
		rgba(0, 0, 0, 0.75) 65%,
		rgba(10, 0, 0, 0) 100%
	);
	height: 35%;
	z-index: 3;
	transform: rotate(180deg);
}

.non-apple .product-angle:after {
	background: linear-gradient(
		180deg,
		#000 0%,
		#000 15%,
		rgba(0, 0, 0, 0.75) 65%,
		rgba(0, 0, 0, 0) 100%
	);
}

.product-angle .product-section__container > *:not(video) {
	z-index: 4;
	position: relative;
}
.product-angle img {
	margin: 0 auto 60px;
	z-index: 2;
	position: relative;
	height: 60vh;
}
.product-angle__text {
	max-width: 525px;
	margin: 0 auto 60px;
}
.product-angle__info {
	display: flex;
	width: 100%;
	max-width: 795px;
	margin: 0 auto;
	padding-top: 30px;
	border-top: 1px solid #1b1b1b;
}
.product-angle__info-item {
	width: 33.33%;
	text-align: center;
}
.product-angle__info-title {
	color: transparent;
	background-clip: text;
	margin-bottom: 8px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: 480%;
	display: inline-block;
	/* transition: background 1.5s cubic-bezier(0, 0, 0.5, 1); */
}
/* .show .product-angle__info-title{
      background-size: 300%;
    background-position: 100%;
} */
.product-angle__info-item:first-child .product-angle__info-title {
	background-image: linear-gradient(
		90deg,
		#f8c029,
		#f8c029,
		#569dc2,
		#0483f6
	);
}
.product-angle__info-item:nth-child(2) .product-angle__info-title {
	background-image: linear-gradient(90deg, #8aab9b, #569dc2, #0483f6);
}
.product-angle__info-item:nth-child(3) .product-angle__info-title {
	background-image: linear-gradient(90deg, #569dc2, #0483f6, #0483f6);
}
.show .product-angle__info-item:first-child .product-angle__info-title {
	animation: 1s gradient-animation 1s ease forwards;
}
.show .product-angle__info-item:nth-child(2) .product-angle__info-title {
	animation: 1s gradient-animation 1.2s ease forwards;
}
.show .product-angle__info-item:nth-child(3) .product-angle__info-title {
	animation: 1s gradient-animation 1.5s ease forwards;
}

@keyframes gradient-animation {
	0% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 40% 0%;
	}
}
.product-angle__info-text {
	font-size: 14px;
}
.product-interior {
	position: relative;
	height: 70vw;
	max-height: 1210px;
	overflow: hidden;
	min-height: 880px;
	margin-bottom: 80px;
}
.product-interior:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(
		180deg,
		#000 0%,
		rgba(13, 13, 13, 0.75) 49.5%,
		rgba(13, 13, 13, 0) 100%
	);
	height: 45%;
	z-index: 1;
}
.product-interior .product-section__container {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	z-index: 2;
}
.product-interior .product-section__title {
	max-width: 940px;
}
.product-interior img {
	width: 100%;
	height: 65vw;
	max-height: 1100px;
	min-height: 800px;
	object-fit: cover;
	object-position: center;
	opacity: 0;
	max-width: 1680px;
	margin: 0 auto;
	will-change: opacity, transform;
}
.product-materials {
	padding: 20px 0;
}
.product-materials__slider {
	position: relative;
}
.product-materials__slider:not(.js-big-slider) {
	margin-bottom: 100px;
}
.product-materials__slider-item {
	width: 1070px;
	position: relative;
	border-radius: 8px;
}
.section-slider__item-content {
	position: absolute;
	top: 30px;
	left: 30px;
	max-width: 320px;
}
.product-bifma {
	margin-bottom: 120px;
	overflow: hidden;
}
.product-bifma .product-section__text {
	max-width: 935px;
	margin-bottom: 60px;
}
.product-bifma__carousel {
	max-width: 100%;
	position: relative;
}
.product-section-swiper-buttons {
	margin-top: 30px;
	display: inline-flex;
	gap: 2px;
	border-radius: 3px;
	overflow: hidden;
}
.product-section-swiper-button {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1b1b1b;
	cursor: pointer;
	user-select: none;
}
.product-swiper-button-next {
	transform: rotate(180deg);
}
.product-section-swiper-button:hover img {
	filter: brightness(0) invert(1);
}
.product-bifma__carousel-item {
	background: #121212;
}
.section-carousel__item {
	width: 260px;
	padding: 30px;
	height: auto;
	clip-path: polygon(93% 0, 100% 6%, 100% 100%, 0 100%, 0 0);
}
.product-bifma__carousel-logo {
	margin-bottom: 16px;
}
.product-bifma__carousel-title {
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 30px;
	max-width: 150px;
}
.section-carousel__item-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}
.section-carousel__item-content > img {
	width: 120px;
	margin-bottom: 15px;
}
.product-bifma__carousel-text {
	font-size: 12px;
	line-height: 120%;
	color: #8e8e8e;
	margin-top: auto;
}
.product-assembly__row {
	display: flex;
	gap: 10px;
	margin-bottom: 30px;
}
.product-assembly__column {
	flex: 1;
}
.product-assembly__content {
	background: #121212;
	padding: 100px 59px 60px;
	height: 100%;
	border-radius: 8px;
}
.product-assembly__timer {
	width: 275px;
	height: 275px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 600;
	font-size: 80px;
	line-height: 1.1;
	letter-spacing: -1.28px;
	margin: 0 auto 60px;
	position: relative;
}
.product-assembly__timer svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.product-assembly__timer span {
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
.product-assembly__timer svg * {
	opacity: 0;
	animation-fill-mode: forwards;
}
.show.product-assembly__timer svg * {
	animation-name: rectShow;
	animation-duration: 0.3s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
.hide.product-assembly__timer * {
	animation-name: rectHide;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes rectShow {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes rectHide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.product-assembly__timer svg *:nth-child(2) {
	animation-delay: 0.3s;
}
.product-assembly__timer svg *:nth-child(3) {
	animation-delay: 0.6s;
}
.product-assembly__timer svg *:nth-child(4) {
	animation-delay: 0.9s;
}
.product-assembly__timer svg *:nth-child(5) {
	animation-delay: 1.2s;
}
.product-assembly__timer svg *:nth-child(6) {
	animation-delay: 1.5s;
}
.product-assembly__timer svg *:nth-child(7) {
	animation-delay: 1.8s;
}
.product-assembly__timer svg *:nth-child(8) {
	animation-delay: 2.1s;
}
.product-assembly__timer svg *:nth-child(9) {
	animation-delay: 2.4s;
}
.product-assembly__timer svg *:nth-child(10) {
	animation-delay: 2.7s;
}
.product-assembly__timer svg *:nth-child(11) {
	animation-delay: 3s;
}
.product-assembly__timer svg *:nth-child(12) {
	animation-delay: 3.3s;
}

.product-assembly__load {
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-flex;
	gap: 8px;
	cursor: pointer;
	text-decoration: none;
}
a.product-assembly__load {
	color: #f5f5f5;
	text-underline: none;
}
.product-assembly__load img {
	transition: filter 0.3s ease-in-out;
}
.product-assembly__load:hover img {
	filter: brightness(0) invert(1);
}
.product-assembly__load span {
	border-bottom: 1px solid #f5f5f5;
}
/* .gallery-slider__slide.swiper-slide-active::before {
  content: "";
  display: block;
  background: linear-gradient(
    180deg,
    rgba(13, 13, 13, 0) 0%,
    rgba(13, 13, 13, 0.135) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px;
  transform: rotate(180deg);
}
.gallery-slider__slide.swiper-slide-active::after {
  content: "";
  display: block;
  background: linear-gradient(
    180deg,
    rgba(13, 13, 13, 0) 0%,
    rgba(13, 13, 13, 0.225) 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
} */
.product-360__left {
	margin-left: -10px;
	margin-right: -10px;
}
.gallery-thumb-slider__wrap {
	position: absolute;
	left: 32px;
	bottom: 20px;
	display: flex;
	align-items: flex-end;
	gap: 4px;
	padding: 4px;
	border-radius: 4px;
	z-index: 2;
	transition: background 0.3s ease-in-out;
}
.gallery-thumb-slider__wrap:hover {
	background: #fff;
}

.animate-text {
	pointer-events: none;
	opacity: 0;
	transform: translateY(-25px);
	transition:
		transform 800ms cubic-bezier(0, 0, 0.5, 1),
		opacity 500ms cubic-bezier(0, 0, 0.5, 1),
		visibility 500ms cubic-bezier(0, 0, 0.5, 1);
}
.animate-text.show,
.animate-text.show ~ .product-armrests__ico-text {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
}
.animate-opacity {
	pointer-events: none;
	opacity: 0;
	transition:
		opacity 500ms cubic-bezier(0, 0, 0.5, 1),
		visibility 500ms cubic-bezier(0, 0, 0.5, 1);
}
.animate-opacity.show {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
}
.animate-title {
	background: -webkit-linear-gradient(180deg, #f5f5f5 30%, transparent 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200%;
	background-position: 0 100%;
	transition: background 1.5s cubic-bezier(0, 0, 0.5, 1);
	transition-delay: 0.1s;
	display: inline-block;
}
.animate-title.show {
	background-size: 300%;
	background-position: 100%;
}
.animate-zoom-bg {
	will-change: transform;
	transform: scale(1.05);
	transition:
		transform 5s ease-in-out,
		opacity 5s ease-in-out;
}
.animate-zoom-bg.show {
	transform: scale(1.1);
	opacity: 1;
}
.product-specif {
	margin-top: 120px;
}
.product-specif__tabs {
	display: none;
	background: #121212;
	border-radius: 8px;
	position: relative;
	margin-bottom: 60px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	user-select: none;
}
.product-specif__tabs::-webkit-scrollbar {
	display: none;
}
.product-specif__head {
	display: inline-flex;
	align-items: center;
	padding: 2px;
	background: #1b1b1b;
	gap: 2px;
	position: absolute;
	top: 30px;
	left: 35px;
	border-radius: 4px;
}
.product-specif__head-item {
	height: 44px;
	padding: 0 16px;
	border-radius: 2px;
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 500;
	color: #4d4d4d;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: -0.2px;
	transition:
		color 0.3s ease-in-out,
		background 0.3s ease-in-out;
}
.product-specif__head-item.active {
	background: #121212;
	color: #f5f5f5;
}
.product-specif__head-item:hover {
	color: #f5f5f5;
}
.product-specif__tabs-content {
	padding: 156px 120px 120px 126px;
	display: flex;
	justify-content: center;
}
.tab-content {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.tab-content.active {
	opacity: 1;
	visibility: visible;
	position: relative;
}
.specif-text {
	color: transparent;
	font-size: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	white-space: nowrap;
	transition:
		height 0.5s ease-out,
		width 0.5s ease-out,
		color 0.5s ease-out,
		background-size 0.5s ease-out;
	transition-delay: 1.5s;
}
.tab-content.active .specif-text {
	color: #f5f5f5;
	background-size: 100%;
}
.tab-content:not(.active) .specif-text {
	/* width: 0;
  height: 0;   */
	background-size: 0;
}
.specif-text .rotate-text {
	transform: rotate(-90deg);
}
.specif-text span {
	opacity: 0;
	transform: scale(0);
	transition:
		opacity 0.5s ease-out,
		transform 0.5s ease-out;
	transition-delay: 0.5s;
	font-weight: 300;
	line-height: 120%;
	height: 22px;
	padding: 0 10px;
	border: 1px solid #0488ff;
	background: #102436;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
}
.s3 .delay4.specif-text span,
.s3 .delay5.specif-text span,
.s2 .delay4.specif-text span,
.s2 .delay5.specif-text span,
.s1-mesh .delay4.specif-text span,
.s1-mesh .delay5.specif-text span {
	transition-delay: 1.1s;
}
.tab-content.active .specif-text span {
	opacity: 1;
	transform: scale(1);
}
.tab-content .specif-text .rotate-text {
	transform: scale(0) rotate(-90deg);
}
.tab-content.active .specif-text .rotate-text {
	transform: scale(1) rotate(-90deg);
}
.specif-text:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	height: 100px;
	border-left: 1px dashed #0488ff3d;
	transition:
		height 0.3s ease-out,
		width 0.3s ease-out,
		top 0.3s ease-out;
}
.specif-text:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 15px;
	height: 100px;
	border-left: 1px dashed #0488ff3d;
	transition:
		height 0.3s ease-out,
		width 0.3s ease-out,
		top 0.3s ease-out;
}
.side-specif-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -82px;
	width: 19.8px;
	background: url(../img/side-line-1.svg) no-repeat center;
	padding-top: 1px;
}
.s2 .tab-content.active .side-specif-1 {
	background-size: 99.8%;
}
.s3 .tab-content.active .side-specif-1,
.s3-mesh .tab-content.active .side-specif-1 {
	background-size: 99.6%;
}
.s1-mesh .tab-content.active .side-specif-1 {
	background-size: 99%;
}
.s1-mesh .tab-content.active .side-specif-5 {
	background-size: 98%;
}
.s1-mesh .tab-content.active .side-specif-4 {
	background-size: 86.7%;
}
.s1-mesh-pro .tab-content.active .side-specif-4 {
	background-image: url(../img/side-line-4.svg);
}
.side-specif-2 {
	position: absolute;
	top: -37px;
	left: 0;
	right: 1px;
	height: 20px;
	background: url(../img/side-line-2.svg) no-repeat center;
	width: 240px;
	padding-right: 1px;
}
.s3 .side-specif-2 {
	right: -29px;
	width: 215px;
}
.s2 .side-specif-2 {
	right: 0;
	left: -5px;
	width: 248px;
}

.s1-mesh-pro .front-specif-2:after,
.s1-mesh-pro .front-specif-2:before {
	display: none;
}
.s1-mesh-pro .front-specif-6,
.m1 .front-specif-6 {
	background: url(../img/front-line-5.svg) no-repeat center;
}
.s1-mesh-pro .front-specif-6.specif-text:before,
.s1-mesh-pro .front-specif-6.specif-text:after {
	top: -30px;
	height: 30px;
}
.side-specif-3 {
	position: absolute;
	top: 38%;
	right: 12px;
	height: 20px;
	background: url(../img/side-line-3.svg) no-repeat center;
	width: 143px;
	padding-right: 1px;
}
.side-specif-4 {
	position: absolute;
	bottom: 0;
	width: 20px;
	right: -46px;
	background: url(../img/side-line-4.svg) no-repeat center;
	height: 202px;
	padding-top: 1px;
}
.s3 .tab-content.active .side-specif-4 {
	background-size: 15.6px;
}
.s3-pro-senior .tab-content.active .side-specif-4 {
	background-size: 22.3px;
}
.s1-meah .tab-content.active .side-specif-5 {
	background-size: 99%;
}
.s2 .tab-content.active .side-specif-4 {
	background-size: 88%;
}
.s1-mesh .side-specif-4 {
	background: url(../img/side-line-5.svg) no-repeat center;
	height: 222px;
}
.side-specif-5 {
	position: absolute;
	bottom: 0;
	right: -79px;
	width: 20px;
	background: url(../img/side-line-5.svg) no-repeat center;
	height: 254px;
	padding-top: 1px;
}
.s1-mesh .side-specif-5 {
	background: url(../img/s1-mesh-side-line-5.svg) no-repeat center;
}
.front-specif-1 {
	position: absolute;
	top: -60px;
	right: 7px;
	left: 0;
	height: 20px;
	background: url(../img/front-line-1.svg) no-repeat center;
	width: 258px;
	padding-right: 1px;
}

.front-specif-2 {
	position: absolute;
	top: -30px;
	left: 0;
	right: 7px;
	height: 20px;
	background: url(../img/front-line-2.svg) no-repeat center;
	width: 179px;
	padding-right: 1px;
}
.front-specif-3 {
	position: absolute;
	top: 10%;
	left: 0;
	right: 7px;
	height: 20px;
	background: url(../img/front-line-3.svg) no-repeat center;
	width: 179px;
	padding-right: 1px;
}
.front-specif-4 {
	position: absolute;
	top: 52.5%;
	left: -3px;
	height: 20px;
	right: 0px;
	background: url(../img/front-line-4.svg) no-repeat center;
	width: 196px;
	padding-right: 1px;
}
.front-specif-5 {
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 7px;
	height: 20px;
	background: url(../img/front-line-5.svg) no-repeat center;
	width: 279px;
	padding-right: 1px;
}
.front-specif-1:after,
.front-specif-1:before {
	height: 230px;
	top: 230px;
}
.s3 .front-specif-1:after,
.s3 .front-specif-1:before {
	height: 200px;
}
.s3-mesh .front-specif-1:after,
.s3-mesh .front-specif-1:before {
	height: 210px;
}
.s1-mesh-pro .front-specif-1:after,
.s1-mesh-pro .front-specif-1:before {
	height: 190px;
}
.active .front-specif-1:after,
.active .front-specif-1:before {
	top: 15px;
}
.front-specif-2:after,
.front-specif-2:before {
	height: 183px;
	top: 183px;
}
.s3 .front-specif-2:after,
.s3 .front-specif-2:before {
	height: 205px;
}
.s1-mesh .front-specif-2:after,
.s1-mesh .front-specif-2:before {
	height: 197px;
}
.active .front-specif-2:after,
.active .front-specif-2:before {
	top: 15px;
}
.front-specif-3:after,
.front-specif-3:before,
.front-specif-4:after,
.front-specif-4:before {
	display: none;
}
.front-specif-5:after,
.front-specif-5:before {
	height: 55px;
	top: -45px;
}
.s3-pro-senior .front-specif-5:before,
.s3-pro-senior .front-specif-5:after {
	height: 75px;
	top: -75px;
}
.side-specif-1:after {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 200px;
	height: auto;
	top: auto;
	bottom: 0;
	left: 14px;
}
.s2 .side-specif-1:after,
.s1-mesh .side-specif-1:after {
	width: 210px;
}
.side-specif-1:before {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 174px;
	left: 10px;
	right: auto;
	height: auto;
	top: 0;
}
.s3 .side-specif-1:before,
.s3-mesh .side-specif-1:before {
	width: 164px;
}
.s3-pro-senior .side-specif-1:before {
	width: 150px;
}
.s3-pro-senior .side-specif-1:after {
	width: 170px;
}
.s2 .side-specif-1:before {
	width: 110px;
}
.side-specif-2:after {
	height: 283px;
}
.s2 .front-specif-1:after,
.s2 .front-specif-1:before {
	height: 240px;
}
.s2 .side-specif-2:after {
	height: 125px;
}
.s3 .side-specif-2:after {
	height: 163px;
}
.side-specif-2:before {
	height: 320px;
}
.s2 .side-specif-2:before,
.s1-mesh .side-specif-2:before,
.s3-mesh .side-specif-2:before {
	height: 300px;
}
.s3 .side-specif-2:before {
	height: 333px;
}
.s3-pro-senior .side-specif-2:before {
	height: 280px;
}
.side-specif-3:after,
.side-specif-3:before,
.side-specif-4:after {
	display: none;
}
.s2 .side-specif-3:after,
.s3-mesh .side-specif-3:after {
	display: block;
	height: 56px;
}
.side-specif-4:before {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 122px;
	right: 10px;
	left: auto;
	height: auto;
	top: 0;
}
.s3 .side-specif-4:before,
.s2 .side-specif-4:before {
	width: 110px;
}
.side-specif-5:after {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 151px;
	right: 10px;
	left: auto;
	height: auto;
	top: 0;
}
.s3 .side-specif-5:after {
	width: 106px;
}
.side-specif-5:before {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 200px;
	height: auto;
	top: auto;
	bottom: 0;
	right: 10px;
	left: auto;
}
.m1 .front-specif-1,
.m1 .side-specif-2 {
	background: url(../img/front-line-5.svg) no-repeat center;
}
.m1 .front-specif-6.specif-text:before,
.m1 .front-specif-6.specif-text:after {
	top: -46px;
	height: 56px;
}
.m1 .front-specif-5.specif-text:before,
.m1 .front-specif-5.specif-text:after {
	display: none;
}
.m1 .front-specif-1:after,
.m1 .front-specif-1:before {
	height: 234px;
}

.m1 .side-specif-1:before {
	width: 155px;
}
.m1 .side-specif-2:after {
	height: 115px;
}
.m1 .side-specif-6 {
	position: absolute;
	width: 20px;
	background: url(../img/s1-mesh-side-line-5.svg) no-repeat center;
	padding-top: 1px;
}
.m1 .side-specif-6:before {
	display: none;
}
.m1 .side-specif-6:after {
	border: 0;
	border-top: 1px dashed #0488ff3d;
	width: 65px;
	left: 10px;
	right: auto;
	height: auto;
	bottom: 1px;
	top: auto;
}
.m1 .side-specif-3:after {
	display: block;
	height: 46px;
}
.m4 .front-specif-1:after,
.m4 .front-specif-1:before {
	height: 215px;
}
.m4 .side-specif-1:before {
	width: 130px;
}
.l1 .front-specif-6.specif-text:before,
.l1 .front-specif-6.specif-text:after {
	top: -24px;
	height: 36px;
}
.l1 .side-specif-2:before {
	height: 320px;
}
.tab-content:not(.active) .specif-text:before,
.tab-content:not(.active) .specif-text:after {
	width: 0;
	height: 0;
}
.delay1 {
	transition-delay: 0.5s;
}
.delay2 {
	transition-delay: 0.7s;
}
.delay3 {
	transition-delay: 0.9s;
}
.delay4 {
	transition-delay: 1.1s;
}
.delay5 {
	transition-delay: 1.3s;
}
.support__faq:last-child {
	padding-bottom: 0;
}
.popular .sep {
	border-top: 1px solid #1b1b1b;
	margin-bottom: 60px;
}
.product-specif__table-btn-wrap.active {
	background: transparent;
	bottom: -40px;
	z-index: 2;
}
.product-specif__table-btn-wrap:not(.active) .hide {
	display: none;
}
.product-specif__table-btn-wrap.active .cta:first-child {
	display: none;
}

.product-header {
	opacity: 0;
	transition:
		opacity 0.3s ease,
		transform 0.3s ease;
}

.product-header.visible {
	opacity: 1;
}

.product-popup__overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 190;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	transition: opacity 0.4s ease;
}
.product-popup__overlay.open {
	display: flex;
	opacity: 1;
	pointer-events: auto;
}

.product-popup__content {
	background: white;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.product-popup__text {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 25%;
	max-width: 382px;
	z-index: 20;
	color: #1b1b1b;
}
.product-popup__text-content {
	transform: scale(1);
	opacity: 1;
	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
	transform-origin: top left;
}
.product-popup__text-content.hide {
	transform: scale(0.7);
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
}
.popup-text__collapce-btn {
	border: 1px solid #8e8e8e;
	height: 44px;
	width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	transition: border 0.3s ease;
}
.popup-text__collapce-btn:after {
	content: "";
	display: block;
	width: 12px;
	height: 1px;
	background: #8e8e8e;
	transition: background 0.3s ease;
}
.popup-text__collapce-btn.active:before {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #8e8e8e;
	position: absolute;
	left: 50%;
	transition: background 0.3s ease;
}
.popup-text__collapce-btn:hover {
	border-color: #121212;
}
.popup-text__collapce-btn:hover:after,
.popup-text__collapce-btn:hover:before {
	background: #121212;
}
.product-popup__close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 23px;
	color: #4d4d4d;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	z-index: 20;
}
.product-popup__close-btn:hover {
	color: #121212;
}
.product-popup__text .h3,
.product-popup__text .product-360__right-row {
	margin-bottom: 20px;
}
.product-popup__text .product-360__right-price {
	padding-right: 10px;
}
.product-popup__text .product-360__right-price:nth-child(2)::before {
	width: 32px;
}
.popup-slider .swiper-container,
.popup-slider {
	width: 100%;
	height: 100%;
}
.popup-slider__images-item:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0d0d0d;
	opacity: 0.08;
	z-index: 10;
	height: 100dvh;
	width: 100vw;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	will-change: transform;
	backface-visibility: hidden;
}
.popup-slider__images-item img,
.popup-slider__images-item video {
	height: 100dvh;
	max-width: 100%;
	margin: 0 auto;
	object-fit: contain;
}
.popup-slider__col {
	display: flex;
	flex-direction: column;
	width: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	left: auto;
	bottom: auto;
}
.popup-slider__col .thumb-slider__btns {
	flex-direction: column;
}
.popup-slider__col .swiper-btn--prev,
.popup-slider__col .swiper-btn--next {
	transform: rotate(90deg);
}
.popup-slider__thumbs {
	height: 284px;
	overflow: hidden;
}
.popup-slider__thumb-item {
	transition:
		opacity 0.3s,
		border 0.3s ease-in-out;
	opacity: 0.8;
}
.popup-slider__thumb-item:hover,
.popup-slider__thumb-item.swiper-slide-thumb-active {
	opacity: 1;
}
.popup-slider__thumbs .swiper-slide-thumb-active .slider__image {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
.popup-slider__images,
.product-popup__gallery {
	height: 100%;
}
.promo-card {
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	height: 100%;
}
.promo-card picture {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.promo-card img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.promo-card__content {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 30px;
}
.promo-card__title {
	font-weight: 600;
	font-size: min(1.8vw, 32px);
	line-height: 110%;
	letter-spacing: -0.4px;
	color: #fff;
	margin-bottom: 16px;
	max-width: 80%;
}
.promo-card__text {
	font-weight: 500;
	font-size: min(1.1vw, 32px);
	line-height: 130%;
	color: #f5f5f5;
}
.scroll-wrapper {
	position: relative;
	width: 100%;
}

.scroll-content {
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none; /* Firefox */
	user-select: none;
}

.scroll-content::-webkit-scrollbar {
	display: none; /* Chrome, Safari */
}

.item {
	flex: 0 0 auto;
}
.scroll-fade {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 56px;
	z-index: 2;
	user-select: none;
	cursor: pointer;
}

.scroll-fade.left {
	left: 0;
	background: linear-gradient(to right, #0d0d0d, transparent);
}

.scroll-fade.right {
	right: 0;
	background: linear-gradient(to left, #0d0d0d, transparent);
}

@media screen and (max-width: 1200px) {
	.product-zones__widjet video {
		min-height: 750px;
	}
	.product-section__slider-item img {
		object-fit: cover;
	}
	.product-back__slider-text,
	.product-seat__loads-text {
		top: 30px;
		left: 30px;
	}
	.product-seat__memory-text {
		bottom: 30px;
		left: 30px;
	}
	.product-seat__memory-text--top {
		bottom: auto;
		left: 30px;
		top: 30px;
	}

	.animation-image-gallery {
		left: 3vw;
	}
}
@media screen and (max-width: 1100px) {
	.product-zones__content {
		left: 20px;
	}
	.product-back .product-section__container,
	.product-seat .product-section__container,
	.product-headrest .product-section__container,
	.product-armrests,
	.product-materials .product-section__container,
	.product-bifma,
	.product-assembly {
		padding-left: 20px;
		padding-right: 20px;
	}
	.product-interior .product-section__container {
		top: 30px;
		left: 30px;
		padding-right: 30px;
	}
	.product-icons__list-wrap,
	.product-icons__filters-wrap {
		position: relative;
	}
	.product-icons__list:not(.swiper-initialized),
	.product-icons__filters {
		overflow-x: auto;
	}
	.product-icons__list:not(.swiper-initialized)::-webkit-scrollbar,
	.product-icons__filters::-webkit-scrollbar {
		display: none;
	}
	.product-icons__list-wrap::before,
	.product-icons__list-wrap::after,
	.product-icons__filters-wrap::before,
	.product-icons__filters-wrap::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 15vw;
		pointer-events: none;
		transition: opacity 0.3s;
		z-index: 10;
	}
	.product-icons__list-wrap::before,
	.product-icons__filters-wrap::before {
		left: 0;
		background: linear-gradient(90deg, #0d0d0d 0% 0%, #e9e9e300);
	}
	.product-icons__list-wrap::after,
	.product-icons__filters-wrap::after {
		right: 0;
		background: linear-gradient(270deg, #0d0d0d 0% 20%, #e9e9e300);
	}
	.product-icons__list-wrap.is-start::before,
	.product-icons__filters-wrap.is-start::before {
		opacity: 0;
	}
	.product-icons__list-wrap.is-end::after,
	.product-icons__filters-wrap.is-end::after {
		opacity: 0;
	}
	.product-icons__list:not(.swiper-initialized):not(.swiper-free-mode)
		.swiper-wrapper {
		padding-bottom: 20px;
		gap: 19px;
		width: max-content;
		margin: 0 auto;
	}

	.product-icons__list:not(.swiper-initialized)
		.product-icons__item.hide.show {
		flex: 0 0 130px;
		margin: 0;
	}
	.product-icons__list {
		gap: 30px;
	}
	.product-icons__sideblock.left,
	.product-icons__sideblock.right {
		width: 20%;
	}
	.product-icons__list:not(.swiper-initialized)
		~ .product-icons__sideblock.left,
	.product-icons__list:not(.swiper-initialized)
		~ .product-icons__sideblock.right {
		display: none;
	}

	.product-section__slider .product-section__slider-item {
		max-width: 100%;
	}
}
@media screen and (max-width: 1025px) and (min-width: 768px) {
	.product-360__bottom-info {
		display: flex;
		justify-content: space-between;
		padding: 24px 0;
		border-top: 1px solid rgba(13, 13, 13, 0.05);
		margin-top: -10px;
	}
	.product-360__delivery-row,
	.product-360__bottom-info .product-360__right-row {
		margin-bottom: 0;
		padding-bottom: 0;
		border: 0;
		max-width: 340px;
	}
	.product-360__left {
		flex: 1;
		min-height: 0;
		display: flex;
	}
	.product-360__right {
		max-width: calc(100% + 42px);
		padding-top: 30px;
		margin-left: -20px;
		margin-right: -22px;
		padding-left: 20px;
		padding-right: 20px;
		width: calc(100% + 42px);
	}
	.gallery-thumb-slider__wrap {
		background: #fff;
		left: 20px;
	}
	.product-section .product-header-top__back {
		top: 86px;
		left: 20px;
	}
	.product-360__logo {
		top: 128px;
		left: 20px;
	}
}

@media screen and (max-width: 767px) {
	.product-icons {
		padding: 100px 10px 60px;
		min-height: 600px;
		margin-bottom: 60px;
		height: auto;
	}

	.product-icons__text {
		margin-top: 120px;
	}
	.product-icons__text br {
		content: " ";
	}
	.product-seat__video video,
	.product-headrest__video video,
	.product-angle video {
		height: 400px;
		min-height: 0;
		object-fit: cover;
	}
	.product-zones__widjet video {
		height: 500px;
		min-height: 0;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.product-zones__content {
		position: relative;
		top: 0;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		left: 0;
	}
	.product-zones__title {
		margin-bottom: 420px;
	}
	.product-zones__text {
		padding: 20px 10px 60px;
		background: #0d0d0d;
		margin-top: 40px;
		margin-left: -20px;
		margin-right: -20px;
		max-width: calc(100% + 40px);
	}
	.product-zones__widjet .play-btn {
		display: none;
	}
	.product-back {
		padding: 60px 10px 120px;
	}
	.product-back .product-section__container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.product-section__slider .product-section__slider-item,
	.product-seat__video,
	.product-headrest__video,
	.product-armrests__video {
		border-radius: 0;
	}
	.product-section__slider img,
	.product-section__slider video,
	.product-section__slider-item img.img-fill {
		max-height: 400px;
		height: 65vh;
		object-fit: cover;
	}
	.product-section__slider {
		margin-left: -10px;
		margin-right: -10px;
	}
	.product-back__slider-text {
		left: 20px;
		bottom: 20px;
		top: auto;
	}
	.product-3d {
		padding: 0px 10px;
		min-height: 0;
		height: calc(85vh - 61px);
	}
	.product-section__container {
		height: 100%;
	}
	.product-3d .product-section__title {
		top: 30px;
	}
	.viewer-colornav {
		bottom: 30px;
	}
	.product-3d__widjet model-viewer {
		min-height: 400px;
		max-width: 540px;
		height: 70vh;
	}

	.product-seat .product-section__container,
	.product-headrest .product-section__container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.product-seat__video {
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 70px;
	}
	.product-seat__row {
		flex-direction: column;
		align-items: center;
	}
	.product-seat__loads-text {
		position: static;
		margin-bottom: 20px;
	}
	.product-seat__loads-img {
		height: 400px;
	}
	.product-seat__pressure {
		bottom: 20px;
	}
	.product-seat__memory-text {
		left: 30px;
		bottom: 30px;
		right: 30px;
	}
	.product-seat__memory-text--top {
		left: 30px;
		bottom: auto;
		right: 30px;
		top: 30px;
	}
	.product-headrest__video {
		margin: 0 -10px 20px;
	}
	.play-btn {
		right: 10px;
		bottom: 10px;
	}
	.product-armrests {
		padding: 0 10px;
	}
	.product-armrests__row {
		display: block;
	}
	.product-armrests__video {
		margin: 0 -10px 10px;
		height: 400px;
	}
	.product-armrests__content {
		padding: 20px;
	}
	.product-armrests__ico {
		width: 220px;
		height: 220px;
	}
	.product-armrests__ico span {
		font-size: 52px;
	}
	.product-armrests__ico img,
	.product-angle img,
	.product-armrests__ico svg,
	.product-angle svg {
		max-width: 100%;
		max-height: 100%;
	}
	.product-angle img {
		height: 60vh;
		object-fit: cover;
	}
	.product-angle .product-section__title {
		margin-top: -17vh;
	}
	.product-angle:after {
		top: 30%;
		height: 15%;
	}
	.product-angle__info-title {
		font-size: 32px;
	}
	.product-angle__info-item:first-child .product-angle__info-title {
		background-image: linear-gradient(
			180deg,
			#f8c029,
			#f8c029,
			#569dc2,
			#0483f6
		);
		background-size: 100% 200%;
		background-position: 0 100%;
	}
	.product-angle__info-item:nth-child(2) .product-angle__info-title {
		background-image: linear-gradient(180deg, #8aab9b, #569dc2, #0483f6);
		background-size: 100% 200%;
	}
	.product-angle__info-item:nth-child(3) .product-angle__info-title {
		background-image: linear-gradient(180deg, #569dc2, #0483f6, #0483f6);
		background-size: 100% 200%;
	}
	@keyframes gradient-animation {
		0% {
			background-position: 0 100%;
		}
		100% {
			background-position: 0 0%;
		}
	}
	.product-angle__text {
		margin-bottom: 30px;
		padding: 0 10px;
	}
	.product-angle__info {
		flex-direction: column;
		align-items: center;
		gap: 30px;
	}
	.product-angle__info-item {
		width: 240px;
	}
	.product-interior .product-section__container {
		top: 60px;
		left: 10px;
		padding-right: 10px;
	}
	.product-interior {
		min-height: 770px;
	}
	.product-interior img {
		min-height: 700px;
	}
	.product-materials {
		padding: 20px 10px;
	}
	.product-materials .product-section__container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.product-materials__slider {
		margin: 0 -10px;
	}
	.product-bifma,
	.product-assembly {
		padding: 0 10px;
		overflow: hidden;
	}
	/* .product-bifma .product-section__container {
    overflow: hidden;
  } */
	.product-assembly__video {
		margin-left: -10px;
		margin-right: -10px;
		max-width: initial;
	}
	.product-bifma .product-section__text {
		margin-bottom: 30px;
	}
	.product-assembly__row {
		flex-direction: column;
	}
	.product-assembly__video {
		border-radius: 0;
		height: 400px;
		background-color: #111;
	}

	.product-assembly__video video {
		height: 375px;
		width: 249px;
		margin: 0 auto;
	}
	.product-assembly__content {
		padding: 60px 20px 20px;
	}
	.product-assembly {
		margin-bottom: 60px;
	}
	.product-assembly .product-section__container {
		display: flex;
		flex-direction: column;
	}
	.product-assembly__load {
		align-self: center;
	}
	.product-section .product-header-top__back {
		top: 76px;
		left: 10px;
	}
	.product-360__logo {
		top: auto;
		bottom: 10px;
		width: 68px;
	}
	.product-360__left {
		position: relative;
	}
	.gallery-thumb-slider__wrap {
		display: none;
	}
	.gallery-slider__slide {
		width: 100%;
	}
	.gallery-slider .swiper-pagination {
		line-height: 6px;
	}
	.gallery-slider .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 2px !important;
	}
	.gallery-slider .swiper-pagination-bullet-active {
		background: #4d4d4d;
	}
	.product-gallery {
		margin-top: 55px;
	}
	.gallery-slider__slide img,
	.gallery-slider__slide video {
		max-height: 400px;
	}
	.product-360__right-title {
		font-size: min(5.9vh, 24px);
		margin-bottom: 10px;
	}
	.product-360__right-row {
		margin-bottom: 20px;
	}

	.product-360__right-text-color {
		margin-bottom: 8px;
	}
	.product-360__delivery-row {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.product-360__right-content {
		padding-bottom: 20px;
		min-height: 0;
	}
	.product-header {
		left: 10px;
		right: 10px;
		transform: none;
		width: calc(100% - 20px);
		margin-top: 10px;
	}
	.product-header + * {
		margin-top: -58px;
	}
	.product-header__price {
		display: none;
	}
	.header.hidden ~ .main .product-header,
	.header.is-scroll ~ .main .product-header {
		top: 10px;
	}
	.product-specif__head {
		top: 10px;
		left: 10px;
	}
	.product-specif__tabs {
		margin-bottom: 50px;
		margin-left: -10px;
		margin-right: -10px;
		border-radius: 0;
	}
	.product-specif__tabs-content {
		padding: 140px 20px 110px;
	}
	.product-specif__img {
		zoom: 0.85;
	}
	.specif-text span {
		padding-top: 2px;
	}
	.side-specif-1,
	.s2 .side-specif-1 {
		left: -65px !important;
	}
	.casters-no-stop-specif .side-specif-1 {
		left: auto !important;
	}
	.product-specif__table-row-inner {
		padding: 0 0 8px;
	}
	.product-materials__slider-item,
	.product-360__right {
		max-width: 100%;
	}
	.section-slider__item-content {
		top: 20px;
		left: 20px;
		right: 20px;
	}
	.product-materials__slider:not(.js-big-slider) {
		padding: 0;
	}
	.popular .sep {
		display: none;
	}
	.footer-top {
		display: block;
	}
	.footer-top__menu--lg .footer-top__menu-item {
		line-height: 22px;
		margin-bottom: 8px;
		letter-spacing: -0.48px;
	}
	.footer-bottom {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.footer-top__right {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		position: relative;
	}
	.footer-top__menu {
		margin-bottom: 40px;
	}
	.footer-top__right .footer-top__menu {
		align-items: flex-start;
		text-align: left;
		margin-bottom: 40px;
		max-width: 55%;
	}
	.footer-top__menu--socials {
		position: absolute;
		top: -112px;
		right: 0;
		align-items: flex-end;
		text-align: right;
	}
	.support__faq, .support__footer {
		padding:0 10px 60px;			
	}
	.support__footer-text{
		margin-bottom: 12px;
	}
	.product-360__right-row .tooltip {
		bottom: auto;
		left: 10px;
		width: calc(100vw - 20px);
		margin-bottom: 20px;
		align-self: flex-end;
	}
	.product-360__right-subtitle {
		position: static;
	}
	.product-popup__text,
	.popup-slider__col .thumb-slider__btns {
		display: none;
	}
	.popup-slider__col.gallery-thumb-slider__wrap {
		flex-direction: row;
		align-items: center;
		width: 100%;
		display: flex;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		background: #fff;
		padding: 8px 0 8px 10px;
		transform: none;
	}
	.popup-slider__thumbs {
		height: auto;
		width: 100%;
	}
	.popup-slider__thumbs .gallery-thumb-slider__slide {
		max-width: 40px;
		max-height: 40px;
	}
	.popup-slider__images-item img {
		height: calc(100dvh - 56px);
	}
	.popup-slider .swiper-container {
		padding-left: 1px;
	}
	.mask-right {
		-webkit-mask-image: linear-gradient(to right, black 85%, transparent);
		mask-image: linear-gradient(to right, black 85%, transparent);
	}

	.mask-left {
		-webkit-mask-image: linear-gradient(to right, transparent, black 15%);
		mask-image: linear-gradient(to right, transparent, black 15%);
	}

	.mask-both {
		-webkit-mask-image: linear-gradient(
			to right,
			transparent,
			black 15%,
			black 85%,
			transparent
		);
		mask-image: linear-gradient(
			to right,
			transparent,
			black 15%,
			black 85%,
			transparent
		);
	}
	.product-popup__close-btn {
		top: 10px;
		right: 10px;
	}
	.zoomable-image {
		position: relative;
		overflow: hidden;
		cursor: zoom-in;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.zoomable-image img {
		user-select: none;
		-webkit-user-drag: none;
		transition: transform 0.2s ease;
		will-change: transform;
		transform: translateZ(0);
		-webkit-transform: translateZ(0);
		will-change: transform;
		backface-visibility: hidden;
	}
	/* коли збільшено: блокуємо нативні жести і скрол */
	.zoomable-image.zoomed {
		cursor: grab;
		touch-action: none; /* ключове: без цього мобільний скролитиме сторінку */
	}
	body.noscroll {
		overflow: hidden;
		height: 100vh;
		position: fixed;
		left: 0;
		right: 0;
		padding: 0;
	}
	.s3 .side-specif-4,
	.s3-mesh .side-specif-4 {
		right: -36px;
	}
	.s3 .side-specif-5,
	.s3-mesh .side-specif-5 {
		right: -69px;
	}
	.promo-card__content {
		left: 24px;
		right: 24px;
		bottom: 24px;
	}
	.promo-card__title {
		font-size: min(3.7vw, 32px);
	}
	.promo-card__text {
		font-size: min(2vw, 32px);
	}
	.footer-top__menu-item {
		line-height: 12px;
	}
	.seo__container img {
		max-width: 100%;
		height: auto !important;
	}
}

@media screen and (max-width: 480px) {
	.catalog-body__list.catalog-body__list--grid .promo-card {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.promo-card picture {
		position: static;
	}
	.promo-card__title {
		font-size: min(6.7vw, 32px);
	}
	.promo-card__text {
		font-size: min(3.5vw, 32px);
	}
}

@media screen and (min-width: 767px) {
	.product-360__left {
		margin-left: -20px;
		margin-right: -20px;
	}
	.product-360 {
		padding-top: 55px;
	}
	.gallery-slider .swiper-pagination {
		display: none;
	}
	.product-360__right-subtitle .tooltip .tooltip__close {
		display: none;
	}
}
@media screen and (min-width: 767px) and (max-width: 1024px) {
	.product-360 {
		padding-top: 56px;
	}
}
@media screen and (min-width: 1025px) {
	.product-360__left {
		margin-left: -32px;
		margin-right: -32px;
	}
	.product-360 {
		padding-top: 80px;
	}
	.popular .sep {
		margin-bottom: 120px;
	}
}
.product-360__delivery-list {
	margin-bottom: 12px;
}
.product-360__right-content .product-360__delivery-list {
	margin-bottom: 0px;
}
.product-360__delivery-item-description {
	margin-left: 10px;
	color: #4d4d4d;
	line-height: 32px;
}
.support__faq-item-content .support__faq-item-content-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
}
.product-top__content.white-header .product-top__title,
.product-top__content.white-header .product-top__price {
	color: #0d0d0d;
}
.hidden-text {
	display: inline-block !important;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
}
.product-scroll-nav__list h2 {
	padding: 0 32px 0 0;
	margin: 0;
	display: list-item;
	line-height: 22.08px;
	font-size: 16px;
}
.d-none {
	display: none !important;
}
.viewer-colornav-item label {
	cursor: pointer;
}
.play-video-thumb {
	margin-bottom: 5px;
}
.gallery-slider__slide video {
	display: block;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
}
.gallery-slider__slide video {
	height: calc(95vh - 79px);
}

#scrollVideo {
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 3rem;
	opacity: 0;
	transition: opacity 0.4s ease;
	text-align: center;
	pointer-events: none;
}
.products--s3 {
	background: #000;
}
.products--s3 .products__right {
	width: 100%;
	padding-top: 40px;
}
.products--s3 .products__video-scroll {
	margin-top: -500px;
}
#pro-chair-section {
	z-index: 1000;
}
.products--s3 .split-text {
	text-align: center;
}
.products--s3 .about__text {
	max-width: 65%;
}
.products--s3 .products__right-canvas-text {
	top: 10%;
	right: 5%;
	bottom: auto;
	left: auto;
	transform: none;
	max-width: 435px;
	padding: 0;
	position: fixed;
}
.products--s3 #chair-text-02 {
	top: auto;
	bottom: 15%;
}
.products--s3 #chair-text-05 {
	position: sticky;
	top: 80vh;
	transition: opacity 0.3s ease;
}
.products--s3 .products__right-canvas-text .h4 {
	display: block;
	max-width: 381px;
	margin-top: 30px;
	letter-spacing: 0;
}
.products--s3 .products__right-canvas-text.h4 {
	top: auto;
	left: 0;
	right: 0;
	bottom: 5%;
	text-align: center;
	margin: 0 auto;
	max-width: 520px;
}
@media screen and (max-width: 768px) {
	.products--s3 .about__text {
		max-width: 90%;
	}
	.products--s3 .products__right-canvas-text {
		top: 20px;
		left: 10px;
		right: 10px;
	}
	.products--s3 #chair-text-02 {
		bottom: auto;
		top: 20px;
	}
	.products--s3 .products__right-canvas-text .h4 {
		margin-top: 25px;
	}
}

#set-height {
	display: block;
	min-height: 100vh;
	position: relative;
}
#v0 {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-fit: contain;
}
#set-height1 {
	display: block;
	min-height: 100vh;
	position: relative;
}
#v01 {
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-fit: contain;
}
.products__right-canvas-text {
	transition: opacity 0.3s ease;
	opacity: 0;
	will-change: opacity;
}

.products--s3 .products__right-sequence {
	height: auto;
}
.product-icons__filters-wrap {
	text-align: center;
}
.product-icons__filters {
	display: inline-flex;
	margin: 0 auto 60px;
	background: #1b1b1b;
	padding: 2px;
	border-radius: 4px;
	justify-self: center;
	max-width: 100%;
}
.product-icons__filter-btn {
	border: none;
	color: #8e8e8e;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	height: 44px;
	display: flex;
	background: transparent;
	align-items: center;
	padding: 0 16px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
}
.product-icons__filter-btn:hover {
	color: #fff;
}
.product-icons__filter-btn span {
	border-radius: 50%;
	margin-left: 4px;
	font-size: 8px;
	align-self: flex-start;
	margin-top: 16px;
}
.product-icons__filter-btn.active {
	background-color: #121212;
	color: #f5f5f5;
}
.product-icons__filter-btn.active span {
	color: #0488ff;
}
/* Стан, коли елемент відфільтрований */
.product-icons__item.hide {
	opacity: 0;
	/* display: none; ми додамо через JS після завершення анімації */
}

.product-icons__item.hide.show {
	transition: opacity 0.4s ease;
	opacity: 1;
	transform: scale(1);
	flex: 0 0 140px;
	margin: 0 35px;
}
.product-icons__list:not(.swiper-free-mode) .swiper-wrapper {
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.product-icons__filter-btn {
		height: 36px;
		padding: 0 10px;
		font-size: 10px;
	}
	.product-icons__filter-btn span {
		margin-top: 12px;
	}
	#v0 {
		position: sticky;
		top: 50%;
		left: 0;
		width: 100%;
		height: 53vh;
		object-fit: cover;
		transform: translateY(-40%);
	}
	.products__right-progress {
		right: 20px;
		top: calc(50% + 31vh + 25px);
		flex-direction: row;
		gap: 7px;
		left: 20px;
		justify-content: center;
	}
	.dot.active {
		height: 6px;
		width: 15px;
	}
}

.basket__empty-text {
	margin-top: 30px;
	color: #0d0d0d;
	font-weight: 600;
	max-width: 95%;
	margin-bottom: auto;
}
.catalog-filter__item-row.disabled {
	opacity: 0.6;
}
.footer__phone-link {
	font-weight: 500;
	font-size: 16px;
	line-height: 130%;
	color: #f5f5f5;
	text-decoration: none;
}
.footer__phone+.footer__phone .footer__phone-link{
	    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
}
.seo-scroll__btn {
	box-shadow:
		0 0 80px rgba(13, 13, 13, 1),
		0 0 60px rgba(13, 13, 13, 1);
	background: #0d0d0d;
	position: sticky;
	bottom: 20px;
	margin: 20px auto 0;
	z-index: 10;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.seo-scroll__btn.active {
	opacity: 1;
}

.casters {
	height: 100vh;
	position: relative;
	max-width: 1680px;
	margin: 0 auto;
	overflow: hidden;
}

.casters-item,
.casters-text {
	opacity: 0;
	transform: translateY(0px);
	position: absolute;
}
.casters-text {
	color: #fff;
}
.casters-item-1 img,
.casters-item-2 img,
.casters-item-3 img {
	max-width: 266px;
	object-fit: contain;
}
.casters-item-1 img,
.casters-stop .casters-item-2 img,
.casters-stop .casters-item-3 img {
	max-width: 272px;
}
.casters-item-4 img {
	max-width: 190px;
	object-fit: contain;
}
.casters-stop .casters-item-4 img {
	max-width: 194px;
}
.casters-item-5 img {
	max-width: 1157px;
}
.casters-text-1 {
	left: 0;
	right: 0;
	text-align: center;
	height: 100vh;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-end;
	max-width: 60%;
	margin: 0 auto;
	padding-bottom: 40px;
}
.casters-text-1 .h2 {
	margin-bottom: 24px;
}
.casters-text-1 .h4 {
	max-width: 520px;
	opacity: 0;
}
.casters-item-1 {
	top: 171px;
	left: 50%;
	transform: translateX(-50%);
}
.casters-item-2 {
	top: 111px;
	left: 50%;
	margin-left: 568px;
}
.casters-stop .casters-item-2 {
	left: 50%;
	margin-left: 590px;
}
.casters-item-3 {
	top: 230px;
	z-index: -1;
	left: 50%;
	margin-left: -832px;
}
.casters-stop .casters-item-3 {
	left: 50%;
	margin-left: -855px;
}
.casters-item-4 {
	left: 50%;
	margin-left: -589px;
	top: 325px;
	z-index: -1;
	transform: translateX(-50%);
}
.casters-stop .casters-item-4 {
	left: 50%;
	margin-left: -604px;
	top: 322px;
}
.casters-item-5 {
	right: calc(50% - 195px);
	top: -834px;
}
.casters-stop .casters-item-5 {
	right: calc(50% - 164px);
	top: -842px;
}
.casters-text-2 {
	max-width: 495px;
	top: 50vh;
	right: 0;
	padding-right: 30px;
}
.casters-item__fullwidth {
	width: 100%;
	height: 100vh;
}
.casters-item__fullwidth img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.casters-item-6 {
	top: 100vh;
}
.casters-nav {
	max-width: 1060px;
	margin: 0 auto;
	bottom: 60px;
	left: 0;
	right: 0;
}
.casters-nav__item {
	opacity: 0.24;
	cursor: pointer;
}
.casters-nav__item.active {
	opacity: 1;
}

.casters-text--fixed {
	max-width: 1060px;
	margin: 0 auto;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 2;
}
.casters-text--fixed > * {
	width: 45%;
	max-width: 520px;
}
.casters-specif {
	padding-top: 120px;
}
.casters-specif .tab-content.active .side-specif-1:before {
	width: 140px;
}
.casters-specif.casters-no-stop-specif
	.tab-content.active
	.side-specif-1:before {
	width: 300px;
	left: -283px;
}
.casters-specif.casters-no-stop-specif
	.tab-content.active
	.side-specif-1:after {
	left: -190px;
}
.casters-specif .tab-content.active .side-specif-2,
.casters-specif .tab-content.active .side-specif-2 {
	background-image: url(../img/front-line-6.svg);
}
.casters-specif .tab-content.active .side-specif-2:before,
.casters-specif .tab-content.active .side-specif-2:after {
	height: 17px;
}
.casters-specif .tab-content.active .side-specif-4 {
	background-image: url(../img/front-line-7.svg);
}
.casters-specif .tab-content.active .side-specif-4:before {
	width: 71px;
	right: -62px;
	top: 93px;
}
.casters-specif.casters-no-stop-specif
	.tab-content.active
	.side-specif-4:before {
	width: 76px;
	left: -68px;
	top: 93px;
}
.casters-specif .tab-content.active .side-specif-5 {
	background-image: url(../img/side-line-1.svg);
	background-size: 60.5%;
}
.casters-specif .tab-content.active .side-specif-5:after {
	width: 156px;
	right: -143px;
	left: auto;
}
.casters-specif .side-specif-5:before {
	display: none;
}
.quality-section + .product-interior:before,
.casters-materials + .product-interior:before {
	background: linear-gradient(
		180deg,
		#0d0d0d 0%,
		rgba(13, 13, 13, 0.75) 49.5%,
		rgba(13, 13, 13, 0) 100%
	);
}
.quality-title {
	letter-spacing: -0.02em;
}
.quality-texts {
	gap: 4px;
	position: absolute;
	bottom: 40px;
	left: 40px;
	right: 40px;
}
.quality-text {
	padding: 20px;
	flex: 1;
	background: #4d4d4da3;
	border-radius: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3;
	backdrop-filter: blur(10px);
}
.casters-animation {
	flex: 1;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #121212;
}
.casters-animation__number,
.casters-animation__number:after,
.casters-animation__number:before {
	font-weight: 600;
	font-size: min(80px, 7vw);
	line-height: 1;
	letter-spacing: -0.02em;
	text-align: center;
	color: #067ce7;
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	width: 42%;
	aspect-ratio: 4 / 3.8;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 12px;
	margin: 0 auto;
	z-index: 2;
}
.casters-animation__number svg {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	z-index: -1;
}
.weight-el-3 {
	transform: translateY(-60px);
	transition: 1s ease;
}
.show .weight-el-3 {
	transform: translateY(0px);
}
.weight-el-1,
.weight-el-2 {
	opacity: 0;
	transition: 0.3s ease;
}
.show .weight-el-1 {
	opacity: 0.08;
}
.show .weight-el-2 {
	opacity: 0.16;
	transition-delay: 0.3s;
}
.casters-animation__number-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: translateY(-60px);
	transition: 1s ease;
}
.show .casters-animation__number-inner {
	transform: translateY(0px);
}
.casters-animation__number span {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3;
	color: #0488ff;
}
.casters-animation__img {
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	width: 616px;
	height: 616px;
	bottom: -300px;
	animation: spin 7s linear infinite;
	will-change: transform;
}

@keyframes spin {
	from {
		transform: translate(-50%, 0) rotate(0deg);
	}
	to {
		transform: translate(-50%, 0) rotate(360deg);
	}
}
.casters-animation__text {
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	color: #8e8e8e;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 220px 60px 60px;
	background: linear-gradient(
		180deg,
		rgba(18, 18, 18, 0) 0%,
		rgba(18, 18, 18, 0.75) 49.52%,
		#121212 100%
	);
}
.casters-animation__els {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.casters-animation__els > * {
	position: absolute;
	opacity: 0;
	animation: moveFade 3s ease-in-out infinite;
	will-change: transform, opacity;
}
.casters-animation__el1 {
	top: 6%;
	left: 6%;
}
.casters-animation__el2 {
	top: 20%;
	left: 20%;
}
.casters-animation__el3 {
	top: 27%;
	left: 12%;
}
.casters-animation__el4 {
	top: 6%;
	left: 49%;
}
.casters-animation__el5 {
	top: 6%;
	left: 83%;
}
.casters-animation__el6 {
	top: 30%;
	left: 75%;
}
.casters-animation__el7 {
	top: 40%;
	left: 92%;
}
.casters-animation__els > *:nth-child(1) {
	animation-delay: 0s;
	animation-duration: 3s;
}
.casters-animation__els > *:nth-child(2) {
	animation-delay: 0.5s;
	animation-duration: 3.5s;
}
.casters-animation__els > *:nth-child(3) {
	animation-delay: 1.2s;
	animation-duration: 4s;
}
.casters-animation__els > *:nth-child(4) {
	animation-delay: 0.8s;
	animation-duration: 3s;
}
.casters-animation__els > *:nth-child(5) {
	animation-delay: 1.6s;
	animation-duration: 4s;
}
.casters-animation__els > *:nth-child(6) {
	animation-delay: 2.3s;
	animation-duration: 3.5s;
}
.casters-animation__els > *:nth-child(7) {
	animation-delay: 2.8s;
	animation-duration: 3s;
}
@keyframes moveFade {
	0% {
		opacity: 0;
		transform: translateY(-40px);
	}

	/* плавна поява */
	20% {
		opacity: 1;
	}

	/* елемент видимий */
	50% {
		opacity: 1;
	}

	/* плавне зникнення */
	80% {
		opacity: 0;
	}

	/* пауза перед новим циклом */
	100% {
		opacity: 0;
		transform: translateY(50px);
	}
}
.product__inner-cards:not(.swiper-initialized) .swiper-wrapper {
	gap: 30px;
}
.product__inner-cards:not(.swiper-initialized) .card {
	flex: 1;
}

.quiz-banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 20px 40px;
	background: #1b1b1b;
	color: #fff;
	overflow: hidden;
	gap: 60px;
	margin-bottom: 30px;
}

.quiz-banner__title h2 {
	margin: 0;
	font-size: clamp(20px, 2.5vw, 32px);
	line-height: 110%;
	font-weight: 600;
	letter-spacing: -0.6px;
}

.quiz-banner__steps {
	max-width: 710px;
}
.quiz-banner__steps img{
  max-width: 100%;
}
.question {
	background: url(img/question.svg) no-repeat center/cover;
	min-width: 320px;
}
.answer {
	background: url(img/answer.svg) no-repeat center/cover;
	min-width: 320px;
}

.step-arrow {
	font-size: 82px;
	color: #474747;
	line-height: 1;
}

.quiz-banner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	height: 60px;
	padding: 0 24px;

	background: #f5f5f5;
	color: #0d0d0d;

	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 2px;
	white-space: nowrap;
	transition: 0.3s all;
	outline: none;
	z-index: 2;
}
.quiz-banner .quiz-banner__button {
	margin-left: auto;
}

.quiz-banner__button:hover {
	background: #fff;
}

.quiz-banner__close {
	position: absolute;
	top: 0px;
	right: 0px;

	width: 12px;
	height: 12px;

	border: 0;
	background: #8e8e8e;
	color: #d9d9d9;
	cursor: pointer;
	padding: 0;
	margin: 0;
	font-size: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tool-canvas-area {
	width: 100%;
	height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
canvas {
	display: block;
	background: transparent;
}
.quiz-start {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 45%;
	text-align: center;
}
.quiz-start__title {
	font-size: clamp(40px, 5vw, 80px);
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 105%;
}

.quiz {
    min-height: 100dvh;
    color: #f5f5f5;
    display: flex;
    flex-direction: column;
    padding-top: 110px;
}

.quiz.question-hidden {
    display: none;
}

.quiz__container {
	width: 100%;
	max-width: 1070px;
	margin: 80px auto 0;
}

.quiz__progress {
	display: flex;
	gap: 10px;
}

.quiz__progress span {
	height: 2px;
	background: #4d4d4d;
	flex: 1;
}

.quiz__progress .is-active {
	background: #f5f5f5;
}

.quiz__counter {
	color: #f5f5f5;
	font-size: 12px;
	line-height: 210%;
	margin-bottom: 10px;
}

.quiz__title {
	margin: 0px 0 40px;
	font-size: 32px;
	line-height: 1.15;
}

.quiz__subtitle {
	color: #8e8e8e;
	font-size: 14px;
	margin-bottom: 30px;
}

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

.radio {
	display: flex;
	align-items: center;
	gap: 16px;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
}

.radio input {
	display: none;
}

.radio__circle {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #4d4d4d;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.radio input:checked + .radio__circle::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: #f5f5f5;
	width: 24px;
	height: 24px;
}

.range__wrapper {
    position: relative;
    padding-top: 32px;
    height: 45px;
}

.range__wrapper:after,
.range__wrapper:before {
	content: "";
	display: block;
	width: 1px;
	height: 11px;
	background: #d9d9d9;
	position: absolute;
	bottom: 6px;
	z-index: 1;
}
.range__wrapper:before {
	left: 0;
}
.range__wrapper:after {
	right: 0;
}

.range {
	width: 100%;
	max-width: 355px;
}

.range__input {
	width: 100%;
	height: 1px;
	appearance: none;
	background: #f5f5f5;
	cursor: pointer;
	padding: 0;
	margin: 0;
	outline: none;
	display: block;
	position: relative;
	z-index: 2;
}

/* Chrome */

.range__input::-webkit-slider-thumb {
	appearance: none;

	width: 25px;
	height: 25px;

	border-radius: 50%;
	border: 1px solid #f5f5f5;

	background: #1a1a1a url(/img/tumbler-ico.svg) no-repeat center;

	cursor: pointer;
}

/* Firefox */

.range__input::-moz-range-thumb {
	appearance: none;

	width: 25px;
	height: 25px;

	border-radius: 50%;
	border: 1px solid #f5f5f5;

	background: #1a1a1a url(/img/tumbler-ico.svg) no-repeat center;

	cursor: pointer;
}

.range__value {
	position: absolute;
	top: 0;
	left: 0;

	transform: translateX(-50%);

	color: #f5f5f5;
	font-size: 12px;
	font-weight: 500;

	white-space: nowrap;
	width:25px;
	text-align: center;
	line-height: 1;
}

.range__limits {
	margin-top: 1px;

	display: flex;
	justify-content: space-between;

	color: #8e8e8e;
	font-size: 8px;
}

.quiz__nav {
	margin-top: 80px;
	display: flex;
	gap: 2px;
	margin-bottom: 80px;
}

.quiz-btn {
	width: 60px;
	height: 60px;
	border: 0;
	background: #1b1b1b;
	color: #4d4d4d;
	cursor: pointer;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.quiz-btn.prev {
	transform: rotate(180deg);
}
.quiz-btn svg {
	opacity: 0.2;
	transition: opacity 0.3s;
}

.quiz-btn:hover svg {
	opacity: 1;
}
.quiz-btn:disabled {
	cursor: default;
	opacity: 0.5;
}
.quiz-btn:disabled:hover svg {
	opacity: 0.2;
}

.quiz__hint {
    margin: auto auto 0;
    max-width: 1070px;
    display: flex;
    gap: 16px;
    background: #1b1b1b;
    border: 1px solid #4d4d4d;
    padding: 16px 20px;
    border-radius: 4px;
    position: sticky;
    bottom: 30px;
}
.quiz__hint-text {
	color: #f5f5f5;
	line-height: 1.2;
	font-size: 12px;
	font-weight: 400;
}
#quiz-cont .result{
	padding-top: 110px;
}
.result__top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.result__top a {
	color: #8e8e8e;
	display: inline-flex;
	align-items: center;
	gap: 16px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
	transition: 0.3s all;
}
.result__top a:hover {
	color: #fff;
}
.result__card {
	display: grid;
	grid-template-columns: 550px 1fr;

	background: #121212;
	border-radius: 8px;

	padding: 6px;
	margin-bottom: 72px;
}

.result__content {
	padding: 24px 34px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.result__image {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0d0d0d;
	border-radius: 4px;
}

.result__image img {
	max-width: 80%;
	max-height: 90%;
	object-fit: contain;
}
.result__badge {
	background-image: linear-gradient(90deg, #0488ff 0%, #025299 100% 100%);
	color: transparent;
	background-clip: text;
	font-size: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: uppercase;
	margin-bottom: 18px;
	align-self: flex-start;
}
.result__title {
	font-size: clamp(40px, 5vw, 52px);
	font-weight: 600;
	line-height: 1.05;
	margin: 0 0 20px;
}
.result__title span {
	color: #8e8e8e;
}
.result__price{
  margin-bottom: 30px;
}
.result__text {
	font-size: 14px;
	color: #f5f5f5;
	line-height: 1.2;
	margin-top: auto;
	margin-bottom: 30px;
	max-width: 352px;
	font-weight: 400;
}
.result__text p {
	margin-bottom: 16px;
}
.result__content .quiz-banner__button {
	margin: 0 auto 0 0;
}
.result__price-current {
	color: #fff;
	padding-right: 10px;
}
.same__products {
	margin-bottom: 120px;
}
.catalog-body__list.same__products-list {
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 30px;
}
.same__products-list .card__footer > a {
	gap: 30px;
}
.card__footer-btn {
	position: absolute;
	right: 16px;
	bottom: 16px;
	cursor: pointer;
	z-index: 2;
	flex: 0 0 auto;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	transition: 0.3s ease-in-out;
	color: #8e8e8e;
	line-height: 1;
}
.card__price .old-price{
    color: #8e8e8e;
    position: relative;
    padding: 0;
    margin-right: 5px;
    line-height: 17px;
    margin-left: 0;
}
.card__price .old-price:before {
    position: absolute;
    top: 50%;
    left: 13%;
    width: 70%;
    height: 1px;
    content: "";
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
    background-color: #d92020;
}
.card__footer-btn:hover {
	color: #fff;
}
.same__products .btn {
	color: #8e8e8e;
}
.same__products .btn:hover {
	color: #0d0d0d;
}

:root {
	--sidebar: 265px;
	--product-width: 265px;
	--bg-light: #1a1a1a;
	--line: #1b1b1b;
}
.compare {
	color: #fff;
	line-height: 1.2;
	margin-bottom: 120px;
	position: relative;
}
.compare__header {
	display: grid;
	grid-template-columns: var(--sidebar) 1fr;
	border-top: 2px solid var(--DEEP-GREY, #1b1b1b);
	background: #0d0d0d;
	position: sticky;
	top: 0;
	z-index: 101;
}

.compare__cell--title {
	font-size: 14px;
	font-weight: 600;
	padding: 12px 12px 12px 0;
}
.compare__products {
	display: grid;

	grid-auto-flow: column;
	grid-auto-columns: var(--product-width);
}
.compare__product {
	display: flex;
	gap: 16px;

	padding: 12px;
	position: relative;
}

.compare__product > img {
	width: 64px;
	height: 64px;
	flex: none;
}

.product__badge {
	position: absolute;
	top: 12px;
	left: 12px;
}

.product__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.product__title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}
.product__title br{
	display: none;
}

.product__series {
	color: #8e8e8e;
	font-size: 12px;
	fill: #8e8e8e;
	display: inline-flex;
	align-items: center;
	position: relative;
	flex: 0 0 auto;
}
.compare-group__title {
	display: flex;
	justify-content: center;
	align-items: center;

	min-height: 38px;
	padding: 12px 8px;

	background: #1b1b1b;

	color: #8e8e8e;

	font-size: 12px;
}
.compare-row {
	display: grid;
	grid-template-columns: var(--sidebar) 1fr;

	border-bottom: 1px solid var(--line);
	min-height: 38px;
}
.compare-row:last-child {
	border-bottom: 0;
}
.compare-row__label {
	padding: 12px 0;
	font-size: 12px;

	font-weight: 600;
	color: #f5f5f5;
}
.compare-row__values {
	display: grid;

	grid-auto-flow: column;
	grid-auto-columns: var(--product-width);
}
.compare-value {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 12px;

	color: #8e8e8e;
	font-size: 12px;
	position: relative;
}
.compare-value:first-child:after,
.compare__product:first-child:after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	background: linear-gradient(
		270deg,
		#4d4d4d 0%,
		rgba(77, 77, 77, 0) 50%,
		#4d4d4d 100%
	);
	opacity: 0.16;
	z-index: 1;
}
.compare-row .quiz-banner__button {
	margin-top: 18px;
	margin-bottom: 38px;
}
.tooltip-btn {
	width: 20px;
	height: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}
.tooltip-btn + .tooltip {
	position: absolute;
	bottom: 100%;
	left: 77%;
	width: 285px;
	max-width: max-content;
	color: #f5f5f5;
	z-index: 100;
}
.tooltip-btn:hover + .tooltip {
	opacity: 1;
	visibility: visible;
	display: block;
}
.compare__products .tooltip {
	bottom: initial;
left: initial;
}
.compare__products .tooltip {
    position: fixed;
    width: 285px;
    max-width: calc(100vw - 16px);

    opacity: 0;
    visibility: hidden;
    transition: opacity .2s;

    z-index: 9999;
}

.compare__products .tooltip.show {
    opacity: 1;
    visibility: visible;
}


@media screen and (max-height: 900px) {
	.casters-item-1 {
		top: 141px;
	}
	.casters-item-2 {
		top: 81px;
	}
	.casters-item-3 {
		top: 200px;
	}
	.casters-item-4 {
		top: 294px;
	}
	.casters-stop .casters-item-4 {
		top: 293px;
	}
	.casters-item-5 {
		top: -864px;
	}
	.casters-stop .casters-item-5 {
		top: -870px;
	}
}

@media screen and (max-width: 1450px), (max-height: 710px) {
	.casters-item-1 img,
	.casters-item-2 img,
	.casters-item-3 img,
	.casters-item-1,
	.casters-item-2,
	.casters-item-3 {
		width: 213px;
	}
	.casters-stop .casters-item-1 img,
	.casters-stop .casters-item-2 img,
	.casters-stop .casters-item-3 img,
	.casters-stop .casters-item-1,
	.casters-stop .casters-item-2,
	.casters-stop .casters-item-3 {
		width: 213px;
	}
	.casters-item-1 {
		top: 121px;
	}
	.casters-item-2 {
		top: 93px;
		left: 50%;
		margin-left: 554px;
	}
	.casters-item-3 {
		left: 50%;
		margin-left: -766px;
		top: 149px;
	}
	.casters-item-4 {
		top: 280px;
		left: 50%;
		margin-left: -473px;
	}
	.casters-item-4 img,
	.casters-item-4 {
		width: 152px;
	}
	.casters-item-5 {
		top: -815px;
		right: calc(50% - 154px);
	}
	.casters-item-5 img {
		width: 925px;
	}
	.casters-text-1 {
		padding-bottom: 20px;
	}
	.casters-stop .casters-item-2 {
		left: 50%;
		margin-left: 565px;
		top: 87px;
	}
	.casters-stop .casters-item-3 {
		left: 50%;
		margin-left: -773px;
		top: 154px;
	}
	.casters-stop .casters-item-4 {
		left: 50%;
		margin-left: -478px;
		top: 279px;
	}
	.casters-stop .casters-item-5 {
		right: calc(50% - 135px);
		top: -822px;
	}
}

@media screen and (max-width: 1350px) {
	.casters-item-1 img,
	.casters-item-2 img,
	.casters-item-3 img,
	.casters-item-1,
	.casters-item-2,
	.casters-item-3 {
		width: 186px;
	}
	.casters-item-2 {
		left: 50%;
		margin-left: 547px;
		top: 79px;
	}
	.casters-item-3 {
		left: 50%;
		margin-left: -733px;
		top: 163px;
	}
	.casters-item-4 {
		top: 283px;
		left: 50%;
		margin-left: -415px;
	}
	.casters-item-4 img,
	.casters-item-4 {
		width: 133px;
	}
	.casters-item-5 {
		top: -781px;
		right: calc(50% - 135px);
	}
	.casters-item-5 img {
		width: 810px;
	}
	.casters-text-2 {
		top: 26vh;
	}
	.casters-stop .casters-item-5 img {
		width: 925px;
	}
	.quiz-banner {
		gap: 30px;
	}
	:root {
		--sidebar: 23vw;
		--product-width: 23vw;
	}
}

@media screen and (max-width: 1100px) {
	.casters-nav,
	.casters-text--fixed {
		left: 20px;
	}
	.casters-text-1 {
		max-width: 100%;
		padding: 0 20px;
	}
	.casters-text--fixed {
		top: 100px;
	}
	.quality-text {
		padding: 15px;
		font-size: 14px;
	}
	.quality-texts {
		left: 30px;
		bottom: 30px;
		right: 30px;
	}
}

@media screen and (max-width: 768px) {
	.casters-item-1 img,
	.casters-item-2 img,
	.casters-item-3 img,
	.casters-item-1,
	.casters-item-2,
	.casters-item-3,
	.casters-stop .casters-item-1 img,
	.casters-stop .casters-item-2 img,
	.casters-stop .casters-item-3 img,
	.casters-stop .casters-item-1,
	.casters-stop .casters-item-2,
	.casters-stop .casters-item-3 {
		width: 150px;
	}
	.casters-item-1,
	.casters-stop .casters-item-1 {
		top: 123px;
	}
	.casters-item-2,
	.casters-stop .casters-item-2 {
		left: 50%;
		margin-left: 538px;
		top: 89px;
	}
	.casters-item-3,
	.casters-stop .casters-item-3 {
		left: 50%;
		margin-left: -688px;
		top: 156px;
	}
	.casters-item-4 img,
	.casters-item-4,
	.casters-stop .casters-item-4,
	.casters-stop .casters-item-4 img {
		width: 133px;
	}
	.casters-stop .casters-item-4 {
		left: 50%;
		margin-left: -340px;
	}
	.casters-item-5 {
		top: -731px;
		right: calc(50% - 100px);
	}
	.casters-stop .casters-item-5 {
		top: -739px;
		right: calc(50% - 83px);
	}
	.casters-item-5 img,
	.casters-stop .casters-item-5 img {
		width: 653px;
	}
	.casters-text-2 {
		top: 26vh;
		top: auto;
		bottom: -55px;
		padding: 0 10px;
	}
	.casters-text-1 {
		padding: 0 10px 20px;
	}
	.casters-text--fixed {
		left: 10px;
		right: 10px;
		top: 80px;
	}
	.casters-text--fixed > * {
		width: 100%;
	}
	.casters-item__fullwidth img {
		object-position: 90% 50%;
	}
	.casters-item__fullwidth:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			90deg,
			#0d0d0d 0%,
			rgba(13, 13, 13, 0) 100%
		);
		opacity: 0.64;
	}
	.quality-section {
		padding: 60px 0;
	}
	.quality-texts {
		flex-direction: column;
	}
	.quality-text {
		padding: 20px;
		font-size: 16px;
	}
	.casters-animation {
		height: 400px;
		flex: 0 0 400px;
		width: 100%;
	}
	.casters-animation__els .arrow svg {
		max-height: 70px;
	}
	.casters-animation__img {
		width: 413px;
		height: 413px;
		bottom: -190px;
	}
	.casters-animation__text {
		padding: 130px 30px 30px;
	}
	.casters-specif__section {
		padding-top: 0;
		margin-top: 0;
	}
	.casters-specif {
		padding: 80px 20px 60px;
	}
	.casters-specif .product-specif__img {
		margin-right: -45px;
		zoom: 0.78;
	}
	.casters-stop-specif .side-specif-1 {
		left: -50px !important;
	}
	.casters-specif.casters-no-stop-specif .product-specif__img {
		margin-right: 84px;
		zoom: 0.8;
	}
	.product__inner-cards {
		width: 100%;
		overflow: hidden;
	}
	.product__inner-cards .card {
		flex: 0 0 335px;
	}
	.product-inn .support {
		padding-top: 60px;
	}
	.casters-materials .product-materials__slider:not(.js-big-slider) {
		margin-bottom: 30px;
	}
	.quiz-banner {
		flex-wrap: wrap;
		gap: 20px;
		padding: 20px;
		margin-bottom: 20px;
	}
	.quiz-banner__title {
		max-width: 50%;
	}
	.quiz-banner__steps {
		order: 100;
	}
	.quiz-banner__button {
		font-size: 12px;
	}
	.quiz-start {
		padding: 0 10px;
		width: 100%;
		max-width: 100%;
	}
	.quiz-start__title {
		margin-bottom: 20px;
	}
	.quiz {
		padding-top: 66px;
	}
	.quiz__container {
		margin-top: 40px;
	}
	.quiz__counter {
		margin-bottom: 16px;
	}
	.quiz__title {
		margin: 0px 0 30px;
		font-size: 20px;
	}
	.quiz__subtitle {
		margin-bottom: 20px;
	}
	.quiz__nav {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	#quiz-cont .result{
		padding-top: 66px;
	}
	.compare {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.quiz__hint {
		flex-direction: column;
		position: static;
	}
	.result__top {
		margin-bottom: 20px;
	}
	.result__top a {
		gap: 8px;
	}
	.result__top a svg {
		max-width: 32px;
	}
	.result__card {
		grid-template-columns: 1fr;
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 60px;
	}
	.result__image {
		order: 1;
	}
	.result__content {
		padding: 10px 0;
		order: 2;
	}
	.result__badge {
		margin-bottom: 16px;
	}
	.result__title {
		margin-bottom: 16px;
	}
	.result__price {
		margin-bottom: 20px;
	}
	.result__text {
		font-size: 12px;
		order: 100;
		margin: 30px 0;
	}
	.same__products .product-section__title {
		margin-bottom: 20px;
	}
	.same__products-list .card__footer > a {
		gap: 8px;
	}
	.compare-section,
	.same__products {
		height: auto;
	}
	.compare-section {
		position: relative;
	}
	.same__products {
		margin-bottom: 64px;
	}
	:root {
		--sidebar: 185px;
		--product-width: 185px;
	}
	.compare-group__title {
		justify-content: flex-start;
	}
	.compare-group__title span {
		position: sticky;
		left: 8px;
		max-width: 165px;
	}
	.compare__header,
	.compare-row {
		width: max-content;
	}
	.compare__cell,
	.compare-row__label {
		position: sticky;
		left: 0;

		z-index: 100;
	}
	.compare-row__label{
		padding-right: 10px;
	}
	.compare-row__label,
	.compare__cell--title {
		background: #0d0d0d;
	}
	.compare__product,
	.product__content {
		gap: 8px;
	}
	.product__title {
		font-size: 12px;
	}
	.compare-section.is-scrolled:after, .compare__header-clone.is-scrolled:after {
		content: "";
		display: block;
		width: 185px;
		height: 100%;
		box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 101;
	}
	.compare-group {
		width: max-content;
		min-width: 100%;
	}
	.compare__header-clone {
    position: fixed;
    top: 0;
    left: 10px;
    z-index: 1000;
    display: none;
    overflow: hidden;
	pointer-events: none;
}

.compare__header-clone.is-visible {
    display: grid;
	padding-left: 185px;
}

.compare__header-clone .compare__products {
	transform: translate3d(0, 0, 0);

	will-change: transform;
}
.compare__header-clone .compare__cell--title {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 185px !important;
	height: 100%;
}
.result__image img {
    max-width: 100%;
    max-height: 100%;
}
}

@media (width < 600px) {
	.catalog-body__list.same__products-list {
		grid-template-columns: 1fr;
		margin-bottom: 40px;
	}
}



    .installment-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;

      display: flex;
      align-items: center;
      justify-content: center;

      background:#fff;

      opacity: 0;
      visibility: hidden;
      transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
    }
    .installment-overlay.is-open {
      opacity: 1;
      visibility: visible;
    }
    .installment-modal {
      position: relative;
      width: min(1070px, 100%);
      min-height: 100dvh;
      padding: 80px 0px;
      transform: translateY(10px);
      transition: transform 0.2s ease;
	  color:#1B1B1B;
    }
    .installment-overlay.is-open .installment-modal {
      transform: translateY(0);
    }
    .installment-close {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 30px;
      height: 30px;
      padding: 10px;
      border: 0;
      background: transparent;
      cursor: pointer;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  opacity: 0.8;
	  transition: 0.3s all;
	  z-index: 1000;
    }
	.installment-close img{
		width: 10px;
		height: 10px;
	}
    .installment-close:hover {
		opacity: 1;
    }
    .installment-title {
      margin: 0;
    }
    .installment-divider {
      width: 100%;
      height: 1px;
      margin-top: 80px;
      background: #0D0D0D;
	  opacity: 0.05;
    }
    .installment-row {
      display: grid;
      grid-template-columns:
        minmax(318px, 1fr)
        383px
        103px
        96px;
      align-items: center;
      gap: 40px;
      margin-top: 32px;
    }
    .installment-provider {
      display: flex;
      align-items: center;
      min-width: 0;
    }
    .installment-provider-icon {
      flex: 0 0 60px;
      width: 60px;
      height: 60px;
      margin-right: 19px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #F5F5F5;
	  border-radius: 2px;
    }
    .installment-provider-icon svg {
      width: 20px;
      height:20px;
    }
    .installment-provider-name {
      margin: 0;
      font-size: 16px;
      line-height: 130%;
      font-weight: 500;
    }
    .installment-provider-info {
      margin: 8px 0 0;
      color: #8E8E8E;
      font-size: 14px;
      line-height: 120%;
    }
    .installment-select-wrapper {
      position: relative;
    }
    .installment-select {
      width: 100%;
      height: 60px;
      padding: 0 24px;
      border: 2px solid #F5F5F5;
      border-radius: 2px;
      background: #fff;
      color: #1B1B1B;
      font-size: 14px;
	  line-height: 120%;
      font-weight: 600;
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      outline: none;
	  align-items: center;
	  justify-content: center;
	  flex-direction: row;
	  margin: 0;
    }
    .installment-select:focus {
      border-color: #ccc;
    }
    .installment-select-arrow {
      position: absolute;
      top: 50%;
      right: 24px;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 7px solid #1B1B1B;
      transform: translateY(-50%);
      pointer-events: none;
    }
    .installment-price {
      white-space: nowrap;
      font-size: 16px;
      line-height: 130%;
      font-weight: 500;
    }
    .installment-footer {
      position: absolute;
      left: 0px;
      right: 0;
      bottom: 80px;
    }
    .installment-footer-title {
      margin: 0 0 12px;
      font-size: 12px;
      line-height: 120%;
      font-weight: 600;
    }
    .installment-footer-text {
      margin: 0;
      color: #8E8E8E;
      font-size: 12px;
      line-height: 120%;
      font-weight: 400;
    }
    @media (max-width: 991px) {
      .installment-modal {
        padding: 40px 10px 20px;
		        justify-content: space-between;
        display: flex;
        flex-direction: column;
      }
	  .installment-close{
		right: 10px;
		top: 10px;
	  }
      .installment-divider {
        margin-top: 40px;
      }
      .installment-row {
        gap: 20px;
        margin-top: 20px;
		grid-template-columns: 1fr 1fr;
		}

	.installment-provider,
	.installment-select-wrapper {
	grid-column: 1 / -1;
	}
      .installment-select {
        height: 50px;
      }
      .installment-button {
        height: 50px;
        font-size: 12px;
      }
      .installment-footer {
        position: static;
        margin-top: auto;
      }
    }
.product-360__right-row .btn.credit-btn{
width: 190px;
max-width: calc(50% - 4px);
color: #0D0D0D;
}
.credit-pictogram{
width: 100%;
}
.credit-pictogram__list{
display: flex;
align-items: center;
gap:4px
}
.credit-pictogram__item {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #F5F5F5;
}
.credit-pictogram__item img {
max-width: 16px;
}
.credit-pictogram__item-number {
position: absolute;
bottom: 1px;
right: 1px;
color: #4D4D4D;
font-size: 10px;
font-weight: 700;
}
.payment-card {
  position: relative;
  width: 100%;
  min-height: 278px;
  padding: 40px;
  background: #121212;
  border: 1px solid #1B1B1B;
  border-radius: 4px;
  color: #F5F5F5;
  margin-top: 20px;
}
.edit-button {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8E8E8E;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 0.2s ease;
}
.edit-button:hover {
  color: #f5f5f5;
}
.payment-title {
  margin: 0 0 7px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}
.payment-description {
  margin: 0 0 8px;
  color: #8E8E8E;
  font-size: 14px;
  line-height: 1.2;
}
.payment-price {
  margin: 0 0 32px;
  color: #eee;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
}
.phone-label {
  display: block;
  margin-bottom: 8px;
  color: #4D4D4D;
  font-size: 8px;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}
.support-info__wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 12px;
}
.support-info+.support__faq-header{
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (max-width: 600px) {
  .payment-card {
    min-height: auto;
    padding: 20px 20px 64px;
  }
  .edit-button{
	top: auto;
	bottom: 20px;
  }
  .support-info__wrapper{
	margin-top: 0px;
	gap: 40px;
  }
  .support-info+.support__faq-header{
	    padding-top: 32px;
    padding-bottom: 32px;
  }
}




.reviews-section {
    width: 100%;
    max-width: 1400px;
    margin: 40px auto;
    padding: 0 25px;
}
.reviews-title {
max-width: 795px;
}
.reviews-tabs {
    display: flex;
    width: fit-content;
    margin-bottom: 60px;
    background: #1B1B1B;
    border-radius: 4px;
    overflow: hidden;
	padding: 2px;
}
.reviews-tab {
    border: 0;
    background: transparent;
    color: #4D4D4D;
    padding: 16px 25px;
    font-size: 12px;
    cursor: pointer;
	border-radius: 2px;
	line-height: 1;
	transition: 0.3s all;
}
.reviews-tab.active {
    color: #F5F5F5;
    background: #121212;
}
.reviews-tab-content {
    display: none;
}
.reviews-tab-content.active {
    display: grid;
}
.reviews-layout {
    grid-template-columns: 245px 1fr;
    gap: 30px;
}
.rating-number {
font-weight: 600;
font-size: 32px;
letter-spacing: -0.04px;
margin-bottom: 10px;
line-height: 110%;
}
.rating-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
}
.rating-stars {
	display: flex;
	align-items: center;
}
.rating-count {
    color: #8E8E8E;
    font-size: 12px;
}
.rating-filter {
    border-bottom: 1px solid #1B1B1B;
    padding-bottom: 30px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.rating-row {
    display: grid;
    grid-template-columns: 16px 50px 1fr 36px;
    align-items: center;
    font-size: 12px;
    color: #8E8E8E;
	gap: 10px;
}
.rating-row input {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #1B1B1B;
    cursor: pointer;
    position: relative;
	border-radius: 2px;
	transition: 0.3s all;
}
.rating-row input:checked {
    background: #1B1B1B;
    border-color: #1B1B1B;
}
.rating-row input:checked::after {
    content: "✓";
    position: absolute;
    left: 2px;
    top: -1px;
    color: #fff;
    font-size: 12px;
}
.rating-bar {
    height: 4px;
    background: #444;
    position: relative;
}
.rating-bar span {
    display: block;
    height: 100%;
    background: #f2bd00;
}
.rating-percent {
    text-align: right;
    color: #999;
}
.review-aside__text{
font-weight: 400;
font-size: 14px;
line-height: 120%;
}
.write-review {
margin-top: 20px;
border: 0;
height: 44px;
padding: 16px;
}
.reviews-content {
    min-width: 0;
}

.photo-strip {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-bottom: 18px;
    overflow: hidden;
}

.photo-strip img {
    width: 100%;
    aspect-ratio: 1 / .85;
    object-fit: cover;
    border-radius: 4px;
}

.review-card {
    background: #111;
    color: #fff;
    border-radius: 7px;
    padding: 30px 28px;
    margin-bottom: 18px;

    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 35px;
}

.review-user {
    padding-top: 3px;
}

.review-stars {
    margin-bottom: 9px;
	display: flex;
}

.review-author {
    font-size: 13px;
    font-weight: 600;
}

.review-body h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 500;
}

.review-text {
    margin: 0;
    color: #858585;
    line-height: 1.45;
    font-size: 14px;
}

.review-images {
    display: flex;
    gap: 8px;
    margin-top: 18px;
}

.review-images img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.more-images {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    background: #1b1b1b;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-footer {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #777;
    font-size: 11px;
}

.review-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vote {
    border: 0;
    background: none;
    color: #777;
    cursor: pointer;
    padding: 0;
    font-size: 12px;
}

.vote:hover,
.vote.active {
    color: #fff;
}

.store-answer {
    background: #1a1a1a;
    border-radius: 6px;
    margin-top: 18px;
    padding: 25px;

    display: grid;
    grid-template-columns: 215px 1fr;
    gap: 30px;
	grid-column: 1 / -1;
}

.store-name {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
}

.store-label {
    font-size: 11px;
    color: #aaa;
    margin-bottom: 4px;
}

.store-answer h4 {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 500;
}

.store-answer p {
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 1.45;
}

.load-more {
    width: 100%;
    height: 60px;
    border: 0;
    background: #171717;
    color: #555;
    font-size: 13px;
    cursor: pointer;
    margin-top: 10px;
}

.load-more:hover {
    color: #fff;
}

.review-card.hidden-review {
    display: none;
}

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal.active {
    display: flex;
}

.modal-box {
    width: 100%;
    max-width: 500px;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}

.modal-box h2 {
    margin-top: 0;
}

.modal-box input,
.modal-box textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    font-family: inherit;
}

.modal-box textarea {
    min-height: 120px;
    resize: vertical;
}

.modal-buttons {
    display: flex;
    gap: 10px;
}

.modal-buttons button {
    padding: 12px 20px;
    border: 0;
    cursor: pointer;
}

.submit-review {
    background: #111;
    color: #fff;
}

.close-modal {
    background: #eee;
}

@media (max-width: 900px) {

    .reviews-layout {
        grid-template-columns: 1fr;
    }

    .reviews-sidebar {
        padding-top: 0;
    }

    .rating-filter {
        max-width: 500px;
    }

    .write-review {
        margin-top: 25px;
    }

    .photo-strip {
        grid-template-columns: repeat(5, 1fr);
    }

    .review-card {
        grid-template-columns: 140px 1fr;
    }
}

@media (max-width: 600px) {

    .reviews-section {
        padding: 0 15px;
    }

    .reviews-tabs {
        width: 100%;
    }

    .reviews-tab {
        flex: 1;
        padding: 14px 8px;
    }

    .photo-strip {
        grid-template-columns: repeat(3, 1fr);
    }

    .review-card {
        display: block;
        padding: 22px 18px;
    }

    .review-user {
        margin-bottom: 22px;
    }

    .review-footer {
        flex-wrap: wrap;
        gap: 10px;
    }

    .store-answer {
        display: block;
    }

    .store-name {
        margin-bottom: 20px;
    }
}


.review-overlay {
        position: fixed;
        inset: 0;
        z-index: 1000;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 30px;

        background: rgba(0, 0, 0, 0.82);
        backdrop-filter: blur(2px);
		display: none;
    }
    .review-modal {
        position: relative;

        width: min(1065px, 100%);
        height: 700px;

        display: grid;
        grid-template-columns: 518px 1fr;
        grid-template-rows: 1fr 105px;

        overflow: hidden;

        background: #111;
        border-radius: 6px;

        box-shadow:
            0 30px 80px rgba(0, 0, 0, 0.65),
            0 0 0 1px rgba(255,255,255,0.02);
    }

    .gallery {
        grid-column: 1;
        grid-row: 1 / 3;

        position: relative;

        width: 100%;
        height: 100%;

        background: #151515;
        overflow: hidden;
    }

    .main-image {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;

        transition:
            opacity 0.18s ease,
            transform 0.25s ease;
    }

    .main-image.fade {
        opacity: 0;
    }

    .gallery-controls {
        position: absolute;

        right: 10px;
        bottom: 10px;

        display: flex;
    }

    .gallery-btn {
        width: 61px;
        height: 60px;

        border: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #fff;
        background: rgba(12, 12, 12, 0.9);

        cursor: pointer;

        transition: background 0.2s ease;
    }

    .gallery-btn:hover {
        background: rgba(35, 35, 35, 0.95);
    }

    .gallery-btn + .gallery-btn {
        border-left: 1px solid rgba(255,255,255,0.08);
    }

    .arrow {
        font-size: 20px;
        font-weight: 300;
        line-height: 1;
    }

    .review-info {
        position: relative;

        grid-column: 2;
        grid-row: 1;

        padding: 30px 28px;

        background: #111;
    }
    .close-btn {
        position: absolute;

        top: 20px;
        right: 22px;

        width: 24px;
        height: 24px;

        padding: 0;

        border: 0;
        background: transparent;

        color: #777;

        font-size: 24px;
        font-weight: 200;

        line-height: 20px;

        cursor: pointer;
    }

    .close-btn:hover {
        color: #aaa;
    }

    .rating {
        display: flex;
        align-items: center;
        gap: 2px;

        margin-bottom: 6px;
    }

    .star {
        font-size: 13px;
        line-height: 1;

        color: #f3cf00;
    }

    .star.empty {
        color: #555;
    }

    .review-author {
        margin-bottom: 34px;

        font-size: 12px;
        color: #ddd;
    }

    .review-title {
        margin: 0 0 12px;

        font-size: 17px;
        font-weight: 400;
        line-height: 1.35;

        color: #fff;
    }

    .review-text {
        margin: 0;

        max-width: 440px;

        font-size: 14px;
        line-height: 1.45;

        color: #777;
    }

    .review-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;

        color: #8E8E8E;

        font-size: 12px;
    }

    .helpful {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .helpful-text {
        margin-right: 2px;
    }

    .vote {
        display: flex;
        align-items: center;
        gap: 5px;

        color: #777;

        cursor: pointer;
    }

    .vote:hover {
        color: #bbb;
    }

    .vote svg {
        width: 15px;
        height: 15px;

        fill: currentColor;
    }

    .review-date {
        white-space: nowrap;
    }

    .thumbnails {
        grid-column: 1;
        grid-row: 2;

        position: relative;

        display: flex;
        align-items: center;

        gap: 10px;

        padding: 10px 0 10px 0;

        overflow: hidden;

        background: #111;
    }

    .thumbnail {
        flex: 0 0 96px;

        height: 96px;

        padding: 0;

        border: 0;

        background: #222;

        overflow: hidden;

        cursor: pointer;

        opacity: 0.55;

        transition:
            opacity 0.2s ease,
            transform 0.2s ease;
    }

    .thumbnail:first-child {
        margin-left: 0;
    }

    .thumbnail:hover {
        opacity: 0.85;
    }

    .thumbnail.active {
        opacity: 1;
    }

    .thumbnail img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;
    }

    @media (max-width: 800px) {

        .review-overlay {
            padding: 15px;
        }

        .review-modal {
            width: 100%;
            height: auto;
            max-height: 90vh;

            display: flex;
            flex-direction: column;

            overflow-y: auto;
        }

        .gallery {
            height: 55vw;
            min-height: 280px;
            max-height: 500px;
            flex-shrink: 0;
        }

        .thumbnails {
            order: 2;

            height: 90px;
            flex-shrink: 0;
        }

        .thumbnail {
            flex-basis: 75px;
            height: 75px;
        }

        .review-info {
            order: 3;

            min-height: 320px;
        }

        .review-footer {
            position: absolute;
        }
    }

    @media (max-width: 500px) {

        .review-overlay {
            padding: 0;
        }

        .review-modal {
            border-radius: 0;

            max-height: 100vh;
            height: 100vh;
        }

        .gallery {
            min-height: 260px;
        }

        .review-info {
            padding: 25px 20px;
        }

        .review-footer {
            left: 20px;
            right: 20px;
        }
    }