/* Start:/css/brands.css?17372869784428*/
@charset "UTF-8";
.brands-filter {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px;
		margin: 60px 0;
}
@media only screen and (max-width: 767px) {
		.brands-filter {
				margin: 40px 0;
		}
}
@media only screen and (max-width: 767px) {
		.brands-filter .tabs {
				width: 100%;
		}
		.brands-filter .tabs label {
				flex: 1 1 auto;
		}
		.brands-filter .tabs .btn {
				padding-left: 0;
				padding-right: 0;
		}
}
.brands-filter .search {
		flex: 1 1 auto;
		position: relative;
}
@media only screen and (min-width: 1280px) {
		.brands-filter .search {
				flex: 1 1 auto;
				max-width: 600px;
		}
}
.brands-filter .search input, .brands-filter .search textarea {
		padding-right: 50px;
}
.brands-filter .search textarea {
		height: 40px;
		min-height: 40px;
}
@media only screen and (max-width: 767px) {
		.brands-filter .search input, .brands-filter .search textarea {
				font-size: var(--text);
		}
		.brands-filter .search textarea {
				height: 50px;
				min-height: 0;
				padding-top: 5px;
				padding-bottom: 5px;
		}
}
.brands-filter .search .btn {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: 1px;
		width: 39px;
		right: 0;
		height: auto;
		padding: 0;
		justify-content: center;
		border-radius: 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;
}
.brands-filter .search .btn svg {
		width: 20px;
		height: 20px;
}
.brands .popular, .brands .popular li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.brands .popular {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
@media only screen and (max-width: 767px) {
		.brands .popular {
				margin: 16px 0 60px 0;
		}
}
@media only screen and (min-width: 768px) {
		.brands .popular {
				margin: 40px 0;
		}
}
@media only screen and (max-width: 999px) {
		.brands .popular {
				gap: 16px;
		}
}
@media only screen and (min-width: 1000px) {
		.brands .popular {
				grid-template-columns: repeat(6, 1fr);
		}
}
.brands .popular .link {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		height: 70px;
		overflow: hidden;
		border: 3px solid var(--white);
		background: var(--white);
		border-radius: var(--radius);
		box-shadow: var(--shadow);
		transition: border 0.4s ease;
		padding: 7px;
}
@media (pointer:fine) {
		.brands .popular .link:hover {
				border-color: var(--lightblue);
		}
}
.brands .popular img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
}
.brands .abc, .brands .abc ul, .brands .abc li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.brands .abc {
		display: flex;
		flex-direction: column;
		gap: 40px;
}
.brands .abc .title {
		font-size: var(--h1);
		color: var(--grey);
		font-weight: 600;
		line-height: 1.2;
		margin: 0 0 20px 0;
}
.brands .abc .blocks {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
}
@media only screen and (max-width: 999px) {
		.brands .abc .blocks {
				gap: 16px;
		}
}
.brands .abc .block {
		background: var(--white);
		box-shadow: var(--shadow);
		border-radius: var(--radius);
		padding: 17px;
		border: 3px solid var(--white);
		display: flex;
		flex-direction: column;
		gap: 20px 0;
		position: relative;
		transition: border 0.4s ease;
}
@media (pointer:fine) {
		.brands .abc .block:hover {
				border-color: var(--lightblue);
		}
}
.brands .abc .name {
		margin: 0 0 -10px 0;
		padding: 0 0 0 70px;
		position: relative;
		display: flex;
		align-items: center;
		min-height: 62px;
		flex: 0 0 auto;
		font-weight: 600;
		font-size: var(--large-text);
		color: var(--darkblue);
}
.brands .abc .name img {
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 62px;
		object-fit: scale-down;
		object-position: center;
}
.brands .abc .name a {
		color: inherit;
		text-decoration: none;
}
@media (pointer:fine) {
		.brands .abc .name a:hover {
				text-decoration: underline;
		}
}
.brands .abc .list {
		font-weight: normal;
		font-size: var(--text);
		display: flex;
		flex-direction: column;
		gap: 10px;
		flex: 0 0 auto;
		width: 100%;
		overflow: hidden;
		position: relative;
		transition: height 0.4s ease;
}
.brands .abc .list li:not(:nth-child(-n + 5)) {
		display: none;
}
.brands .abc .block .btn {
		margin: auto auto 0 auto;
		max-width: 100%;
		flex: 0 0 auto;
		display: none;
}
.brands .abc .list:has(li:nth-child(6)) ~ .btn {
		display: flex;
}
/* End */


