/* Common */
/* Media */
/* Blocks */
.device {
	padding: 18.75vw 0;
}

.device__box {
	display: flex;
	flex-direction: column;
	gap: 9.375vw;
}

.device__item-photo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 51.875vw;
	padding: 0 3.125vw;
	margin-bottom: 9.375vw;
}

.dark .device__item-photo {
	background: url(../img/common/shadow-white.png) no-repeat 50% 50%/100% auto;
}

.device__item-title {
	margin-bottom: 9.375vw;
}

.device__item-title IMG {
	height: 12.8125vw;
	-webkit-filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
	        filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
}

.dark .device__item-title IMG {
	-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(119deg) brightness(105%) contrast(101%);
	        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(119deg) brightness(105%) contrast(101%);
}

.device__item-list {
	display: flex;
	flex-direction: column;
	gap: 6.25vw;
	margin-bottom: 9.375vw;
}

.device__item-list LI {
	position: relative;
	padding-left: 3.75vw;
	font-size: 4.375vw;
	line-height: 128%;
}

.device__item-list LI:before {
	position: absolute;
	top: 2.1875vw;
	left: 0;
	content: '';
	display: block;
	width: 0.9375vw;
	height: 0.9375vw;
	border-radius: 50%;
}

.dark .device__item-list LI:before {
	background: #fff;
}

.light .device__item-list LI:before {
	background: #1a1921;
}

.device__item-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.device__item-price {
	font-weight: 600;
	font-size: 6.25vw;
	line-height: 50%;
	letter-spacing: 5%;
}

.device__item-links {
	display: flex;
	gap: 3.75vw;
}

.device__item-links A {
	display: flex;
	width: 11.875vw;
	height: 11.875vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
}

.dark .device__item-links .icon-plus {
	background-image: url(../img/common/icon-plus-white.svg);
}

.dark .device__item-links .icon-plus:hover {
	background-image: url(../img/common/icon-plus-orange.svg);
}

.dark .device__item-links .icon-delete {
	background-image: url(../img/common/icon-delete-black.svg);
	-webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(119deg) brightness(105%) contrast(101%);
	        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(119deg) brightness(105%) contrast(101%);
}

.dark .device__item-links .icon-delete:hover {
	background-image: url(../img/common/icon-delete-black.svg);
	-webkit-filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
	        filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
}

.dark .device__item-links .icon-pointer {
	background-image: url(../img/common/icon-pointer-white.svg);
}

.dark .device__item-links .icon-pointer:hover {
	background-image: url(../img/common/icon-pointer-orange.svg);
}

.light .device__item-links .icon-plus {
	background-image: url(../img/common/icon-plus-black.svg);
}

.light .device__item-links .icon-plus:hover {
	background-image: url(../img/common/icon-plus-orange.svg);
}

.light .device__item-links .icon-delete {
	background-image: url(../img/common/icon-delete-black.svg);
}

.light .device__item-links .icon-delete:hover {
	background-image: url(../img/common/icon-delete-black.svg);
	-webkit-filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
	        filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
}

.light .device__item-links .icon-pointer {
	background-image: url(../img/common/icon-pointer-black.svg);
}

.light .device__item-links .icon-pointer:hover {
	background-image: url(../img/common/icon-pointer-orange.svg);
}

.spare {
	padding: 18.75vw 0;
}

.spare__box {
	display: flex;
	flex-direction: column;
	gap: 9.375vw;
}

.spare__item {
	padding-bottom: 7.5vw;
	border-bottom: 1px solid #bfc4cc;
}

.spare__item:last-child {
	padding: 0;
	border: 0;
}

.spare__item-photo {
	height: 68.75vw;
	border-radius: 3.125vw;
	overflow: hidden;
	margin-bottom: 6.25vw;
}

.spare__item-photo IMG {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.spare__item-title {
	font-weight: 500;
	font-size: 5vw;
	line-height: 112%;
	margin-bottom: 1.5625vw;
}

.spare__item-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.spare__item-price {
	font-weight: 600;
	font-size: 6.25vw;
	line-height: 50%;
	color: #bfc4cc;
}

.spare__item .icon-plus {
	display: flex;
	width: 11.875vw;
	height: 11.875vw;
	background: url(../img/common/icon-plus-black.svg) no-repeat 50% 50%/100% 100%;
}

.spare__item .icon-plus:hover {
	background-image: url(../img/common/icon-plus-orange.svg);
}

.spare__item .icon-delete {
	display: flex;
	width: 11.875vw;
	height: 11.875vw;
	background: url(../img/common/icon-delete-black.svg) no-repeat 50% 50%/100% 100%;
}

.spare__item .icon-delete:hover {
	background-image: url(../img/common/icon-delete-black.svg);
	-webkit-filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
	        filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
}

.pages {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8.75vw;
	padding-top: 7.8125vw;
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
}

.pages A,
.pages .ellipsis {
	color: #bfc4cc;
}

.pages A:hover {
	color: #1a1921;
}

.tabsblock-slick .tabs-slick {
	display: flex;
	margin-bottom: 9.375vw;
}

.tabsblock-slick .tabs-slick__inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 10.9375vw;
	width: 100%;
	border-bottom: 0.625vw solid #bfc4cc;
}

.tabsblock-slick .tabs-slick__line {
	position: absolute;
	bottom: -0.625vw;
	height: 0.625vw;
	background: #ff6e0d;
}

.tabsblock-slick .tabs-slick__title {
	padding-bottom: 1.875vw;
	font-size: 4.375vw;
	line-height: 100%;
	color: #bfc4cc;
	cursor: pointer;
}

.tabsblock-slick .tabs-slick__title.current {
	font-weight: 500;
	color: #1a1921;
}

.tabsblock-slick .tabs-slick__title:hover {
	color: #1a1921;
}

.tabsblock-slick .tabsbox-slick {
	display: none;
}

.tabsblock-slick .tabsbox-slick.visible {
	display: block;
}

.catalogue {
	padding: 0 0 9.375vw 0;
}

.catalogue .device__box {
	margin: 0 -3.125vw;
}

.catalogue .device__item {
	padding: 0 3.125vw 9.375vw 3.125vw;
	border-bottom: 1px solid #bfc4cc;
}

.catalogue .device__item:last-child {
	padding-bottom: 0;
	border: 0;
}

.form-section {
	padding-top: 28.125vw;
}