/* Start:/css/cert-mini-slider.css?1737286978753*/
@charset "UTF-8";
.cert-mini-slider {
		margin: 0 auto;
		width: 100%;
		max-width: 224px;
}
.cert-mini-slider .swiper {
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
}
.cert-mini-slider .swiper-slide {
		width: 100%;
		height: auto !important;
		display: flex;
		flex-direction: column;
}
.cert-mini-slider .swiper-slide > * {
		flex: 1 0 auto;
		width: 100%;
}
.cert-mini-slider .swiper-slide img {
		width: 100%;
		height: auto;
		min-height: 100%;
		object-fit: cover;
		object-position: center;
}
@media only screen and (max-width: 999px) {
		.article-sidebar:has(.cert-mini-slider) {
				text-align: center;
		}
}
@media only screen and (min-width: 1000px) {
		.article-sidebar .cert-mini-slider {
				max-width: none;
		}
}
/* End */


/* Start:/css/filters.css?17372869783949*/
@charset "UTF-8";
.filters {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
@media only screen and (max-width: 767px) {
		.filters {
				gap: 20px;
				flex-direction: column;
				align-items: stretch;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.filters {
				gap: 40px 20px;
		}
}
@media only screen and (min-width: 1000px) {
		.filters {
				gap: 50px 20px;
		}
}
.filters > * {
		flex: 0 0 auto;
		max-width: 100%;
}
@media only screen and (min-width: 1000px) {
		.filters > * {
				width: 100%;
		}
}
.filters .title {
		font: bold var(--big-text)/1.2 var(--font1);
		color: var(--darkblue);
		margin: 0 0 20px 0;
}
@media only screen and (max-width: 999px) {
		.filters .title {
				margin-bottom: 10px;
		}
}
.filters select, .filters .jcf-select-text, .filters .btn {
		font-size: var(--text);
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.filters .select {
				min-width: 282px;
		}
}
.filters .toggle-filters {
		flex: 0 0 auto;
		width: 100%;
}
@media only screen and (min-width: 1000px) {
		.filters .toggle-filters {
				display: none;
		}
}
.filters .toggle-filters svg {
		width: 20px;
		height: 20px;
}
@media only screen and (max-width: 767px) {
		.filters .toggle-filters svg {
				width: 16px;
				height: 16px;
		}
}
@media only screen and (max-width: 767px) {
		.filters .view {
				display: none;
		}
}
@media only screen and (max-width: 999px) {
		.filters-fader {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(51, 51, 51, 0.5);
				backdrop-filter: blur(10px);
				transition: opacity 0.4s ease;
				backface-visibility: hidden;
				z-index: 199;
		}
		html.open-filters {
				overflow: hidden;
		}
		html:not(.open-filters) .filters-fader {
				opacity: 0;
				pointer-events: none;
		}
}
@media only screen and (min-width: 1000px) {
		.filters-fader {
				display: none;
		}
}
.filters-wrap {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.filters-wrap {
				grid-template-columns: repeat(auto-fill, minmax(280px, auto));
		}
}
@media only screen and (max-width: 999px) {
		.filters-wrap {
				background: var(--lightlightblue);
				border-radius: var(--radius);
				position: fixed;
				top: 50%;
				left: 50%;
				width: calc(100% - 20px);
				max-height: calc(100% - 20px);
				overflow-y: auto;
				z-index: 200;
				padding: 20px;
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				transform: translate3d(-50%, -50%, 0);
				max-width: 740px;
		}
		html:not(.open-filters) .filters-wrap {
				transform: translate3d(-50%, calc(-50% + 10px), 0);
				opacity: 0;
				pointer-events: none;
		}
}
@media only screen and (min-width: 1000px) {
		.filters-wrap {
				gap: 40px;
		}
		.filters-wrap.bg-blue {
				background: var(--lightlightblue);
				border-radius: var(--radius);
				padding: 10px;
		}
}
.filters-wrap .big-title {
		font: bold var(--large-text)/1.2 var(--font1);
		color: var(--grey);
		position: relative;
		padding-left: 30px;
		grid-column: 1/-1;
}
.filters-wrap .big-title svg {
		width: 20px;
		height: 20px;
		fill: currentColor;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate3d(0, -50%, 0);
}
@media only screen and (max-width: 767px) {
		.filters-wrap .big-title svg {
				width: 16px;
				height: 16px;
		}
}
@media only screen and (min-width: 1000px) {
		.filters-wrap .big-title {
				margin-bottom: -20px;
		}
		.filters-wrap:not(.bg-blue) .big-title {
				display: none;
		}
}
.filters-wrap .button-close {
		color: var(--darkblue);
		position: absolute;
		z-index: 5;
		top: calc(20px + var(--large-text) * 0.6);
		right: 14px;
		transform: translate3d(0, -50%, 0);
}
@media only screen and (min-width: 1000px) {
		.filters-wrap .button-close {
				display: none;
		}
}
/* End */


/* Start:/css/grid-catalog.css?17372869781242*/
@charset "UTF-8";
.grid-catalog, .grid-catalog .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.grid-catalog .el:before {
		display: none;
}
.grid-catalog {
		display: grid;
		gap: 20px;
}
@media only screen and (max-width: 767px) {
		.grid-catalog {
				grid-template-columns: repeat(1, 1fr);
		}
		@media only screen and (min-width: 600px) {
				.grid-catalog {
						grid-template-columns: repeat(2, 1fr);
				}
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.grid-catalog {
				grid-template-columns: repeat(3, 1fr);
		}
}
@media only screen and (min-width: 1000px) and (max-width: 1499px) {
		.grid-catalog {
				grid-template-columns: repeat(4, 1fr);
		}
		.grid-catalog.with-sidebar {
				grid-template-columns: repeat(3, 1fr);
		}
}
@media only screen and (min-width: 1500px) {
		.grid-catalog {
				grid-template-columns: repeat(5, 1fr);
		}
		.grid-catalog.with-sidebar {
				grid-template-columns: repeat(4, 1fr);
		}
}
@media only screen and (min-width: 768px) {
		html:has(input.catalog-view-list:checked) .grid-catalog {
				grid-template-columns: repeat(1, 1fr);
		}
}
.grid-catalog .el {
		display: flex;
		flex-direction: column;
}
.grid-catalog .el > * {
		flex: 1 0 auto;
		width: 100%;
}
/* End */


/* Start:/css/vendor-page.css?17372869781441*/
@charset "UTF-8";
.vendor-page {
		position: relative;
}
.vendor-page > .tabs, .vendor-page > .tabs-slider {
		margin: 0 0 40px 0;
}
.vendor-head {
		display: flex;
		align-items: center;
		gap: 20px;
		margin: 0 0 40px 0;
}
@media only screen and (max-width: 767px) {
		.vendor-head {
				flex-direction: column;
				align-items: stretch;
		}
}
.vendor-head .logo img {
		height: 40px;
		width: auto;
		display: block;
		margin: 0 auto;
		object-fit: scale-down;
		object-position: center;
}
.vendor-head h1 {
		margin: 0;
}
.vendor-head .text {
		flex: 1 1 auto;
}
.vendor-head .tags {
		margin-top: 10px;
}
@media only screen and (max-width: 767px) {
		.vendor-head .logo {
				order: 1;
		}
		.vendor-head .text {
				order: 2;
		}
		.vendor-head .our-partner {
				order: 3;
		}
}
@media only screen and (min-width: 1000px) {
		.vendor-catalog {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
}
@media only screen and (min-width: 1000px) {
		.vendor-catalog-content {
				flex: 0 0 auto;
				width: calc(100% - var(--sidebar) - 20px);
		}
}
@media only screen and (max-width: 767px) {
		.vendor-catalog-filters {
				margin-bottom: 20px;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.vendor-catalog-filters {
				margin-bottom: 40px;
		}
}
@media only screen and (min-width: 1000px) {
		.vendor-catalog-filters {
				flex: 0 0 auto;
				width: var(--sidebar);
		}
}
/* End */


/* Start:/css/article.css?17373771128653*/
@charset "UTF-8";
.article {
		display: block;
		margin: 0;
		padding: 0;
}
.article-text-wrap:not(:first-child) {
		margin-top: var(--section-vert);
}
.article-text-wrap:not(:last-child) {
		margin-bottom: var(--section-vert);
}
@media only screen and (min-width: 1000px) {
		.article-text-wrap {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 20px;
		}
}
.article-nav, .article-nav li {
		list-style: none;
		margin: 0;
		padding: 0;
}
@media only screen and (max-width: 999px) {
		.article-nav {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.article-nav {
				position: sticky;
				top: calc(var(--header) + var(--header-stroke) + 20px);
				display: flex;
				flex-direction: column;
				gap: 20px;
				order: 2;
				width: var(--sidebar);
		}
}
.article-nav .btn {
		font-size: 16px;
		line-height: 1.5;
		padding: 5px 9px;
		height: auto;
}
.article-nav *:nth-last-child(1 of .anchor-active) .btn {
		color: var(--white);
		border-color: var(--darkblue);
		background-color: var(--darkblue);
}
.article-other {
		display: flex;
		flex-direction: column;
		gap: 40px 20px;
}
.article-other > * {
		flex: 0 0 auto;
		width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.article-other {
				flex-direction: row;
				align-items: flex-start;
		}
		.article-other > * {
				width: calc(50% - 10px);
		}
		.article-other > *:only-child {
				width: 100%;
		}
}
@media only screen and (max-width: 999px) {
		.article-other {
				margin-top: 60px;
				width: 100%;
		}
}
@media only screen and (min-width: 1000px) {
		.article-other {
				order: 2;
				margin-top: 10px;
				/*position: sticky;
				top: calc(var(--header) + var(--header-stroke) + 20px);*/
				width: var(--sidebar);
		}
		.article-text-wrap:has(.article-text > .date) .article-other {
				margin-top: 40px;
		}
}
.article-other .block-dark {
		border-radius: var(--radius);
		background: var(--gradient);
		color: var(--white);
		padding: 20px;
}
@media only screen and (max-width: 767px) {
		.article-other .block-dark {
				padding: 16px;
		}
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
		.article-other .block-dark {
				padding: 16px;
		}
}
.article-other .title {
		font: bold var(--h3)/1.2 var(--font1);
		margin: 0 0 20px 0;
		color: var(--darkblue);
		hyphens: auto;
		word-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
		.article-other .title {
				font-size: 20px;
		}
}
@media only screen and (min-width: 1280px) and (max-width: 1499px) {
		.article-other .title {
				font-size: 22px;
		}
}
@media only screen and (min-width: 1500px) {
		.article-other .title {
				font-size: 26px;
		}
}
.article-other .block-dark .title {
		color: inherit;
}
.article-other a:not(.btn) {
		color: var(--darkblue);
		text-decoration: none;
}
.article-other .block-dark a:not(.btn) {
		color: var(--white);
		text-decoration: underline;
}
@media (pointer:fine) {
		.article-other a:not(.btn):hover {
				text-decoration: underline;
		}
		.article-other .block-dark a:not(.btn):hover {
				text-decoration: none;
		}
}
.article-other .list-links, .article-other .list-links li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-other .list-links {
		font-weight: 600;
		font-size: var(--text);
		line-height: 1.5;
		display: flex;
		flex-direction: column;
		gap: 20px;
}
.article-other .block-dark .list-links li:not(:first-child) {
		padding-top: 20px;
		border-top: 1px solid var(--white);
}
.article-other .list-links .date {
		margin-bottom: 6px;
}
@media only screen and (max-width: 999px) {
		.article-sidebar {
				margin-top: 20px;
				width: 100%;
		}
}
@media only screen and (min-width: 1000px) {
		.article-sidebar {
				flex: 0 0 auto;
				order: 2;
				width: var(--sidebar);
		}
}
.article-text {
		font: 500 var(--text)/1.5 var(--font2);
		color: var(--darkgrey);
		flex: 0 0 auto;
		order: 1;
}
@media only screen and (min-width: 1000px) {
		.article-text {
				width: calc(100% - var(--sidebar) - 20px);
		}
}
.article-text > *:first-child {
		margin-top: 0 !important;
}
.article-text > *:last-child {
		margin-bottom: 0 !important;
}
.article-text a:not(.btn) {
		color: inherit;
}
.article-text p {
		margin: 20px 0;
}
.article-text ol, .article-text ul {
		list-style: none;
		margin: 20px 0;
		padding: 0;
}
.article-text li {
		list-style: none;
		margin: 0;
		padding: 0 0 0 1.6em;
		position: relative;
}
.article-text li:not(:first-child) {
		margin-top: 10px;
}
.article-text li ol, .article-text li ul {
		margin-top: 10px;
}
.article-text ol {
		counter-reset: ol;
}
.article-text ol > li:before {
		content: counter(ol)'.';
		counter-increment: ol;
		font-weight: bold;
		color: var(--darkblue);
		min-width: 1.6em;
		margin-left: -1.6em;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding-right: 4px;
}
.article-text ul > li:before {
		content: '';
		width: 6px;
		height: 6px;
		top: 0.75em;
		left: 0.8em;
		position: absolute;
		background: var(--darkblue);
		transform: translate3d(-50%, -50%, 0);
		border-radius: 50%;
}
.article-text .date {
		margin-bottom: 10px;
}
.article-main-image {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
}
.article-main-image img {
		width: 100%;
		height: auto;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
}
.article-video {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
		position: relative;
		aspect-ratio: 16/9;
}
.article-video > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: 0;
}
.article-image {
		display: block;
		margin: var(--section-vert) 0;
		padding: 0;
		width: 100%;
}
.article-image img {
		width: auto;
		height: auto;
		max-width: 100%;
}
.article-text .list-photos, .article-text .list-photos li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.article-text .list-photos li:before {
		display: none;
}
.article-text .list-photos {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 25px;
}
.article-text .list-photos a {
		display: block;
		position: relative;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		transition: border 0.4s ease;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
}
.article-text .list-photos a:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: calc(var(--radius) - 1px);
		border: 2px solid var(--darkblue);
		pointer-events: none;
		transition-property: border, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		opacity: 0;
}
@media (pointer:fine) {
		.article-text .list-photos a:hover {
				border-color: var(--lightblue);
		}
		.article-text .list-photos a:hover:after {
				border-color: var(--lightblue);
				opacity: 1;
		}
}
.article-text .list-photos img {
		display: block;
		height: 226px;
		width: auto;
}
.article-table {
		margin: 20px 0;
		overflow: auto;
		border: 1px solid var(--darkblue);
		border-radius: var(--radius);
		color: var(--black);
}
.article-table table {
		min-width: 100%;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		border: 0;
		background: none;
}
.article-table th, .article-table td {
		text-align: left;
		vertical-align: middle;
		background: none;
		border-style: solid;
		border-width: 0 1px 0 0;
		border-color: var(--darkblue);
		padding: 10px;
}
.article-table th:last-child, .article-table td:last-child {
		border-right-width: 0;
}
.article-table th {
		border-color: var(--lightblue);
		color: var(--white);
		background: var(--darkblue);
		border-bottom-width: 3px;
		font-weight: bold;
		font-size: 16px;
}
.article-table td {
		transition: background 0.4s ease;
}
.article-table tr:nth-child(odd) td {
		background-color: var(--lightlightblue);
}
.article-table tr:hover td {
		background-color: var(--lightblue);
}
.article-table .align-left {
		text-align: left;
}
.article-table .align-center {
		text-align: center;
}
.article-table .align-right {
		text-align: right;
}
.article-top-actions {
		margin: 20px 0;
		display: flex;
		align-items: flex-end;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: space-between;
}
@media only screen and (min-width: 768px) {
		.article-top-actions {
				margin-top: -20px;
		}
}
.article-top-actions .mini-timer {
		flex: 1 1 auto;
}
.article-top-actions .btn {
		font-weight: 600;
		font-size: var(--bold-text);
}
@media only screen and (min-width: 768px) {
		.article-top-actions .btn {
				margin-bottom: 2px;
		}
}
.article-top-actions .btn svg {
		width: 24px;
		height: 24px;
}
/* End */


/* Start:/css/faq.css?17368522341495*/
@charset "UTF-8";
.faq-el {
		border: 3px solid var(--white);
		background: var(--white);
		border-radius: var(--radius);
		box-shadow: var(--shadow);
		transition: border 0.4s ease;
}
.faq-el:not(:first-child) {
		margin-top: 20px;
}
@media (pointer:fine) {
		.faq-el:hover {
				border-color: var(--lightblue);
		}
}
.faq-el .title {
		position: relative;
		cursor: pointer;
		padding: 17px 61px 17px 17px;
		margin: 0 !important;
		font: 600 var(--large-text)/1.362 var(--font1);
		color: var(--darkblue);
}
.faq-el .pic {
		position: absolute;
		top: 50%;
		right: 17px;
		transform: translate3d(0, -50%, 0);
		background: var(--darkblue);
		width: 24px;
		height: 24px;
		border-radius: 50%;
}
.faq-el .pic:before, .faq-el .pic:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0) scale(0.928);
		width: 14px;
		height: 4px;
		border-radius: 1px;
		background: var(--white);
		transition: transform 0.4s ease;
}
.faq-el .pic:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.928);
}
.faq-el.open .pic:after {
		transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(0.928);
}
.faq-el .text {
		transition: height 0.4s ease;
		overflow: hidden;
		height: 0;
		--height: 100px;
}
.faq-el.open .text {
		height: var(--height);
}
.faq-el .text > * {
		padding: 0 17px 17px 17px;
}
.faq-el .text > * > *:first-child {
		margin-top: 0 !important;
}
.faq-el .text > * > *:last-child {
		margin-bottom: 0 !important;
}
/* End */


/* Start:/css/catalog-table.css?17561918314153*/
@charset "UTF-8";
.catalog-table table {
		border-collapse: collapse;
		border: 0;
		margin: -10px 0;
		padding: 0;
		background: none;
		width: 100%;
}
.catalog-table td {
		text-align: left;
		vertical-align: middle;
		padding: 10px;
		min-height: 86px;
		border-style: solid;
		border-width: 3px 0 0 0;
		border-color: transparent;
		transition-property: border, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
.catalog-table .line td {
		padding: 0;
		min-height: 0;
		border: 0;
}
.catalog-table .line td:before {
		content: '';
		display: block;
		height: 3px;
		border-bottom: 1px solid var(--lightlightgrey);
		transition-property: border, background;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
.catalog-table tr.line:last-child td:before {
		border-color: transparent;
}
@media (pointer:fine) {
		.catalog-table tr:hover td {
				background-color: var(--lightlightblue);
				border-color: var(--lightblue);
		}
		.catalog-table tr:hover + tr.line td:before {
				background-color: var(--lightblue);
				border-color: var(--lightblue);
		}
}
.catalog-table td:not(.text) {
		width: 1px;
		white-space: nowrap;
}
.catalog-table .name {
		text-wrap: auto;
		font: 600 var(--big-text)/1.5 var(--font1);
		color: var(--darkblue);
		margin: 0;
}
@media only screen and (max-width: 767px) {
		.catalog-table .name {
				margin-bottom: 10px;
		}
}
.catalog-table .name a {
		color: inherit;
		text-decoration: none;
}
@media (pointer:fine) {
		.catalog-table .name a:hover {
				text-decoration: underline;
		}
}
.catalog-table .tags {
		margin: 10px 0;
}
.catalog-table .descr {
		font: 500 var(--text)/1.5 var(--font1);
		color: var(--grey);
}
.catalog-table .price {
		text-align: right;
		font: bold var(--big-text)/1 var(--font1);
		color: var(--darkblue);
		min-width: 6em;
}
.catalog-table .price del {
		display: block;
		font-weight: 600;
		font-size: var(--small-text);
		margin: 0 0 4px 0;
		color: var(--lightgrey);
		text-decoration: line-through;
}
.catalog-table .price .small {
	display: block;
	font-weight: normal;
	font-size: var(--small-text);
	margin: 0 0 4px 0;
	color: var(--lightgrey);
}
.catalog-table .price .span {
	white-space: nowrap;
}
.catalog-table .input-num {
		width: 60px;
}
.catalog-table .actions .btn {
		white-space: nowrap;
		font-size: var(--text);
		justify-content: center;
		padding-left: 0;
		padding-right: 0;
		width: 10em;
}
.catalog-table .actions .btn + .btn {
		margin-top: 10px;
}
.catalog-table .actions .btn svg {
		width: 20px;
		height: 20px;
}
.catalog-table .link-bookmark {
		width: 24px;
		height: 24px;
		margin: 0 -2px;
}
.catalog-table .info {
		width: 44px !important;
}
@media only screen and (max-width: 767px) {
		.catalog-table:has(.bookmark) {
				border-left: 5px solid var(--lightblue);
				padding-left: 11px;
		}
		.catalog-table table, .catalog-table tbody, .catalog-table tr, .catalog-table td {
				display: block;
				margin: 0;
		}
		.catalog-table tr {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				border-style: solid;
				border-color: var(--lightlightgrey);
				border-width: 0 0 1px 0;
				padding: 20px 0;
				gap: 20px 0;
		}
		.catalog-table tr:first-child {
				padding-top: 0;
		}
		.catalog-table tr:last-child {
				border-bottom-width: 0;
				padding-bottom: 0;
		}
		.catalog-table tr.line {
				display: none !important;
		}
		.catalog-table td {
				border: 0;
				padding: 0;
				flex: 0 0 auto;
				max-width: 100%;
				width: auto !important;
				height: auto;
				min-height: 0;
				background: none !important;
				order: 2;
		}
		.catalog-table .actions {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				gap: 10px;
		}
		.catalog-table .actions .btn {
				margin: 0 !important;
		}
		.catalog-table td.text {
				width: 100% !important;
				order: 1;
		}
		.catalog-table .price {
				padding-right: 10px;
		}
		.catalog-table tr:has(.bookmark) .price {
				padding-right: 0;
		}
		.catalog-table tr:has(.bookmark) .actions {
				width: 100% !important;
		}
		.catalog-table .info {
				width: 24px !important;
		}
}
/* End */


/* Start:/css/price-info.css?1736446998730*/
@charset "UTF-8";
.price-info .toggle-info {
		cursor: pointer;
		user-select: none;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		background: url("/css/../img/icons/info-darkblue.svg") no-repeat 50% 50%;
		background-size: 16px auto;
}
.price-info-popup {
		font: 500 var(--text)/1.5 var(--font2);
		color: var(--grey);
		min-width: 280px;
}
.price-info-popup ul, .price-info-popup li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.price-info-popup ul {
		margin: 5px 0 -5px 0;
}
.price-info-popup li:before {
		display: none;
}
.price-info-popup li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font: 600 var(--bold-text)/1.362 var(--font1);
		color: var(--darkblue);
		padding: 5px 0;
}
/* End */


/* Start:/css/product-page.css?17387644226434*/
@charset "UTF-8";
.product-page {
		position: relative;
}
.product-page > .tabs, .product-page > .tabs-slider {
		margin: 0 0 40px 0;
}
.product-head {
		display: grid;
		align-items: center;
		gap: 20px;
		margin: 0 0 60px 0;
}
@media only screen and (max-width: 767px) {
		.product-head {
				flex-direction: column;
				align-items: stretch;
				margin-bottom: 20px;
		}
}
@media only screen and (min-width: 768px) {
		.product-head {
				grid-template-columns: 92px 1fr auto;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.product-head {
				margin-bottom: 40px;
		}
}
.product-head .logo-sq {
		flex: 0 0 auto;
		align-self: flex-start;
		width: 92px;
		height: 100px;
}
@media only screen and (max-width: 767px) {
		.product-head .logo-sq {
				width: 46px;
				height: 50px;
				margin: 0 auto;
		}
}
@media only screen and (min-width: 1000px) {
		.product-head:has(.our-partner) .logo-sq {
				grid-row: 1/3;
		}
}
.product-head .logo-sq img {
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		object-position: center;
}
.product-head .logo img {
		height: 40px;
		width: auto;
		display: block;
		margin: 0 auto;
		object-fit: scale-down;
		object-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.product-head:has(.our-partner) .logo {
				grid-column: 1/3;
		}
		.product-head .logo img {
				margin: 0;
		}
}
@media only screen and (min-width: 1000px) {
		.product-head:has(.our-partner) .logo {
				grid-column: 3/4;
				margin-bottom: -10px;
		}
}
.product-head h1 {
		margin: 0;
}
.product-head .text {
		flex: 1 1 auto;
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.product-head:has(.our-partner) .text {
				grid-column: 2/-1;
		}
}
@media only screen and (min-width: 1000px) {
		.product-head:has(.our-partner) .text {
				grid-row: 1/3;
		}
}
.product-head .tags {
		margin-top: 10px;
}
@media only screen and (max-width: 767px) {
		.product-head .logo-sq {
				order: 1;
		}
		.product-head .text {
				order: 2;
		}
		.product-head .our-partner {
				order: 3;
				background-color: var(--lightblue);
		}
		@media (pointer:fine) {
				.product-head .our-partner:hover {
						background-color: var(--yellow);
				}
		}
		.product-head .logo {
				display: none;
		}
}
@media only screen and (min-width: 1000px) {
		.product-head .our-partner {
				grid-column: 3/4;
				margin-top: auto;
		}
}
.product-menu {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		margin: 60px 0;
}
@media only screen and (max-width: 767px) {
		.product-menu {
				margin: 20px 0;
		}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.product-menu {
				margin: 40px 0;
		}
}
.product-menu > .btn {
		font-size: var(--bold-text);
}
.product-menu > * {
		flex: 0 0 auto;
		max-width: 100%;
}
@media only screen and (min-width: 1000px) {
		.product-catalog {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
		}
}
@media only screen and (min-width: 1000px) {
		.product-catalog-content {
				flex: 0 0 auto;
				width: calc(100% - var(--sidebar) - 20px);
		}
}
@media only screen and (max-width: 999px) {
		.product-catalog-filters {
				margin-bottom: 20px;
		}
}
@media only screen and (min-width: 1000px) {
		.product-catalog-filters {
				flex: 0 0 auto;
				width: var(--sidebar);
		}
}
.product-page .article-text .h1:not(:first-child), .product-page .article-text h1:not(:first-child), .product-page .article-text .h2:not(:first-child), .product-page .article-text h2:not(:first-child), .product-page .article-text .h3:not(:first-child), .product-page .article-text h3:not(:first-child), .product-page .article-text .h4:not(:first-child), .product-page .article-text h4:not(:first-child) {
		color: inherit;
}
@media only screen and (min-width: 768px) {
		.product-page .article-text .h1:first-child, .product-page .article-text h1:first-child, .product-page .article-text .h2:first-child, .product-page .article-text h2:first-child, .product-page .article-text .h3:first-child, .product-page .article-text h3:first-child, .product-page .article-text .h4:first-child, .product-page .article-text h4:first-child {
				margin-bottom: 40px;
		}
}
.product-attention {
		margin: 0 0 40px 0;
		border: 1px solid var(--darkblue);
		background: var(--white);
		position: relative;
		border-radius: var(--radius);
		font: 500 var(--small-text)/1.5 var(--font2);
		color: var(--darkgrey);
		display: flex;
		gap: 20px;
		padding: 19px;
}
@media only screen and (max-width: 767px) {
		.product-attention {
				padding-top: 84px;
				flex-direction: column;
		}
}
@media only screen and (min-width: 768px) {
		.product-attention {
				align-items: center;
				justify-content: space-between;
				padding-left: 84px;
		}
}
.product-attention:before {
		content: '';
		position: absolute;
		background: var(--lightblue) url("/css/../img/icons/info-darkblue.svg") no-repeat 50% 50%;
		background-size: 24px auto;
}
@media only screen and (max-width: 767px) {
		.product-attention:before {
				top: 0;
				left: 0;
				right: 0;
				height: 64px;
				border-top-left-radius: calc(var(--radius) - 1px);
				border-top-right-radius: calc(var(--radius) - 1px);
		}
}
@media only screen and (min-width: 768px) {
		.product-attention:before {
				left: 0;
				top: 0;
				bottom: 0;
				width: 64px;
				border-top-left-radius: calc(var(--radius) - 1px);
				border-bottom-left-radius: calc(var(--radius) - 1px);
		}
}
.product-attention .right {
		flex: 0 0 auto;
		max-width: 100%;
}
.product-attention > * > *:first-child {
		margin-top: 0 !important;
}
.product-attention > * > *:last-child {
		margin-bottom: 0 !important;
}
.product-attention p {
		margin: 10px 0;
}
.product-attention .accent {
		color: var(--red);
		font-weight: 600;
		font-size: var(--text);
}
.product-attention .contacts, .product-attention .contacts li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.product-attention .contacts {
		display: flex;
		flex-direction: column;
		gap: 10px;
		font-weight: 600;
		font-size: var(--text);
		color: var(--darkblue);
}
.product-attention .contacts li {
		position: relative;
		padding-left: 22px;
}
.product-attention .contacts li:before {
		display: none;
}
.product-attention .contacts img {
		position: absolute;
		top: 50%;
		left: 0;
		width: 16px;
		height: 16px;
		transform: translate3d(0, -50%, 0);
}
/* End */


/* Start:/css/lightbox.min.css?17365642643102*/
.lb-loader, .lightbox {
		text-align: center;
		line-height: 0;
		position: absolute;
		left: 0
}
body.lb-disable-scrolling {
		overflow: hidden
}
.lightboxOverlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		background: rgba(51, 51, 51, 0.5);
		backdrop-filter: blur(10px);
		display: none
}
.lightbox {
		width: 100%;
		z-index: 10000;
		font-weight: 400;
		outline: 0
}
.lightbox .lb-image {
		display: block;
		height: auto;
		max-width: inherit;
		max-height: none;
		border-radius: 3px;
		border: 4px solid #fff
}
.lightbox a img {
		border: none
}
.lb-outerContainer {
		position: relative;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		border-radius: 4px;
		background-color: #fff
}
.lb-outerContainer:after {
		content: "";
		display: table;
		clear: both
}
.lb-loader {
		top: 43%;
		height: 25%;
		width: 100%
}
.lb-cancel {
		display: block;
		width: 32px;
		height: 32px;
		margin: 0 auto;
		background: url(/css/../img/lightbox/loading.gif) no-repeat
}
.lb-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10
}
.lb-container > .nav {
		left: 0
}
.lb-nav a {
		outline: 0;
		background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-next, .lb-prev {
		height: 100%;
		cursor: pointer;
		display: block
}
.lb-nav a.lb-prev {
		width: 34%;
		left: 0;
		float: left;
		background: url(/css/../img/lightbox/prev.png) left 48% no-repeat;
		filter: alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity .6s;
		-moz-transition: opacity .6s;
		-o-transition: opacity .6s;
		transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
		filter: alpha(Opacity=100);
		opacity: 1
}
.lb-nav a.lb-next {
		width: 64%;
		right: 0;
		float: right;
		background: url(/css/../img/lightbox/next.png) right 48% no-repeat;
		filter: alpha(Opacity=0);
		opacity: 0;
		-webkit-transition: opacity .6s;
		-moz-transition: opacity .6s;
		-o-transition: opacity .6s;
		transition: opacity .6s
}
.lb-nav a.lb-next:hover {
		filter: alpha(Opacity=100);
		opacity: 1
}
.lb-dataContainer {
		margin: 0 auto;
		padding-top: 5px;
		width: 100%;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
		content: "";
		display: table;
		clear: both
}
.lb-data {
		padding: 0 4px;
		color: #ccc
}
.lb-data .lb-details {
		width: 85%;
		float: left;
		text-align: left;
		line-height: 1.1em
}
.lb-data .lb-caption {
		font-size: 13px;
		font-weight: 700;
		line-height: 1em
}
.lb-data .lb-caption a {
		color: #4ae
}
.lb-data .lb-number {
		display: block;
		clear: left;
		padding-bottom: 1em;
		font-size: 12px;
		color: #999
}
.lb-data .lb-close {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		background: url(/css/../img/lightbox/close.png) top right no-repeat;
		text-align: right;
		outline: 0;
		filter: alpha(Opacity=70);
		opacity: .7;
		-webkit-transition: opacity .2s;
		-moz-transition: opacity .2s;
		-o-transition: opacity .2s;
		transition: opacity .2s
}
.lb-data .lb-close:hover {
		cursor: pointer;
		filter: alpha(Opacity=100);
		opacity: 1
}
/* End */
/* /css/brands.css?17372869784428 */
/* /css/cert-mini-slider.css?1737286978753 */
/* /css/filters.css?17372869783949 */
/* /css/grid-catalog.css?17372869781242 */
/* /css/vendor-page.css?17372869781441 */
/* /css/article.css?17373771128653 */
/* /css/faq.css?17368522341495 */
/* /css/catalog-table.css?17561918314153 */
/* /css/price-info.css?1736446998730 */
/* /css/product-page.css?17387644226434 */
/* /css/lightbox.min.css?17365642643102 */